@import url(font.css);
* {margin:0px;padding:0px; color:#333;}


body { font-size:13px; line-height:1.6em;}
a, button{cursor:pointer;}
li{ list-style-type:none;}
a{text-decoration:none;}
h1{display:none;}
h2{ display:none;}
input[type=text]::-ms-clear {display:none;}
input::-webkit-input-placeholder { color: #626262;}
input::-moz-placeholder { color: #626262;}
input:-ms-input-placeholder { color: #626262;}
input:-moz-placeholder {  color: #626262;}

.clear { clear:both; }
.hidn{ display:none;}
.section { margin-bottom:40px;}
.img_btn_span{display:block;width:100%;height:100%;position:relative;overflow:hidden;z-index:-1;}

#wrap{ min-width:320px;margin:10px;}
#head{ margin-bottom:40px;}

#head ul { height:42px; border-bottom:1px solid #000; }
#head ul li { float:left; margin-right:-1px;width:17%; min-width:100px;}
#head ul li a { font-size:15px;font-weight:400; height:40px; line-height:40px; margin-bottom:-1px; background:#EEEEEE; color:#000; text-align:center; display:block; border:1px solid #000; border-bottom:1px solid #EEEEEE;   }
#head ul li a.on { background:#fff; color:#119242; border-bottom-color:#fff; height:41px; line-height:41px;   }
#head ul::after{ content:' ' ; display:block; clear:both;}

#body{ padding:0px 10px;}

/* 간행물 목록*/
ul.jou-list li.boxing{ margin-bottom:40px;}
ul.jou-list div.cover{width:20%; max-width:157px; float:left;min-height:223px;}
ul.jou-list div.cover img{max-width:100%;}
ul.jou-list button{width:25px;height:25px;}
ul.jou-list.btn-cover{background:url(/Images/common/ic_img_big_s.png) no-repeat 50% 50%;}
ul.jou-list div.info{width:78%; float:right; line-height:1.4em;letter-spacing:0;}
ul.jou-list div.info span.registration{padding:2px 6px; border-radius:2px;border: 1px solid #119242;background-color: #f4fff8;color: #0e3e20;}
ul.jou-list li.boxing::after{content:' ' ; display:block; clear:both;}
ul.jou-list h4{ font-size:17px; margin-top:10px;}
ul.jou-list h4 a{ color:#000; text-decoration:underline;}
ul.jou-list h4 span.tran{font-size:13px;}
ul.jou-list h4 a:hover, 
ul.jou-list h4 a:hover span{color:#119242;}
ul.jou-list p{height:40px;line-height:40px;}
ul.jou-list ul{}
ul.jou-list ul li{ line-height:1.6em;}
ul.jou-list ul li label{margin-right:5px;}
ul.jou-list ul li span{ margin-left:5px;vertical-align:middle;}

@media (max-width : 650px) {
    ul.jou-list>li{ padding:10px 20px;border-radius:5px; background-color:#f3f3f3;}
    ul.jou-list div.cover { display:none;}
    ul.jou-list div.info{  float:initial; width:100%;}
    ul.jou-list ul li *{ font-size:14px;}
    ul.jou-list ul li label{color:#000;}
}

/* 발행호 목록*/
ul.issue-list li.boxing{margin-bottom:20px;  float:left;width:180px;}
ul.issue-list div.cover{position:relative; padding:0px 10px; text-align:center;}
ul.issue-list div.cover img{ max-width:100%; max-height:200px;}
ul.issue-list div.cover button{position:absolute;right:20px; bottom:0px; width:30px;height:30px; border:1px solid #dfdfdf; border-radius:30%;   background:#fff url(/Images/common/ic_search.png) no-repeat 50% 50%;background-size:18px;}

ul.issue-list div.info{padding:0px 10px; text-align:center;}
ul.issue-list div.info a, ul.issue-list div.info a span { color:#000;}
ul.issue-list div.info a:hover, ul.issue-list div.info a:hover span { color:#119242; text-decoration:underline;}
ul.issue-list div.info span.name{ display:block; width:100%; height:20px; line-height:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.issue-list li::after{content:' '; clear:both; display:block;}

div.jou-select-box{margin-bottom:30px;}
div.jou-select-box select{
   height:40px; width:98%; box-sizing:border-box; border:1px solid #626262; padding:10px;
	background:#fff url('/images/common/ic_select2.png') no-repeat right; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -moz-appearance: none;
    appearance: none;

}
div.jou-select-box select::-ms-expand { display: none; }

@media (max-width : 450px) {
    ul.issue-list li.boxing{width:50%;padding:0px 10px; box-sizing:border-box;}
}

/* 기본 검색*/
fieldset.basic-search{ border:none; margin-bottom:4px;}
fieldset.basic-search legend{ display:none;}
fieldset.basic-search div.boxing{background-color:#f1f1f1;padding:10px;position:relative;}
fieldset.basic-search p.input {margin-right:40px;}
fieldset.basic-search p.input input{ border:none; line-height:40px; height:40px;width:100%;padding:0px 10px; box-sizing:border-box; background-color:#fff;}
fieldset.basic-search p.action {position:absolute;right:10px;top:10px;} 
fieldset.basic-search button {border:none; width:40px; height:40px; background:#119242 url(/images/common/ic_search2.png) no-repeat center; }
fieldset.basic-search div.boxing::after{ content:' ' ; display:block; clear:both;}

/* 상세검색 */
fieldset.advanced-search{ border:none; margin-bottom:4px;}
fieldset.advanced-search legend{ display:none; }
fieldset.advanced-search div.boxing{position:relative;}
fieldset.advanced-search dl{margin-right:100px;}
fieldset.advanced-search dl dt{ float:left; width:16%; background-color:#535353; font-size:15px; color:#fff; font-weight:400; text-align:center; line-height:40px; height:40px;}
fieldset.advanced-search dl dt label{color:#fff;}
fieldset.advanced-search dl dd{ float:right; width:83%;}
fieldset.advanced-search dl dd *{font-weight:300;}
fieldset.advanced-search dl dd.jou{position:relative;}
fieldset.advanced-search dl dd strong{ display:inline-block;max-width:70%; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-right:1%;}
fieldset.advanced-search dl dd.jou a{max-width:27%;line-height:30px; height:30px; box-sizing:border-box; padding:0px 10px;border:1px solid #333; position:absolute;bottom:0px;right:2%;}
fieldset.advanced-search dl dd.jou a:hover{background-color:#f1f1f1;}
fieldset.advanced-search dl dd input,
fieldset.advanced-search dl dd select{height:40px; width:98%; box-sizing:border-box; border:1px solid #626262; padding:10px;}
fieldset.advanced-search dl dd select.searchF{width:30%;}
fieldset.advanced-search dl dd input.searchV{width:67.5%;}
fieldset.advanced-search dl::after{ content:''; display:block; clear:both; margin-bottom:10px;}
fieldset.advanced-search button{position:absolute;right:0px;bottom:10px; border:none; height:40px; width:100px; box-sizing:border-box; background:#119242 url(/images/common/ic_search2.png) no-repeat 12px 10px;padding-left:10px;}
fieldset.advanced-search button span{ color:#fff;}
fieldset.advanced-search button:hover span{ color:#000;}
fieldset.search select {
	background:#fff url('/images/common/ic_select2.png') no-repeat right; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -moz-appearance: none;
    appearance: none;
}
fieldset.search select::-ms-expand { display: none; }

@media (max-width : 600px) {
    fieldset.advanced-search dl{margin-right:0px;}
    fieldset.advanced-search dl dt{width:90px;}
    fieldset.advanced-search dl dd{width:calc(100% - 90px);}
    fieldset.advanced-search dl dd.jou{padding-left:10px;text-align:left;box-sizing:border-box;}
    fieldset.advanced-search dl dt label{font-size:14px;}
    fieldset.advanced-search dl dd strong{max-width:95%; }
    fieldset.advanced-search {text-align:right;}
    fieldset.advanced-search button{position:initial;}
    
    fieldset.search{ margin-top:50px; position:relative;}
    fieldset.advanced-search dl dd.jou a{bottom:initial;top:-35px; max-width:150px;}
}

div.provider{text-align:right;}
div.provider *{ color:#888;}
div.provider label::after{content:':'; margin-right:4px;}
div.provider a:hover{color:#119242;}


/* 검색 결과*/
div.search_result_state{margin:20px 0px 10px;}
div.search_result_state strong{color:#F00;}

div.search_result div.chk{float:left; width:7%; text-align:center;}
div.search_result div.num{float:left; width:8%; text-align:center;}
div.search_result div.selectAction{float:left;width:60%;}
div.search_result div.info{float:left; width:70%; border-left:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
div.search_result div.action{float:left; width:15%;text-align:center;}

div.search_result div.chk input { width:20px; height:20px; text-align:center;}
div.search_result div.head-ctl{background:url(/images/common/table_bg.png) repeat; border-top:2px solid #000; border-bottom:1px solid #000; position:relative; }
div.search_result div.head-ctl::after{ content:' '; clear:both; display:block;}

div.search_result div.head-ctl div{ line-height:60px;}
div.search_result div.head-ctl div.chk,
div.search_result div.head-ctl div.num{ border-right:1px solid #000;}
div.search_result div.head-ctl div.sort{ position:absolute;text-align:center; right:20px; top:0px;}
div.search_result div.head-ctl select {
	height:25px; border:1px solid #626262; 
	background:#fff url('/images/common/ic_select2.png') no-repeat right; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -moz-appearance: none;
    appearance: none;
	padding:0px 40px 0px 10px;}
div.search_result div.head-ctl  select::-ms-expand { display: none; }
div.search_result div.tail-ctl{border-top:1px solid #000; border-bottom:1px solid #000; }
div.search_result div.tail-ctl::after{ content:' '; clear:both; display:block;}
div.search_result div.tail-ctl div{ line-height:60px;}
div.search_result div.tail-ctl div.chk{ border-right:1px solid #000;}

div.search_result div.selectAction button{ margin-left:10px; line-height:27px; width:90px; background-color:#fff;border:1px solid #626262;}
div.search_result div.selectAction button:hover span{ color:#000;}


div.search_result div.list{}
div.search_result div.list h4{border-bottom:1px solid #eee;margin-top:30px;padding-bottom:10px;}
div.search_result div.list h4 span{font-size:1.3em; font-weight:400; color:#000; }
div.search_result div.art-summary{background:url(/Images/common/bg_eee.png) repeat-y 7% 0%;border-bottom:1px solid #ddd;}
div.search_result div.art-summary::after{content: ' ' ; display:block; clear:both;}

div.search_result div.art-summary div.chk,
div.search_result div.art-summary div.num{line-height:80px;}
div.search_result div.art-summary div.info{ padding:10px;}
div.search_result div.art-summary strong{ background-color:#fff45c;}

div.search_result div.info p{padding-bottom:4px;}
div.search_result div.info p.title {padding-bottom:8px;}
div.search_result div.info p.title span.registration{display:inline-block;margin-bottom:5px;padding:2px 6px;border-radius:2px;border: 1px solid #119242;background-color: #f4fff8;color: #0e3e20;}
div.search_result div.info p.title a{display:block; font-weight:400; font-size:15px; letter-spacing:0.3px; margin-right:10px;}
div.search_result div.info a:hover,
div.search_result div.info a:hover span{color:#119242; text-decoration:underline;}
div.search_result div.info p.pubInfo span.jou::after{ content: '|'; margin:0px 5px;}
div.search_result div.info p.pubInfo span.page::before{ content: '|'; margin:0px 5px;}
div.search_result div.action {padding:14px 0px;}
div.search_result div.action .btn{width:80%;height:34px; display:block;box-sizing:border-box; margin:auto; margin-bottom:4px; border:none;}
div.search_result div.action .btn span{ line-height:34px; color:#fff;}

div.search_result div.action .btn-view{ background-color:#444;}
div.search_result div.action .btn-view:hover{ background-color:#000;}
div.search_result div.action .btn-download{ background-color:#119242;}
div.search_result div.action .btn-download:hover span{ color:#000;}

@media (max-width : 600px) {
    div.search_result div.head-ctl{border-top:1px solid #000; border-bottom:0px;}
    div.search_result div.head-ctl div{display:none;}
    div.search_result div.tail-ctl{border-bottom:0px;}
    div.search_result div.tail-ctl div{display:none;}
    div.search_result div.art-summary{ position:relative; background:none;}
    div.search_result div.art-summary .chk{display:none;}
    div.search_result div.art-summary div.info{width:92%;padding-bottom:60px;}
    div.search_result div.art-summary div.action{float:initial;width:85%; position:absolute;right:5%;bottom:0px; text-align:right;}
    div.search_result div.art-summary div.action .btn { width:80px; padding:0px 10px; text-align:center; display:inline-block;}
}


div.paging { text-align:center; overflow:hidden; padding:20px 0 40px; }
div.paging a { display:inline-block; height:25px; padding:0px 7px; line-height:25px; text-align:center; border:1px solid #eee;    }
div.paging strong{background:#119242; border:1px solid #119242; color:#fff; display:inline-block; height:25px; padding:0px 7px; line-height:25px; text-align:center;   }
div.paging a.prev { background:url(/images/common/ic_prev2.png) no-repeat center; text-indent:-2000px; padding:0px; width:25px; }
div.paging a.next { background:url(/images/common/ic_next2.png) no-repeat center; text-indent:-2000px; padding:0px; width:25px; }
div.paging-top0{padding-top:0px !important;}


/* 원문 상세*/

div.art-detail-ctl{ padding:10px 20px; margin-bottom:40px; background-color:#f1f1f1;}
div.art-detail-ctl .btn{padding:5px 20px;}
div.art-detail-ctl .btn-download{background-color:#119242;border:1px solid #119242; }
div.art-detail-ctl .btn-download span{color:#fff;}
div.art-detail-ctl .btn-download:hover span{color:#000;}
div.art-detail-ctl .btn-back{background-color:#626262;border:1px solid #626262;}
div.art-detail-ctl .btn-back span{color:#fff;}
div.art-detail-ctl .btn-back:hover{background-color:#000;border:1px solid #000;}
div.art-detail-ctl .btn-quote{background-color:#fff;border:1px solid #626262;}
div.art-detail-ctl .btn-quote:hover{border:1px solid #000; color:#000;}
div.art-detail-ctl .btn-quote:hover span{color:#000;}
div.art-detail {padding:0px 10px;}
div.art-detail p.art-label{}
div.art-detail p.art-label label.part{background-color:#fff45c;padding:3px 8px;}
div.art-detail p.art-label label.plagiarism{background-color:#e0e0e0;padding:3px 8px; color:#000;}
div.art-detail h2{ display:block;margin-bottom:20px;padding-bottom:20px; border-bottom:1px solid #626262;}
div.art-detail h2 label{ display:block; }
div.art-detail h2 label span{background-color:#fff45c;margin-bottom:14px; padding:3px 8px; }
div.art-detail h2 span{font-size:15px; margin-left:0px !important; font-weight:300;}
div.art-detail  h3{ display:none;}
div.art-detail  h4{ font-size:15px; color:#000; margin-bottom:20px;}
div.art-detail dl.abs{ margin-bottom:20px;}
div.art-detail dl.abs dt{ position:relative; margin-bottom:10px;}
div.art-detail dl.abs dt button {position:absolute;right:10px; background:url(/Images/common/ic_voice.png) no-repeat 0px 50%; padding-left:22px;}

div.art-detail a.keyword{ line-height:2.5em; box-sizing:border-box; border:1px solid #eee;padding:3px 15px; margin-right:8px;margin-bottom:12px; white-space:nowrap;}
div.art-detail a.keyword:hover{ border:1px solid #000; color:#000;}
div.art-detail span.write_type{background-color:#e1e1e1;padding:0px 4px;}
div.art-detail div.basicInfo{margin-bottom:30px;}
div.art-detail div.basicInfo ul{margin-bottom:20px;}
div.art-detail div.basicInfo li{margin-bottom:6px;}
div.art-detail div.basicInfo dl{}
div.art-detail div.basicInfo dl dt{float:left; width:12%; padding:5px 0px; text-align:center; border:1px solid #000; font-size:14px; color:#000;}
div.art-detail div.basicInfo dl dd{float:right; width:85%; padding:5px 0px;}
div.art-detail div.basicInfo dl::after{ content: ' '; display:block; clear:both;}
div.art-detail div.basicInfo label.registration{ border-radius:inherit !important; background-color:#f1f1f1; color:#626262; letter-spacing:0px;}
div.art-detail div.basicInfo a.direct{display:inline-block; margin-left:20px;border:1px solid #848484;padding:0px 5px;}
div.art-detail div.basicInfo a.direct:hover{ border:1px solid #000;}
div.art-detail div.basicInfo button.btn-copy{ background-color:#626262; padding:0px 4px; margin-left:10px;}


div.art-detail div.jou-info{}
div.art-detail div.jou-info div.cover{width:20%;float:left; position:relative;}
div.art-detail div.jou-info div.cover img{max-width:100%;}
div.art-detail div.jou-info div.info{width:78%;float:right;}
div.art-detail div.jou-info::after{content: ' ' ; display:block;clear:both;}
div.art-detail div.jou-info li{ margin-bottom:8px;}
div.art-detail div.jou-info dl{}
div.art-detail div.jou-info dl dt{width:15%; float:left;}
div.art-detail div.jou-info dl dd{ width:83%; float:right;}
div.art-detail div.jou-info dl::after{ content: ' '; display:block; clear:both;}
div.art-detail h4 span{ font-size:0.8em;}


div.art-detail #reference div.msg {background:url(/images/common/table_bg.png) repeat; border-top:2px solid #000; border-bottom:1px solid #000; position:relative; padding:15px 20px;}
div.art-detail #reference div.msg span.source{}
div.art-detail #reference ul li { line-height:2em; background:url(/Images/common/bg_eee.png) repeat-y 6% 0%;border-bottom:1px solid #eee; padding:13px 0px;}
div.art-detail #reference ul li span{ color:#000;}
div.art-detail #reference ul li span.num{ float:left; display:block;width:5%; text-align:right;}
div.art-detail #reference ul li span.tit{ float:right; display:block; width:93%;}
div.art-detail #reference ul li::after {content: ' ' ; display:block; clear:both;}


div.art-detail a.naver{width:20px;height:20px;overflow:hidden; display:inline-block; background:url(/Images/common/ic_naver_refer_off.png) no-repeat; vertical-align:text-bottom; margin-left:5px;}
div.art-detail a.earticle{width:20px;height:20px;overflow:hidden; display:inline-block; background:url(/Images/common/ic_earticle_refer_off.png) no-repeat; vertical-align:text-bottom; margin-left:10px;}
div.art-detail a.naver:hover{background:url(/Images/common/ic_naver_refer.png) no-repeat; }
div.art-detail a.earticle:hover{background:url(/Images/common/ic_earticle_refer.png) no-repeat;}


@media (max-width : 600px) {
    div.art-detail div.basicInfo dl dt{display:none;}
    div.art-detail div.basicInfo dl dd{width:100%;padding:0px;}
    div.art-detail div.jou-info{padding:15px;border-radius:5px; background-color:#f3f3f3;}
    div.art-detail div.jou-info div.cover{display:none;}
    div.art-detail div.jou-info div.info{width:100%;float:initial;}
    div.art-detail div.jou-info dl dt{width:70px;}
    div.art-detail div.jou-info dl dd{width:calc(100% - 70px);}
}
/*


div.art-detail  div.sub-sec{margin-bottom:40px;}

div.art-detail div.otherInfo{}
div.art-detail div.otherInfo div.detail-info{float:left;width:920px;}
div.art-detail div.otherInfo div.withArt{ float:right;width:243px;}
div.art-detail div.otherInfo::after{content: ' ' ; display:block;clear:both;}
div.art-detail ul.authors li{margin-bottom:8px;}

div.art-detail div.pub-info li{ margin-bottom:8px;}
div.art-detail div.pub-info dl{}
div.art-detail div.pub-info dl dt{width:14%; float:left;}
div.art-detail div.pub-info dl dd{ width:84%; float:right;}
div.art-detail div.pub-info dl::after{ content: ' '; display:block; clear:both;}


div.art-detail div.withArt h4{ font-size:14px;  margin-bottom:0px;}
div.art-detail div.withArt h4 span{ font-size:12px; font-weight:300;}
div.art-detail div.cited-naver{ margin-bottom:40px;border:1px solid #EEEEEE; box-sizing:border-box;}
div.art-detail div.cited-naver h4{  padding:20px 0px 0px 20px;}
div.art-detail div.cited-naver h4 span{ display:block;}
div.art-detail div.cited-naver div.boxing{}
div.art-detail div.cited-naver div.boxing ul{padding:20px; }
div.art-detail div.cited-naver div.boxing ul li{ margin-bottom:8px; line-height:24px; border-top:1px solid #eee; padding-top:5px;}
div.art-detail div.cited-naver div.boxing button{ display:block; width:100%; height:30px; background-color:#EEEEEE;}
div.art-detail div.cited-naver div.boxing button span::before{content: '+';}



div.art-ctl span.price{ font-size:20px; display:inline-block; color:#000; margin:0px 40px; font-weight:400; }
div.art-ctl button {height:51px; padding:0px 40px 0px 65px !important; background-repeat:no-repeat; background-position: 30px 50%;}
div.art-ctl button span{ font-size:20px; line-height:51px;}
div.art-ctl .btn-purchase{background-image:url(/Images/common/ic_buy_big.png);}
div.art-ctl .btn-bookmark{ background-color:#fff; border:1px solid #000;background-image:url(/Images/common/ic_bookmark_big.png);}
div.art-ctl .btn-bookmark:hover span{ color:#000;}

div.art-detail div.paging{padding:20px 0px;}
*/