/* 서브 페이지 (현재 위치 표시) */ div.page_location { padding:20px 10px 30px 0px; } div.page_location label{ display:none;} div.page_location a{ display:inline-block; max-width:25%; height:20px; line-height:20px;padding-right:12px;background:url(/images/common/ic_belit.png) no-repeat right 50%; margin-right:8px; } div.page_location a.home{} div.page_location a span{ display:inline-block;height:20px; vertical-align:bottom; width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; } div.page_location a.home span{background:url(/images/common/ic_home.png) no-repeat left 60%; display:inline-block; box-sizing:border-box; padding-left:16px; width:16px;overflow:hidden; text-overflow:clip;} div.page_location a.name span{ } div.page_location span.current{ display:inline-block;max-width:25%; height:20px;line-height:20px;vertical-align:text-bottom; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* sub menu 가지고 있는 서브페이지 구성 */ div.layout_2depth{padding-bottom:60px;} div.layout_2depth div.snb{float:left; width: 200px;} div.layout_2depth div.page_content{ float:right; width:960px;} div.layout_2depth::after{ content: ' ' ; display:block; clear:both;} div.layout_2depth div.snb div.section{padding:18px; border:3px solid #dcdcdc; margin-bottom:20px;position:relative;} div.layout_2depth div.snb h2, div.layout_2depth div.snb h2 a{font-size:17px; color:#000; height:30px; margin-bottom:15px; position:relative; font-weight:500;} div.layout_2depth div.snb h2{border-bottom:1px solid #eee; } div.layout_2depth div.snb h2 button{ background-color:#626262; position:absolute;right:0px; padding:0px 6px;} div.layout_2depth div.snb h2 button span{ color:#fff;} div.layout_2depth div.snb ul.m-list li{line-height:45px; border:1px solid #fff; border-bottom:1px solid #eee;} div.layout_2depth div.snb ul.m-list li a{ color:#000;} div.layout_2depth div.snb ul.m-list li a:hover{ color:#119242;} div.layout_2depth div.snb ul.m-list li.current{border:1px solid #119242;} div.layout_2depth div.snb ul.m-list li.current a{ color:#119242;padding-left:10px;} div.layout_2depth div.snb fieldset.sub-search{ border:none; margin-bottom:20px;} div.layout_2depth div.snb fieldset.sub-search legend{ display:none;} div.layout_2depth div.snb fieldset.sub-search div.boxing{height:37px; line-height:37px; } div.layout_2depth div.snb fieldset.sub-search input { float:left;width:131px;} div.layout_2depth div.snb fieldset.sub-search button { width:37px; height:37px; line-height:36px; float:right;background:#eb6100 url(/images/common/ic_search3.png) no-repeat center; } div.layout_2depth div.snb fieldset.sub-search div.boxing::after{ content:' ' ; display:block; clear:both;} div.layout_2depth div.snb select { width:198px; background:#fff url('/images/common/ic_select2.png') no-repeat right; /* 네이티브 화살표를 커스텀 화살표로 대체 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -moz-appearance: none; appearance: none; height:35px; line-height:35px; border:1px solid #626262; padding:0 30px 0 10px; } div.layout_2depth div.snb select::-ms-expand { display: none; } div.layout_2depth div.snb ul.grouping li { line-height:25px; border-bottom:1px solid #eee; padding:3px 0px; } div.layout_2depth div.snb ul.grouping li a{cursor:pointer;} div.layout_2depth div.snb ul.grouping li a:hover { color:#000; } div.layout_2depth div.snb ul.grouping li a.on { color:#119242; text-decoration:underline; } div.layout_2depth div.snb ul.grouping li:last-child{ border-bottom:none;} div.layout_2depth div.snb ul.grouping p{} div.layout_2depth div.snb ul.grouping p input{display:block; width:14px; padding:0px;margin:0px;float:left; line-height:35px;} div.layout_2depth div.snb ul.grouping p label{display:block; width:140px;padding:0px;margin:0px;float:right;line-height:35px;} div.layout_2depth div.snb ul.grouping p::after{ content:' ' ; display:block; clear:both;} div.layout_2depth div.snb button.more{height:30px;position:absolute;left:0px;bottom:0px;display:block; width:100%;} div.layout_2depth div.snb ul.ex_more{margin-bottom:30px;} div.layout_2depth div.snb div.rescan select{width:100%; margin-bottom:4px;} div.layout_2depth div.snb div.rescan input { float:left;width:89px;} div.layout_2depth div.snb div.rescan button { width:37px; height:37px; line-height:36px; float:right;background:#eb6100 url(/images/common/ic_search3.png) no-repeat center; } div.layout_2depth div.snb div.rescan p::after{ content:' ' ; display:block; clear:both;} div.layout_2depth div.snb div.rescan_move{background-color:#fff;position:absolute !important; z-index:100;margin-top:20px;} div.layout_2depth div.snb div.filter{padding:0px;} div.layout_2depth div.snb div.filter h2{padding:18px 0px 0px 18px;} div.layout_2depth div.snb div.filter ul.grouping{max-height:280px;overflow-y:auto;padding-left:18px;} div.layout_2depth div.snb p.year-input{padding-bottom:15px; border-bottom:1px solid #eee;} div.layout_2depth div.snb p.year-input span.label{padding-left:15px;} div.layout_2depth div.snb p.year-input span.range_input{border:1px solid #dfdfdf; background-color:#fff; color:#999;padding:2px 2px;} div.layout_2depth div.snb p.year-input span.range_input input{ border:0; outline:none; color:#000; height:18px; line-height:18px; width:50px; padding:0px 1px;} div.layout_2depth div.snb p.select-msg{ text-align:center; height:35px;line-height:35px;background-color:#f8f8f8;} div.layout_2depth div.snb button.filter-search{width:200px; height:40px; background-color:#eb6100;background:#eb6100 url(/images/common/ic_search3.png) no-repeat 32px 13px; } div.layout_2depth div.snb button.filter-search span{ color:#fff;} div.layout_2depth div.snb button.filter-quick{position:fixed; bottom:0px; display:block; left:0px; } /* sub menu cs banner */ div.snb div.cs-banner{} div.snb div.cs-banner h2{border-bottom:none; margin-bottom:10px;} div.snb div.cs-banner li{margin-bottom:10px;} div.snb div.cs-banner li.tel a{ font-size:20px;font-weight:bold; color:#119242;} div.snb div.cs-banner li.email{ letter-spacing:0; font-size:12px;color:#000;} div.snb div.cs-banner li.email a{ color:#000;} div.snb div.cs-banner li.time{letter-spacing:0; font-size:12px;} /* 서브페이지 공통 */ div.page_content{} div.page_content h2{ padding:5px 0px 15px; border-bottom:1px solid #000; font-size:26px; line-height:26px; position:relative;} div.page_content h2 button.btn-url-widget{position:absolute;right:0px; background:url(/Images/common/ic_page.png) no-repeat center top;padding-top:20px;width:30px;} div.page_content h2 button.btn-url-widget span{font-size:12px;} div.page_content h3{ font-size:20px; color:#000; margin-bottom:20px;} div.page_content h3 span{ font-size:13px;} div.widget_content #pageSaveWidget{ display:none;} #pageSaveWidget legend{ display:none;} #pageSaveWidget div.fieldsetBox{ position:relative;} #pageSaveWidget input.txt{ width:78%; box-sizing:border-box;} #pageSaveWidget button{ position:absolute; width:20%; line-height:36px;} div.page_content select { background:#fff url('/images/common/ic_select.png') no-repeat right; /* 네이티브 화살표를 커스텀 화살표로 대체 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -moz-appearance: none; appearance: none; height:29px; line-height:29px; border:1px solid #626262; padding:0 30px 0 10px; } div.page_content select::-ms-expand { display: none; } div.page_content a:hover, div.page_content a:hover * {color:#119242;} .btn-basic{ background-color:#119242;color:#fff;} .btn-basic span{ color:#fff;} .btn-basic:hover, .btn-basic:hover *{ color:#fff !important;} .btn-back{ background-color:#1b1b1b;color:#fff;} .btn-back span{ color:#fff;} .btn-back:hover , .btn-back:hover *{ color:#fff !important;} .btn-strong{ background-color:#eb6100;color:#fff;} .btn-strong span{ color:#fff;} .btn-strong:hover, .btn-strong:hover *{ color:#fff !important;} .btn-remove{background-color:#646464;} .btn-remove span{color:#fff;} div.page_content div.page_action{text-align:right;margin-bottom:60px;} div.page_content div.list_action{text-align:right;padding-top:55px;} div.page_content div.page_action .btn, div.page_content div.list_action .btn{padding:10px 20px;} div.page_content div.search_result_state {font-size:1.5em; margin-bottom:20px; font-weight:400;} div.page_content div.search_result_state strong{ color:#F00; } div.page_content div.search_result_state #include_fc {margin-left:10px;} div.page_content div.search_result_state #include_fc label{ font-size:0.6em;} div.page_content div.search_result_state #include_fc .ui-checkboxradio-icon{ display:none;} div.page_content div.search_result_state #include_fc .ui-button{ background-color:#c4c4c4;color:#fff; border:none;border-radius:0px;} div.page_content div.search_result_state #include_fc .ui-button:hover{ background-color:#626262;} div.page_content div.search_result_state #include_fc .ui-state-active, div.page_content div.search_result_state #include_fc .ui-state-active:hover{ background-color:#119242; color:#fff;} div.notify-msg{ text-align:center;margin-top:100px; margin-bottom:60px;font-size:24px; } div.notify-msg p{line-height:1.8em; font-weight:600;} div.notify-msg p.action{margin:60px 0px; } div.notify-msg p.action a{padding:10px 30px;} div.notify-msg strong{color:#119242;} div.notify-msg div.boxing{margin:auto; margin-top:40px; width:600px; text-align:left;padding:20px;border:1px solid #eee;} div.notify-msg div.boxing{margin-bottom:20px; font-size:13px;} div.notify-msg div.boxing ul{margin:0px 0px 0px 20px;} div.notify-msg div.boxing h3.not1{margin-top:30px;} div.notify-msg div.boxing ul li{ list-style-type:disc;font-size:13px; line-height:1.6em;} div.notify-msg div.action{margin-top:40px;} div.notify-msg div.action .btn{padding:6px 20px; font-size:15px;} div.notify-msg div.action .btn-back{ margin-left:20px;} div.proc-success-msg{ text-align:center; color:#eb6100; font-weight:400; font-size:18px;} div.proc-success-msg strong{color:#119242;} div.list-empty{ text-align:center; font-size:18px; padding:200px 20px; color:#000; font-weight:400; background:url(/images/common/table_bg.png) repeat;} /* list base */ .board_list_top_msg{margin-bottom:4px;} .board_list_top_msg strong{ font-weight:300; color:#eb6100;} table.list {} table.list caption{display:none;} table.list thead tr { background:url(/images/common/table_bg.png) repeat; border-top:2px solid #000; border-bottom:1px solid #000; } table.list thead tr th { padding:12px 12px; border-right:1px solid #000; color:#000; text-align:center; position:relative; } table.list thead tr th:last-child { border-right:0; } table.list tbody tr{ border-bottom:1px solid #eee; } table.list tbody tr td { padding:15px; height:15px; text-align:center; border-right:1px solid #eee; } table.list tbody tr td:last-child { border-right:0; } table.list tbody tr:last-child { border-bottom:1px solid #000; } table.list tbody td.price{color:#000;font-weight:400;} table.list tbody td.price span{color:#000;font-weight:400;} table.list tbody tr td.title{ text-align:left; padding-left:10px;} table.list tbody tr td .btn-direct{width:68px;height:21px;line-height:21px;font-size:12px;} table.list tbody tr td .btn-remove{width:48px;height:21px;line-height:21px;font-size:12px;} table.list tfoot td{ border-bottom:1px solid #000; text-align:right;} table.list tfoot td.agree{text-align:left;} table.list tfoot td *{ font-size:17px; color:#000;} table.list tfoot td label{line-height:50px;margin-right:20px;} table.list tfoot td strong{color:#eb0012;} table.list td.state span.complete{ color:#eb6100;} table.list input.chk{ width:20px; height:20px;} fieldset.board_search{padding-top:20px;margin-bottom:20px;} fieldset.board_search legend{ display:none;} fieldset.board_search div{position:relative;} fieldset.board_search div select{ width:100px;} fieldset.board_search div input {padding:0px 10px; height:29px; line-height:20px; width:200px;box-sizing:border-box; margin-right:-1px; } fieldset.board_search div button{height:29px;width:29px; line-height:29px; background:#eb6100 url(/images/common/ic_search3.png) no-repeat center; overflow:hidden; position:absolute;top:0px;left:304px;} fieldset.faq_search div{ text-align:center;} fieldset.faq_search div select{ width:160px;} fieldset.faq_search div button{height:29px;width:29px; line-height:29px; background:#eb6100 url(/images/common/ic_search3.png) no-repeat center; overflow:hidden; position:absolute;top:0px;left:647px;} div.page_content .paging { text-align:center; overflow:hidden; padding:80px 0 40px; } div.page_content .paging a { display:inline-block; height:30px; padding:0px 12px; line-height:30px; text-align:center; border:1px solid #eee; } div.page_content .paging strong{background:#119242; border:1px solid #119242; color:#fff; display:inline-block; height:30px; padding:0px 12px; line-height:30px; text-align:center; } div.page_content .paging a.prev { background:url(/images/common/ic_prev2.png) no-repeat center; text-indent:-2000px; padding:0px; width:30px; } div.page_content .paging a.next { background:url(/images/common/ic_next2.png) no-repeat center; text-indent:-2000px; padding:0px; width:30px; } div.page_content .paging-top0{padding-top:0px !important;} /* board detail */ div.board_detail{padding-top:20px;margin-bottom:60px;} div.board_detail h3{background:url(/images/common/table_bg.png) repeat; border-top:2px solid #000; border-bottom:1px solid #848484; color:#000; text-align:center; padding:20px 5px;} div.board_detail h3 strong{color:#eb6100;margin-bottom:8px;display:block;font-size:1.2em;} div.board_detail div.writeInfo{border-bottom:1px solid #f4f4f4;padding:10px 0px;margin-bottom:20px;} div.board_detail div.writeInfo::after{content: ' ' ; display:block; clear:both;} div.board_detail div.writeInfo span.writer{float:left;} div.board_detail div.writeInfo span.writer::after{ content : '|'; padding:0px 10px;} div.board_detail div.writeInfo span.date{float:left;} div.board_detail dl.attach{ margin-bottom:20px;margin-left:500px; border:1px solid #d9d9d9;padding:4px; display:none;} div.board_detail dl.attach dt{float:left; width:90px; text-align:center;} div.board_detail dl.attach dd{float:left; width:350px;} div.board_detail dl.attach dd li{ height:20px; line-height:20px; overflow:hidden;} div.board_detail dl.attach::after{ content:' ' ; display:block; clear:both;} div.board_detail div.board_contents{padding-bottom:40px;border-bottom:2px solid #848484;} div.board_detail div.board_contents hr{display:block;border-bottom:1px solid #333;} div.board_detail div.board_contents blockquote, div.board_detail div.board_contents div, div.board_detail div.board_contents p, div.board_detail div.board_contents li{margin-bottom:8px;line-height:1.6em;} div.board_detail div.board_contents em{ font-style:italic; font-weight:300;} div.board_detail div.board_contents strong * {font-weight:500;} div.board_detail div.answer{margin:80px 0px 20px;padding:20px 20px 40px; border-top:2px solid #000; background-color:#f7f7f7;} div.board_detail div.answer p{margin-bottom:20px;} div.board_detail div.answer label.a{padding:5px 20px; background-color:#eb6100;color:#fff;} div.board_detail div.in-action{ padding:10px 20px; background-color:#f7f7f7;margin-top:80px; text-align:right;} div.board_detail div.in-action input{width:180px;} div.board_detail div.in-action button{padding:8px 20px 9px;} div.board_detail div.near{border-bottom:1px solid #f4f4f4;padding:8px 0px;} div.board_detail div.near a{ display:block;width:100%;} div.board_detail div.near label{width:10%; text-align:center; display:inline-block; color:#000;} div.board_detail div.near span.title{width:78%; display:inline-block; text-align:left; height:20px; line-height:20px; overflow:hidden;text-overflow:ellipsis; vertical-align:middle;} div.board_detail div.near span.date{width:10%; display:inline-block; text-align:center; height:20px;} div.board_detail div.prev{ background:url(/Images/common/ic_belit_on.png) no-repeat 10px 50%;} div.board_detail div.next{ background:url(/Images/common/ic_belit_off.png) no-repeat 10px 50%;} /* list top action */ div.list-top-action{ text-align:right; margin-bottom:10px;} div.list-top-action button{ padding:0px 40px; line-height:36px;} /*배너 다운로드 (CI) */ div.co_ci{} div.co_ci div.desc{float:left;width:590px;} div.co_ci div.ci{float:right;width:525px;} div.co_ci::after{clear:both; content: ' '; display:block;} div.co_ci div.color{ background:#ddd;padding:20px;} div.co_ci div.color label{ color:#000;margin-right:8px;} div.co_ci div.color span{ vertical-align:middle;} div.co_ci div.color img{float:left;width:20px; height:20px; margin-right:20px;margin-bottom:8px; margin-top:2px;} div.co_ci div.color ul{float:left; width:500px;} div.co_ci div.color ul li{float:left;width:40%;} div.co_ci div.color ul li.web{float:left;width:20%;} div.co_ci div.color div::after{ content: ' ' ; display:block; clear:both;} div.co_ci div.color ul::after{ content: ' ' ; display:block; clear:both;} div.co_ci div.download button{ line-height:40px; padding:0px 60px 0px 35px; background-image:url(/Images/common/ic_download.png); background-repeat:no-repeat; background-position:80% 15px;} div.co_ci div.download .btn-back{margin-right:10px;} div.co_ci div.download button span{ font-size:15px;} div.co_ci div.msg_h p{margin-bottom:40px;} div.co_ci div.msg_h p strong{color:#119242;} div.co_ci div.msg_f p{ padding-right:160px;} /*개인정보 취급방침*/ div.privacy{line-height:1.6em;} div.privacy h3{} div.privacy h4{margin-bottom:20px;color:#000; font-size:15px;} div.privacy div.section div{margin-bottom:20px;} /* 개인회원가입 */ div.user_agreement{} div.user_agreement div.msg{text-align:center; margin:40px 0px;} div.user_agreement h3{color:#000;margin-bottom:8px;} div.user_agreement div.boxing{ padding:20px; border:1px solid #eee; margin-bottom:10px;} div.user_agreement textarea{ width:99%; height:300px; border:none; color:#666;} div.user_agreement label.c-label{ color:#000;font-size:15px;margin-left:8px;} div.user_agreement form{border-top:1px solid #7B7B7B; padding-top:40px; margin-bottom:80px; position:relative;} div.user_agreement form p{ position:absolute;top:40px; right:0px;} input.chk_img[type="checkbox"] { display:none;} input.chk_img[type="checkbox"] + label span { display:inline-block; width:28px; height:28px; margin:-2px 10px 0 0; vertical-align:middle; background:url(/images/common/ic_check_off.png) no-repeat; cursor:pointer; } input.chk_img[type="checkbox"]:checked + label span { background:url(/images/common/ic_check_on.png) no-repeat; } div.user_agreement div.page_action{ text-align:left;} /* 아이디/비밀번호 찾기 */ div.find-account{} div.find-account div.section{margin-bottom:100px;} div.find-account div.msg{margin-bottom:10px;} div.find-account div.area{ height:110px;} div.find-account div.pass-area{ height:160px;} div.find-account div.area form{float:left; width:60%; position:relative;} div.find-account div.area form table{ width:80%; margin-bottom:0px; border-top:0px;} div.find-account div.area form table th, div.find-account div.area form table td{ border:1px solid #ddd;} div.find-account div.area form button{width:20%; height:100%; position:absolute; top:0px;right:0px;} div.find-account div.area form button span{ font-size:15px;} div.find-account div.area div.result{float:right;width:38%; height:100%; line-height:100px; font-size:15px; color:#eb6100; text-align:center; background-color:#eee;} div.find-account div.pass-area div.result{ line-height:150px;} div.find-account div.area::after{ content:' ' ; display:block;clear:both;} /*마이페이지 Index*/ div.member-index *{ letter-spacing:0px;} div.member-index { position:relative; min-height:800px;} div.member-index div.section{position:absolute; border:1px solid #c1c1c1;} div.member-index div.section_on{background:url(/images/common/table_bg.png) repeat;} div.member-index h3{ text-align:center;color:#000;font-size:17.24px;} div.member-index h3.tit1{padding:35px 0px; background:url(/Images/common/ic_mem_tit_plus.png) no-repeat 50% bottom;} div.member-index h3.tit2{padding:35px 0px; background:url(/Images/common/ic_mem_tit_minus.png) no-repeat 50% bottom;} div.member-index #userEdit{width:155px;height:221px; text-align:center;} div.member-index #purchase{width:255px;height:221px; left:165px;} div.member-index #cart{width:255px;height:221px; left:430px;} div.member-index #outlogin{width:260px;height:221px;left:695px; text-align:center;} div.member-index #journal{width:520px;height:241px;top:317px; left:165px;} div.member-index #saveurl{width:260px;height:241px;top:317px;left:695px;} div.member-index #quote{width:255px;height:221px;top:568px;left:165px; text-align:center;} div.member-index #bookmark{width:525px;height:221px;top:568px;left:430px;} div.member-index #userEdit label{ background:url(/Images/common/ic_user.png) no-repeat 50% 20px; padding-top:150px; display:block; font-weight:400;font-size:15px; color:#000; margin-bottom:5px;margin: auto; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 90%;} div.member-index #userEdit a{background-color:#c4c4c4;padding:3px 14px;border-radius:2px; font-size:12px;} div.member-index #userEdit a span{ color:#000;} div.member-index #userEdit a:hover{background-color:#119242;} div.member-index #userEdit a:hover span{ color:#fff;} div.member-index #outlogin p.msg{width:83%;margin:auto; margin-bottom:10px; text-align:left;} div.member-index #outlogin strong{ color:#eb6100;} div.member-index #outlogin a{background-color:#c4c4c4;padding:3px 14px;border-radius:2px; font-size:12px;} div.member-index #outlogin a span{ color:#000;} div.member-index #outlogin a:hover{background-color:#119242;} div.member-index #outlogin a:hover span{ color:#fff;} div.member-index #quote p{ width:81%; margin:20px auto 20px;} div.member-index #quote a{background-color:#c4c4c4;padding:3px 14px;border-radius:2px; font-size:12px;} div.member-index #quote a span{ color:#000;} div.member-index #quote a:hover{background-color:#119242;} div.member-index #quote a:hover span{ color:#fff;} div.member-index p.count{ color:#119242; font-size:36px; padding:20px 0px; font-weight:500; text-align:center;} div.member-index #purchase p, div.member-index #cart p{ width:84%; margin:10px auto 0px; text-align:center;} div.member-index p.count span.wait{ font-size:24px; margin-left:5px;} div.member-index #purchase a, div.member-index #cart a{display:block;width:100%; height:100%;} div.member-index #saveurl p.msg{margin-top:20px; background:url(/Images/common/ic_pin.png) no-repeat 40px 0px; background-size:10%; padding:8px 20px 8px 80px; height:60px; box-sizing:border-box;} div.member-index #saveurl a.direct{ display:block;height:40px; overflow:hidden;} div.member-index #bookmark p.msg{ text-align:center; margin-top:30px;} div.member-index #bookmark ul{margin-top:20px;} div.member-index #bookmark ul li{height:20px; line-height:20px;width:88%; margin:auto;margin-bottom:4px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} div.member-index #journal p.msg{ text-align:center; margin-top:30px;} div.member-index #journal ul{margin-top:20px;} div.member-index #journal ul li{height:20px; line-height:20px;width:88%; margin:auto;margin-bottom:4px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} div.member-index #journal span.pub{ margin-right:8px;} div.member-index #journal span.update{margin-left:8px; float:right;} div.member-index p.msg{font-size:12.5px; line-height:1.5em;} /* 장바구니 */ div.store div.list-stats{ margin-bottom:20px !important;} div.store h3{margin-bottom:20px; color:#000;} div.store p.total_price{ text-align:right; font-size:24px; margin-bottom:40px; color:#000;} div.store p.total_price strong{color:#eb0012; font-size:24px;} div.store div.purchase_tip{ margin-top:-60px;margin-bottom:60px;padding-left:30px; color:#000;} div.cart table.list{margin-bottom:60px;} /* 구매내역 */ div.store {} div.store ul li.purchase{margin-bottom:40px;} div.store ul li.purchase div.order-head{background:url(/images/common/table_bg.png) repeat; border-top:2px solid #000; border-bottom:1px solid #848484; color:#000;padding:10px 5px; position:relative;} div.store ul li.purchase div.order-head label{ line-height:35px; font-size:15px;color:#000;} div.store ul li.purchase div.order-head .dtDown{ position:absolute; right:5px; top:20px;} div.store ul li.purchase div.order-head .dtOrder{position:absolute; right:300px; top:20px;} div.store ul li.purchase ul.order-list{} div.store ul li.purchase ul.order-list li{padding:10px 5px; border-bottom:1px solid #eee;} div.store ul li.purchase ul.order-list a{ display:inline-block;vertical-align:bottom; width:80%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; margin-right:5%;} div.store ul li.purchase ul.order-list button{width:12%;line-height:26px;} div.store ul li.purchase div.order-tail{padding:10px 5px; border-top:1px solid #000;border-bottom:1px solid #000; position:relative;} div.store ul li.purchase div.order-tail label{line-height:35px; font-size:15px; color:#000;} div.store ul li.purchase div.order-tail strong{color:#eb0012;} div.store ul li.purchase div.order-tail button.EA{ background:url(/Images/common/ic_receipt_earticle.png) no-repeat 10px 6px; border:1px solid #000;padding:5px 10px 2px; position:absolute;right:150px;top:15px;} div.store ul li.purchase div.order-tail button.EA span{padding-left:55px; color:#000; font-weight:400;} div.store ul li.purchase div.order-tail button.Uplus{ background:url(/Images/common/ic_receipt_lgUplus.png) no-repeat 10px 9px; border:1px solid #000;padding:5px 10px 2px; position:absolute;right:30px;top:15px;} div.store ul li.purchase div.order-tail button.Uplus span{padding-left:50px; color:#000; font-weight:400;} /*관심저널*/ td.sdi-update{ text-align:left !important; position:relative;} td.sdi-update span.update-msg{ position:absolute;right:10px; top:12px; color:#e5291d; font-size:13px;} td.sdi-update.sdi-update label{ font-size:13px !important;} /* 인용하기 양식 */ div.quote-setting{margin-bottom:40px;} div.quote-setting h3{ color:#000; margin-bottom:20px;} div.quote-setting h3 span{ font-size:13px; margin-left:20px;} div.quote-setting div.boxing{height:500px; background-color:#f8f8f8; box-sizing:border-box; padding:20px;} div.quote-setting div.box1{float:left;width:400px;} div.quote-setting div.box2{float:right;width:520px;} div.quote-setting::after{ content:' ' ; display:block; clear:both;} div.quote-setting ul.quote-item{ margin-top:20px;} div.quote-setting ul.quote-item li{ height:45px; line-height:45px; margin-bottom:4px; background-color:#fff;padding:0px 15px; border:1px solid #fff; box-sizing:border-box;} div.quote-setting ul.quote-item li label{font-size:15px;cursor:pointer; display:block;} div.quote-setting ul.quote-item li.selected{border:1px solid #eb6100;} div.quote-setting ul.quote-item li.selected label{color:#eb6100;} div.quote-setting div.item-split{padding:10px 20px; background-color:#fff;} div.quote-setting div.item-split span{display:inline-block;width:30%;} div.quote-setting div.item-split input{margin-right:5px;} div.quote-setting div.item-split::after{content:' '; display:block;clear:both;} div.quote-setting ul.item-desc li{} div.quote-setting ul.item-desc dl{margin-bottom:3px;} div.quote-setting ul.item-desc dl dt{float:left;width:23%; line-height:35px; height:45px; background-color:#fff; text-align:center;padding:5px 0px; box-sizing:border-box;} div.quote-setting ul.item-desc dl dd{float:right;width:76%; height:45px; background-color:#fff;padding:5px; box-sizing:border-box;} div.quote-setting ul.item-desc dl::after{content:' '; display:block; clear:both;} div.quote-setting ul.item-desc input{margin-left:15px; margin-right:5px; } div.quote-setting ul.item-desc input.txt{padding:0px;width:16px;height:20px;line-height:20px; margin:3px;border:0px; background-color:#f1f1f1; color:#000;} div.quote-setting ul.item-desc input.txt-l{text-align:right;} div.quote-setting ul.item-desc input.txt-r{text-align:left;} div.quote-setting span.selected{} div.quote-setting span.selected label{ color:#eb6100;} div.quote-setting input.chk_img[type="checkbox"] { display:none;} div.quote-setting input.chk_img[type="checkbox"] + label span { display:inline-block; width:28px; height:28px; margin:-2px 10px 0 0; vertical-align:middle; background:url(/images/common/ic_check_off2.png) no-repeat; cursor:pointer; } div.quote-setting input.chk_img[type="checkbox"]:checked + label span { background:url(/images/common/ic_check_on2.png) no-repeat; } span.r input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } span.r label:before { content: ""; display: inline-block; width: 0.6em; height: 0.6em; margin-right: 0.3em; border-radius: 100%; vertical-align: -2px; border: 1px solid #626262; padding: 0.13em; background-color: transparent; background-clip: content-box; } span.r label { margin-right: 1em; } span.r input:checked + label:before { background-color: #eb6100; border-color: #eb6100; } /* 회원관리 폼 */ div.form-user{} div.form-user select{ height:35px;} /* 비밀번호 */ div.password_tip{ margin-top:-30px;} /* 간편 교외접속 */ div.group-outlogin{} div.group-outlogin dl{margin-bottom:30px;} div.group-outlogin dt{ color:#eb6100;font-size:15px; margin-bottom:8px;} div.group-outlogin dd{ margin-left:4px;} div.group-outlogin dd ol{} div.group-outlogin dd li{ list-style-type:decimal; margin-left:20px;} div.group-outlogin strong{ font-size:15px; text-decoration:underline;} div.group-outlogin h3{margin-bottom:20px; color:#000;} /*회원 탈퇴 */ div.secession {} div.secession ul.notify{margin-bottom:20px;} div.secession ul.notify li{color:#000;line-height:1.8em; list-style-type:disc; margin-left:20px;} div.secession div.boxing{padding:20px; border:1px solid #eee;margin-bottom:40px;} div.secession div.boxing h3{margin-bottom:8px;} div.secession div.boxing p{line-height:2em;} div.secession div.boxing ul li{line-height:1.8em; margin-left:10px;} /* 고객센터 */ div.cs-index *{ letter-spacing:0px; } div.cs-index h2 {margin-bottom:23px !important;} div.cs-index div.board{} div.cs-index div.board::after{ content:' '; display:block; clear:both; margin-bottom:15px;} div.cs-index div.csFaq{float:left;border:1px solid #c4c4c4; width:573px; height:485px; padding:50px 40px 40px; box-sizing:border-box;} div.cs-index div.faq_search{} div.cs-index div.faq_search h3{ color:#c4c4c4;} div.cs-index div.faq_search h3 strong{ color:#119242; font-size:42px; margin-right:10px;} div.cs-index div.faq_top{} div.cs-index div.faq_top h4{ color:#119242; font-size:15px; float:left; width:110px;} div.cs-index div.faq_top h4 strong{ margin-top:5px; display:block; color:#119242; font-size:32px;letter-spacing:2px;} div.cs-index div.faq_top div.sec{float:right; width:380px;padding-top:30px;} div.cs-index div.faq_top::after{ content:' '; display:block; clear:both;} div.cs-index div.csNotice{float:right;width:368px; position:relative;} div.cs-index div.csNotice ul{ } div.cs-index div.csNotice ul li{margin-left:5px; } div.cs-index div.csNotice a{ display:block; height:30px; line-height:30px; } div.cs-index div.csNotice a:hover { color:#119242; text-decoration:underline; } div.cs-index div.csNotice span.tit{ display:block; float:left; width:80%; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; } div.cs-index div.csNotice span.dt{ display:block; float:left; width:20%; text-align:center;} div.cs-index div.csSociety{float:right;height:284px;width:368px; position:relative;} div.cs-index div.csSociety ul{ } div.cs-index div.csSociety ul li{ margin-left:5px;} div.cs-index div.csSociety a{ display:block; } div.cs-index div.csSociety a:hover span.tit{ text-decoration:underline; } div.cs-index div.csSociety span.tit{ display:block; width:100%; height:30px; box-sizing:border-box;padding-left:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; } div.cs-index div.csSociety strong{ color:#eb6100; display:block;} div.cs-index div.csSociety strong::before{ content:'[';} div.cs-index div.csSociety strong::after{ content:']';} div.cs-index div.faq_search fieldset{ margin-bottom:15px;} div.cs-index div.faq_search legend{ display:none;} div.cs-index div.faq_search fieldset div{position:relative;} div.cs-index div.faq_search fieldset div select{ width:150px;} div.cs-index div.faq_search fieldset div input {padding:0px 10px; height:29px; line-height:27px; width:300px;box-sizing:border-box; margin-right:-1px; } div.cs-index div.faq_search fieldset div button{height:29px;width:29px; line-height:29px; background:#eb6100 url(/images/common/ic_search3.png) no-repeat center; overflow:hidden; position:absolute;top:0px;left:453px;} div.cs-index div.faq_search ul.faq_cate {} div.cs-index div.faq_search ul.faq_cate li{ float:left; margin-right:6px;} div.cs-index div.faq_search ul.faq_cate li a{ background-color:#c4c4c4;padding:2px 8px; border-radius:2px; cursor:pointer;} div.cs-index div.faq_search ul.faq_cate li:last-child{ margin-right:0px;} div.cs-index div.faq_search ul.faq_cate::after{ content:' ' ; clear:both;display:block;margin-bottom:40px;} div.cs-index div.faq_top p.msg{margin-bottom:20px; font-size:13px;} div.cs-index div.faq_top ul{} div.cs-index div.faq_top ul li{margin-bottom:10px;} div.cs-index div.faq_top ul a{ display:block;width:100%; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;} div.cs-index div.faq_top ul label{ background-color:#119242; color:#fff; display:inline-block; text-align:center; width:118px; line-height:26px; margin-right:8px;} div.cs-index h3.tit{border-bottom:1px solid #c1c1c1; line-height:51px; padding-left:8px;} div.cs-index a.btn{width:21px;height:22px; display:block; background:#fff url(/Images/common/ic_mem_tit_plus.png) no-repeat; overflow:hidden; position:absolute;top:20px;right:15px;} div.cs-index ul.cs_quick{} div.cs-index ul.cs_quick li{float:left;width:185px;height:125px;border:1px solid #c1c1c1; box-sizing:border-box; margin-right:8px;} div.cs-index ul.cs_quick li:last-child{margin:0px;} div.cs-index ul.cs_quick::after{ content:' ' ; display:block; clear:both;} div.cs-index ul.cs_quick a{ display:block;width:100%;height:100%; position:relative;} div.cs-index ul.cs_quick a span{font-size:15px;display:block; position:absolute;width:100%; text-align:center; left:0px;bottom:12px;} div.cs-index ul.cs_quick a:hover{ background-color:#119242;} div.cs-index ul.cs_quick a:hover span{ color:#fff; } div.cs-index a.qa{background:url(/Images/common/cs_icon_g1.png) no-repeat 50% 40%;} div.cs-index a.guide{background:url(/Images/common/cs_icon_g2.png) no-repeat 50% 40%;} div.cs-index a.subscribe{background:url(/Images/common/cs_icon_g3.png) no-repeat 50% 40%;} div.cs-index a.partner{background:url(/Images/common/cs_icon_g4.png) no-repeat 50% 40%;} div.cs-index a.email{ background:url(/Images/common/cs_icon_g5.png) no-repeat 50% 40%;} div.cs-index a.qa:hover{background:url(/Images/common/cs_icon_w1.png) no-repeat 50% 40%;} div.cs-index a.guide:hover{background:url(/Images/common/cs_icon_w2.png) no-repeat 50% 40%;} div.cs-index a.subscribe:hover{background:url(/Images/common/cs_icon_w3.png) no-repeat 50% 40%;} div.cs-index a.partner:hover{background:url(/Images/common/cs_icon_w4.png) no-repeat 50% 40%;} div.cs-index a.email:hover{ background:url(/Images/common/cs_icon_w5.png) no-repeat 50% 40%;} /* society news list */ ul.societyNews {} ul.societyNews li{padding:20px 0px; border-bottom:1px solid #eee;} ul.societyNews li::after{ content:' ' ; display:block; clear:both;} ul.societyNews div.logo{float:left; width:300px;height:150px; text-align:center;border:1px solid #d4d4d4;} ul.societyNews div.logo img{ max-width:100%;} ul.societyNews div.summary {float:right;width:640px;} ul.societyNews div.not-logo{width:100% !important;} ul.societyNews p.title { color:#000; font-size:17px; display:block; height:20px;margin-bottom:20px; overflow:hidden; text-overflow:ellipsis;} ul.societyNews p.short-content{ height:60px; line-height:20px;margin-bottom:20px; overflow:hidden; text-overflow:ellipsis;} ul.societyNews p.date{ font-size:12px;} ul.societyNews a:hover * {color:#119242;} ul.societyNews strong{color:#eb6100;} /*faq list*/ ul.faq_list {border-top:1px solid #000; border-bottom:1px solid #000;} ul.faq_list li.row{border-bottom:1px solid #eee;} ul.faq_list li.row div.title{height:40px; line-height:40px;} ul.faq_list li.row div.title a{ display:block;height:100%;width:100%; cursor:pointer;} ul.faq_list li.row div.title label{width:18%;float:left; box-sizing:border-box; font-weight:bold; padding-left:1.2%; border-right:1px solid #eee;} ul.faq_list li.row div.title span{width:80%;float:right; display:inline-block;} ul.faq_list li.row div.title::after{ content: ' ' ; display:block; clear:both;} ul.faq_list li.row div.content{ display:none;} ul.faq_list li.on {border-bottom:1px solid #d4d4d4;} ul.faq_list li.on div.title {background:url(/images/common/table_bg.png) repeat; } ul.faq_list li.on div.title a{border-bottom:1px solid #d4d4d4;} ul.faq_list li.on div.title span{color:#119242;} ul.faq_list li.on div.content{display:block;margin:40px 20px;} ul.faq_list li.on div.content hr{display:block;border-bottom:1px solid #333;} ul.faq_list li.on div.content blockquote, ul.faq_list li.on div.content div, ul.faq_list li.on div.content p, ul.faq_list li.on div.content li{margin-bottom:8px;line-height:1.6em;} ul.faq_list li.on div.content em{ font-style:italic; font-weight:300;} ul.faq_list li.on div.content strong * {font-weight:500;} div.form-privacy{margin-bottom:40px;padding-top:20px;} div.form-privacy h3{ color:#000; margin-bottom:10px;} div.form-privacy textarea{ width:98%; overflow-y:auto; padding:0px 10px; margin:auto; border:2px solid #d4d4d4; } div.form-privacy input{ margin:0px; margin-right:8px;} /* inquiry */ .inquiry-message { margin-left:30px;padding:10px 0px 30px;} .inquiry-message li{list-style-type:disc;margin-bottom:4px; line-height:1.8em;} .inquiry-message .btn{padding:1px 10px;} /* issue cover */ div.snb div.issue_cover{background-color:#fff; padding:0px !important; border:0px !important; margin-bottom:40px;} div.issue_cover{ position:relative;} div.issue_cover img{ max-width:100%;} div.issue_cover div.over{ background-color:#000;opacity:0.6;filter:alpha(opacity=60); position:absolute;left:0px;bottom:0px; width:100%;height:51px; } div.issue_cover div.act{position:absolute;left:0px;bottom:5px; text-align:center; width:100%;} div.issue_cover button{ width:30px;height:30px;} div.issue_cover .btn-cover{background:url(/Images/common/ic_img_big.png) no-repeat 50% 50%;} div.issue_cover .btn-bookmark{background:url(/Images/common/ic_jour_bookmark.png) no-repeat 50% 50%; margin:0px 5px;} div.issue_cover .btn-share{background:url(/Images/common/ic_share.png) no-repeat 50% 50%;} div.snb div.issue_cover div.over{bottom:55px;} div.snb div.issue_cover div.act{bottom:60px;} div.snb div.issue_cover div.mostread{margin-top:15px; height:40px; text-align:center;} div.snb div.issue_cover div.mostread a{ display:block; line-height:40px; border:3px solid #dcdcdc; color:#000; font-size:14px; font-weight:500;} /* 서비스 이용 기관*/ div.service_group_list{margin-bottom:80px; background-color:#f1f1f1;padding:30px;} div.service_group_list ul {} div.service_group_list ul li {float:left;width:24%;margin-right:1%; margin-bottom:8px;} div.service_group_list ul li.right {margin-right:0px;} div.service_group_list ul li.right {content:' '; display:block; clear:both;} div.service_group_list ul::after {content:' '; display:block; clear:both;} /* 분야별 검색 */ ul.tree input{ vertical-align:bottom;} ul.tree label { margin-left:4px; line-height:35px; display:inline-block;} ul.tree li p{ height:35px; line-height:35px; border-bottom:1px solid #eee;color:#313131; cursor:pointer;} ul.tree li p.on { background:url(/images/common/ic_belit_on.png) no-repeat right; } ul.tree li p.off { background:url(/images/common/ic_belit_off.png) no-repeat right; } ul.tree li ul { display:none; padding-bottom:5px; border-bottom:1px solid #eee; } ul.tree li ul li { font-size:0.95em; letter-spacing:0.1px; padding-left:15px; border-bottom:1px dotted #dfdfdf; } ul.tree li ul li:last-child{ border-bottom:none;} ul.tree li ul li a{ line-height:1.6em; } ul.tree li ul.selected{ background:url(/images/common/table_bg.png) repeat; } ul.tree li ul.selected a{} ul.tree li a.selected, ul.tree li ul.selected a.selected{color:#119242;} ul.tree li ul li a:hover{ color:#119242;text-decoration:underline;} ul.tree_issue li ul li {padding:8px 5px 8px 8px !important;} div.page_content fieldset.sub-search { height:56px; line-height:56px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:20px 0 40px; } div.page_content fieldset.sub-search legend{ float:left; background:url(/images/common/table_bg.png) repeat; width:30%; text-align:center; font-size:15px; color:#000;} div.page_content fieldset.sub-search div.boxing{float:left; width:70%;} div.page_content fieldset.sub-search p.input{padding:0px 20px; float:left; width:80%; box-sizing:border-box; } div.page_content fieldset.sub-search p.input select{width:24%; height:35px;line-height:35px;} div.page_content fieldset.sub-search p.input input{width:70%;} div.page_content fieldset.sub-search p.action {width:56px; float:right;} div.page_content fieldset.sub-search p.action button{width:56px; height:56px; background:#eb6100 url(/images/common/ic_search2.png) no-repeat center; vertical-align:text-bottom; } div.page_content fieldset.sub-search p.input input::-webkit-input-placeholder { color:#ccc; } div.page_content fieldset.sub-search p.input input:-ms-input-placeholder { color:#ccc; } div.page_content fieldset.purchase-search{} div.page_content fieldset.purchase-search legend{width:20%;} div.page_content fieldset.purchase-search div.boxing{ width:80%;} div.page_content fieldset.purchase-search p.input{width:85%; } div.page_content fieldset.purchase-search p.input span.date{border:1px solid #888; padding:2px 10px 2px 18px ; display:inline-block; line-height:30px; box-sizing:border-box;} div.page_content fieldset.purchase-search p.input input.txt{width:80px !important; border:none;padding:0px;} div.page_content fieldset.purchase-search p.input span.chk {margin-left:10px;} div.page_content fieldset.purchase-search p.input span.chk input{width:20px !important; padding:0px !important; margin-right:5px;} div.page_content fieldset.subject-pub-list{ border:1px solid #eee; padding:30px; } div.page_content fieldset.subject-pub-list legend{ font-size:15px; color:#000; display:block; } div.page_content fieldset.subject-pub-list ul{ margin-bottom:40px;} div.page_content fieldset.subject-pub-list ul li{ float:left;width:30%; height:24px;line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:3%;} div.page_content fieldset.subject-pub-list a::before{content:'·';} div.page_content fieldset.subject-pub-list ul::after{ content: ' ' ; clear:both; display:block;} div.page_content button.more { height:35px; line-height:35px; width:100%; border:1px solid #626262; text-align:center; margin-bottom:40px; background:none; display:none;} div.page_content ul.first-char{margin-bottom:40px;} div.page_content ul.first-char li{ float:left;margin-right:4.3px;} div.page_content ul.first-char button{text-align:center; height:30px; line-height:30px; background:none; border:1px solid #626262; padding:0 10px; font-size:1.1em;} div.page_content ul.first-char button.on{ background-color:#119242;} div.page_content ul.first-char button.on span{ color:#fff; border:1px solid #119242;} div.page_content ul.first-char::after{ content: ' ' ; display:block; clear:both;} div.page_content div.list-stats { font-size:17px; margin-bottom:40px;} div.page_content div.list-stats em, div.page_content div.list-stats strong { color:#F00; } div.page_content label.provider{ background-color:#f5f5f5;padding:2px 8px; border-radius:2px; font-size:0.9em;} div.page_content label.registration {background-color:#119242;color:#fff; padding:1px 5px 2px; border-radius:18px; margin-right:4px; font-size:12px;} /* 발행기관 */ div.page_content ul.pub-search-result {} div.page_content ul.pub-search-result li{ float:left; width:49%;margin-right:1%; margin-bottom:20px; } div.page_content ul.pub-search-result a{border:1px solid #cccccc; height:45px; padding:20px; line-height:1.5em; overflow:hidden; display:block;} div.page_content ul.pub-search-result a:hover{background:url(/images/common/table_bg.png) repeat; border:1px solid #119242; } div.page_content ul.pub-search-result strong{ background-color:#fff45c;} div.page_content ul.pub-search-result::after{content: ' ' ; display:block; clear:both;} div.page_content ul.pub-search-result span.name{ font-weight:600;} div.page_content ul.pub-search-result span.tran{ font-size:13px;} div.page_content h2 span.tran{font-size:15px !important; color:#626262 !important;margin-left:10px;} div.page_content ul.service-info li{ margin-bottom:6px;} div.page_content ul.service-info dl {} div.page_content ul.service-info dl dt{float:left; width:12%; padding:5px 0px; text-align:center; border:1px solid #000; font-size:14px; color:#000; } div.page_content ul.service-info dl dd{float:right; width:85%; padding:5px 0px; } div.page_content ul.service-info dl::after{ content: ' '; display:block; clear:both;} div.page_content ul.service-info span.code{ margin-right:15px;} div.page_content ul.pub-jou-list li.boxing{ margin-bottom:20px;} div.page_content ul.pub-jou-list div.cover{width:157px; float:left;margin-right:20px; min-height:223px; background-color:#acacac;} div.page_content ul.pub-jou-list button{width:25px;height:25px;} div.page_content ul.pub-jou-list .btn-cover{background:url(/Images/common/ic_img_big_s.png) no-repeat 50% 50%;} div.page_content ul.pub-jou-list .btn-bookmark{background:url(/Images/common/ic_jour_bookmark_s.png) no-repeat 50% 50%; margin:0px 5px;} div.page_content ul.pub-jou-list div.info{width:800px; float:left;} div.page_content ul.pub-jou-list li.boxing::after{content:' ' ; display:block; clear:both;} div.page_content ul.pub-jou-list h4{ font-size:17px; margin-top:10px;} div.page_content ul.pub-jou-list h4 a{ text-decoration:underline;} div.page_content ul.pub-jou-list h4 span.tran{font-size:13px;} div.page_content ul.pub-jou-list p{height:40px;line-height:40px;} div.page_content ul.pub-jou-list ul{} div.page_content ul.pub-jou-list ul li{ line-height:1.6em;} div.page_content ul.pub-jou-list ul li label{margin-right:5px;} div.page_content ul.pub-jou-list ul li span{ margin-left:5px;vertical-align:middle;} /* 간행물 */ div.jou-detail{} div.jou-detail div.cover{ float:right; width:241px;} div.jou-detail ul.service-info{float:left;width:900px;} div.jou-detail div.info::after{content:' ' ; display:block; clear:both;} div.jou-detail div.recent-list{ position:relative;} div.jou-detail div.recent-list a.article_more{ font-size:14px; position:absolute;top:10px;right:10px;} div.jou-detail div.recent-list a.article_more::after{content:'...';} div.jou-detail ul.articles{border-top:2px solid #ddd; border-bottom:1px solid #ddd; padding:40px 0px;} div.jou-detail ul.articles li{float:left;width:24%; box-sizing:border-box; margin-right:1.2%; position:relative;} div.jou-detail ul.mostread{ padding-top:20px !important;} div.jou-detail ul.mostread li{} div.jou-detail ul.articles li:last-child{margin-right:0px;} div.jou-detail ul.articles p{ width:90%;margin:auto;} div.jou-detail ul.mostread p.count{margin-bottom:20px;} div.jou-detail ul.mostread p.count label{ background-color:#fff456;color:#000; font-size:15px; letter-spacing:0px; padding:4px;} div.jou-detail ul.articles p.title{margin-bottom:20px;color:#000;font-size:15px;} div.jou-detail ul.articles p.author{ margin-bottom:20px;} div.jou-detail ul.articles p.issueName{margin-bottom:8px;} div.jou-detail ul.articles::after{ content:' '; display:block; clear:both;} div.jou-detail ul.articles li a:hover *{ color:#119242; text-decoration:underline;} div.jou-detail div.info li a.more{ margin-left:10px; background-color:#888; color:#fff; padding:2px 8px;} div.jou-detail table{} div.jou-detail table thead th{border:1px solid #000; border-top:2px solid #000; background:url(/Images/common/table_bg.png) repeat; line-height:34px;} div.jou-detail table tbody td{ text-align:center;border:1px solid #000; padding:8px 0px;} div.jou-detail table tbody td.list{text-align:left; line-height:24px;} div.jou-detail table a{ white-space:nowrap; margin-left:15px; display:inline-block;min-width:14%;} div.page_content ul.jou-search-result li.boxing{ margin-bottom:20px;float:left;width:49%;margin-right:1%;} div.page_content ul.jou-search-result div.cover{width:157px; float:left;margin-right:20px; min-height:223px; background-color:#acacac;} div.page_content ul.jou-search-result button{width:25px;height:25px;} div.page_content ul.jou-search-result .btn-cover{background:url(/Images/common/ic_img_big_s.png) no-repeat 50% 50%;} div.page_content ul.jou-search-result .btn-bookmark{background:url(/Images/common/ic_jour_bookmark_s.png) no-repeat 50% 50%; margin:0px 5px;} div.page_content ul.jou-search-result div.info{width:280px; float:left;} div.page_content ul.jou-search-result::after{content:' ' ; display:block; clear:both;} div.page_content ul.jou-search-result h4{ font-size:17px; margin-top:10px; } div.page_content ul.jou-search-result h4 a{ text-decoration:underline;} div.page_content ul.jou-search-result h4 span.tran{font-size:13px;} div.page_content ul.jou-search-result h4 strong{ background-color:#fff45c;} div.page_content ul.jou-search-result p{height:40px;line-height:40px;} div.page_content ul.jou-search-result ul{} div.page_content ul.jou-search-result ul li{ line-height:1.6em;} div.page_content ul.jou-search-result ul li label{margin-right:5px;} div.page_content ul.jou-search-result ul li span{ margin-left:5px;vertical-align:middle;} fieldset.jou-summary-info{ margin-bottom:40px;} fieldset.jou-summary-info legend{ display:none;} fieldset.jou-summary-info dl{} fieldset.jou-summary-info dl dt{float:left;width:10%;} fieldset.jou-summary-info dl dd::before{ content:':'; margin-right:20px;} fieldset.jou-summary-info dl dd{float:left;width:83%;} fieldset.jou-summary-info dl::after{content:' ' ; display:block; clear:both;} /* 검색 목록*/ 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.abs{display:none; float:right;width:84%;padding:20px;background-color:#f5f5f5;margin:15px 0px 20px 0px;} 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; right:0px; top:0px;} 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:16px 10px;} div.search_result div.art-summary strong{ background-color:#fff45c;} div.search_result label.registration {display:inline-block;} 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 a{color:#333; font-weight:400; font-size:15px; letter-spacing:0.3px; margin-right:10px;} div.search_result div.info p.title a:hover{color:#119242; text-decoration:underline;} div.search_result div.info p.title label.registration{ border-radius:inherit !important; background-color:#f1f1f1; color:#626262; letter-spacing:0px;} div.search_result div.info p.pubInfo span{letter-spacing:0.3px;} div.search_result div.info p.pubInfo a::after, div.search_result div.info p.pubInfo span::after{content : '|'; margin:0px 4px; color:#ccc; font-size:0.8em;} div.search_result div.info p.pubInfo span.page::after{content:'';} div.search_result div.info p.fileContents{padding:10px 8px; line-height:1.8em; } div.search_result div.art-summary div.info p.fileContents label{border:1px solid #000;background-color:#fff;padding:0px 3px;margin-right:2px;} div.search_result div.art-summary div.info p.fileContents strong{ background-color:#fff !important; color:#119242; } div.search_result div.info p.msg {color:#eb6100;} div.search_result div.abs p{margin-bottom:20px;} /* div.search_result div.info p.abs{ display:none; max-height:200px; overflow-y:auto; padding:20px; border:2px solid #848484;} div.search_result div.info p.abs br{ } */ div.search_result div.info span.downloadInfo{ color:#000; text-decoration:underline;display:block;width:120px; font-size:14px; margin-bottom:4px;} div.search_result div.action {padding:14px 0px;} div.search_result div.action .btn{width:100px;height:27px; display:inline-block;box-sizing:border-box; margin-bottom:4px; text-align:right;} div.search_result div.action .btn span{ line-height:27px; padding-right:14px;} div.search_result div.action .btn-view{ background-image:url(/Images/common/ic_view.png); background-repeat:no-repeat; background-position:12px 50%;} div.search_result div.action .btn-abs{ background-image:url(/Images/common/ic_view_abs.png); background-repeat:no-repeat; background-position:10px 50%;} div.search_result div.action .btn-download{ background-image:url(/Images/common/ic_download.png); background-repeat:no-repeat; background-position:10px 50%;} div.search_result div.action .btn-browser-open{ background-image:url(/Images/common/ic_pdf_sm.png); background-repeat:no-repeat; background-position:8px 50%;background-color:#f3f3f3;border:1px solid #aaa;} div.search_result div.action .btn-buy{ background-image:url(/Images/common/ic_buy.png); background-repeat:no-repeat; background-position:10px 50%;} div.search_result div.action p.price{ line-height:40px; color:#fb2c0f;font-weight:bold; font-size:15px;} /* 상세검색 */ div.page_content div.advanced{border-top:1px solid #eee;background:url(/images/common/table_bg.png) repeat;} div.page_content div.advanced fieldset{border-bottom:1px solid #eee;} div.page_content div.advanced fieldset legend{float:left;width:20%; text-align:center;font-weight:600; font-size:15px; line-height:80px; } div.page_content div.advanced fieldset div.boxing{float:left; width:80%; background-color:#fff;box-sizing:border-box; min-height:100px;} div.page_content div.advanced fieldset::after{content:' '; clear:both; display:block;} div.page_content div.advanced dl{ border-bottom:1px solid #eee;padding:10px; } div.page_content div.advanced dl dt{font-size:15px; padding:10px; float:left;width:15%; box-sizing:border-box; line-height:35px;} div.page_content div.advanced dl dd{float:left;width:83%; padding:10px 0px; line-height:35px;} div.page_content div.advanced dl::after{content:' ' ; clear:both; display:block;} div.page_content div.advanced dl.last{ border-bottom:0px;} div.page_content div.advanced span.jour_type {margin-right:18px;} div.page_content div.advanced span.jour_type input{width:20px; height:20px;} div.page_content div.advanced span.pub_year {margin-right:18px;} div.page_content div.advanced span.pub_year input{width:20px; height:20px; margin-right:3px;} div.page_content div.advanced fieldset button { background:#000; color:#fff; padding:9px 14px 9px; vertical-align:bottom; line-height:19px; margin-right:180px; } div.page_content div.advanced fieldset button span{ color:#fff;} div.page_content div.advanced select { width:130px; height:37px; line-height:37px; border:1px solid #626262;} div.page_content div.advanced select.year { width:100px; height:37px; line-height:37px; border:1px solid #626262;} div.page_content div.advanced select::-ms-expand { display: none; } div.page_content div.advanced p.text{margin-bottom:10px;margin-left:20px;} div.page_content div.advanced p.text-input{padding-top:20px;} div.page_content div.advanced .msg strong{ color:#eb6100;} div.page_content div.advanced div.action{text-align:center;margin-top:40px;} div.page_content div.advanced div.action button{height:53px; line-height:53px; padding: 0 40px; margin:0px 8px;} div.page_content div.advanced div.action button span{font-size:20px; color:#fff;} div.page_content div.advanced div.action button.ok{background:#119242; } div.page_content div.advanced div.action button.cancel{background:#000; } div.page_content div.advanced p.add{background:#f8f8f8; margin-left:20px;margin-bottom:10px; padding-left:20px;position:relative;} div.page_content div.advanced p.add label{height:36px;line-height:36px;width:90%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} div.page_content div.advanced p.add button.del{width:19px; height:19px; background:url(/images/common/ic_del.png) no-repeat; position:absolute; right:20px;top:10px; margin:0px; } div.page_content div.advanced dd p.add{margin-left:0px;} /* 검색 결과*/ div.page_content div.search_monitor{} div.page_content div.search_monitor dl{} div.page_content div.search_monitor dt{float:left; width:10%;} div.page_content div.search_monitor dd{float:right; width:87%;} div.page_content div.search_monitor dl::after{content:' '; display:block; clear:both;} div.page_content div.search_monitor dl.visibleReset dt{position:relative; } div.page_content div.search_monitor dl.visibleReset dt button{width:16px; height:16px; background:#fff url(/images/common/ic_reply.png) no-repeat ; background-size:15px; top:13px;right:4px; vertical-align:text-bottom; } div.page_content div.search_monitor dd span.txt{ display:inline-block;padding:4px 10px; border-radius:4px; margin-right:10px; margin-bottom:8px; position:relative;} div.page_content div.search_monitor dd span.del{ background-color:#f8f8f8; padding-right:33px;} div.page_content div.search_monitor dd span.del button{width:19px; height:19px; background:#f8f8f8 url(/images/common/ic_del.png) no-repeat ;position:absolute; right:6px;top:5px; } div.page_content div.search_monitor span.remove{display:none !important;} div.page_content fieldset.finder_filter{margin-bottom:20px;} div.page_content fieldset.finder_filter legend{ display:none;} div.page_content fieldset.finder_filter div.boxing{border-right:1px solid #eee; border-top:1px solid #eee;} div.page_content fieldset.finder_filter dl{ background-color:#526078 } div.page_content fieldset.finder_filter dl.show{background-color:#434F68;} div.page_content fieldset.finder_filter dl dt{float:left; width:13%; line-height:35px; position:relative;} div.page_content fieldset.finder_filter dl dt label{padding-left:20px;color:#fff; } div.page_content fieldset.finder_filter dl dt button{background:url(/images/common/ic_search_filter01.png) no-repeat; width:8px; height:8px;position:absolute; right:10px;top:14px;} div.page_content fieldset.finder_filter dl dt button.show{background:url(/images/common/ic_search_filter02.png) no-repeat; } div.page_content fieldset.finder_filter dl dd{float:right; width:87%;background-color:#f8f8f8;border-bottom:1px solid #eee;height:37px; box-sizing:border-box; overflow:hidden;} div.page_content fieldset.finder_filter dl dd p.input{ display:none;} div.page_content fieldset.finder_filter dl.show dd{height:auto !important;} div.page_content fieldset.finder_filter dl.show ul{max-height:180px; overflow:auto;} div.page_content fieldset.finder_filter dl.show p.input{ display:block; border-bottom:1px solid #eee;height:35px;line-height:35px;} div.page_content fieldset.finder_filter dl.show p.input span.label{padding-left:15px;} div.page_content fieldset.finder_filter dl.show p.msg{ font-weight:bold; padding-left:15px;} div.page_content fieldset.finder_filter dl.show span.range_input{border:1px solid #dfdfdf; background-color:#fff; color:#999;padding:2px 4px;} div.page_content fieldset.finder_filter dl.show span.range_input input{ border:0; outline:none; color:#000; height:18px; line-height:18px; width:60px;} div.page_content fieldset.finder_filter dl::after{ content:'' ; clear:both; display:block;} div.page_content fieldset.finder_filter ul{margin-left:10px;} div.page_content fieldset.finder_filter ul li{ float:left; width:20%; } div.page_content fieldset.finder_filter ul li *{padding:0px;margin:0px; line-height:35px;} div.page_content fieldset.finder_filter ul li input{margin:0px 4px;} div.page_content fieldset.finder_filter ul label{display:inline-block;max-width:60%; height:35px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} div.page_content fieldset.finder_filter ul span{display:inline-block;width:20%; vertical-align:middle;} div.page_content div.finder_change_msg{margin-bottom:-20px; text-align:right; height:20px;padding-right:10px;display:none;} div.page_content div.finder_change_msg strong{color:#eb6100; text-decoration:underline; } div.page_content fieldset.finder_filter ul::after{ content: ' ' ; clear:both; display:block;} div.page_content fieldset.finder_filter_tab{margin-bottom:60px;} div.page_content fieldset.finder_filter_tab legend{ display:none;} div.page_content fieldset.finder_filter_tab div.boxing{position:relative;} div.page_content fieldset.finder_filter_tab dt{position:absolute;width:25%;height:40px;top:0px; text-align:center;border:1px solid #526078;background-color:#526078; box-sizing:border-box; } div.page_content fieldset.finder_filter_tab dl dt a{ color:#fff;line-height:40px; cursor:pointer; display:block; } div.page_content fieldset.finder_filter_tab dl dd{ display:none;padding:10px 0px;} div.page_content fieldset.finder_filter_tab dl.show dt{border-bottom:1px solid #fff;background-color:#fff;z-index:1;} div.page_content fieldset.finder_filter_tab dl.show dt a{ color:#526078; } div.page_content fieldset.finder_filter_tab dl.show dd{display:block;position:relative;top:39px; min-height:160px; border:1px solid #526078;} div.page_content fieldset.finder_filter_tab p.input{ display:block; border-bottom:1px solid #eee;height:35px;line-height:35px;} div.page_content fieldset.finder_filter_tab p.input span.label{padding-left:15px;} div.page_content fieldset.finder_filter_tab p.msg{ font-weight:bold; padding-left:15px;} div.page_content fieldset.finder_filter_tab span.range_input{border:1px solid #dfdfdf; background-color:#fff; color:#999;padding:2px 4px;} div.page_content fieldset.finder_filter_tab span.range_input input{ border:0; outline:none; color:#000; height:18px; line-height:18px; width:60px;} div.page_content fieldset.finder_filter_tab ul{margin-left:10px;max-height:120px; overflow:auto;} div.page_content fieldset.finder_filter_tab ul li{ float:left; width:16.5%; } div.page_content fieldset.finder_filter_tab ul li *{padding:0px;margin:0px; line-height:35px;} div.page_content fieldset.finder_filter_tab ul li input{margin:0px 4px;} div.page_content fieldset.finder_filter_tab ul label{display:inline-block;max-width:60%; height:35px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} div.page_content fieldset.finder_filter_tab ul span{display:inline-block;width:20%; vertical-align:middle;} /* 국가지식 */ div.public_provider{} div.public_provider ul{} div.public_provider ul li{float:left;width:270px;height:436px; margin-right:40px; margin-bottom:20px; } div.public_provider ul li.right{margin-right:0px;} div.public_provider a{display:block; border:1px solid #EEEEEE; width:100%;height:100%; box-sizing:border-box;} div.public_provider dl{background:url(/Images//common/ic_more2_public_off.png) no-repeat right bottom;} div.public_provider dt{padding:20px;height:160px;box-sizing:border-box; position:relative; text-align:center;} div.public_provider dt img{max-width:90%;margin:auto;} div.public_provider dt span{font-size:20px; position:absolute; top:110px; left:20px; color:#000; font-weight:bold;} div.public_provider dd{padding:20px; height:275px;box-sizing:border-box; background:url(/Images/common/bg_provider.png) no-repeat 20px 0px;} div.public_provider a:hover{border:1px solid #119242; } div.public_provider a:hover dl{ background:url(/Images//common/ic_more2_public.png) no-repeat right bottom;} div.public_provider a:hover span{color:#000; } div.public_provider a:hover dd{color:#000; text-decoration:underline;} div.public_provider ul::after{content:'';clear:both;display:block;} fieldset.public_jou_search{padding-top:20px;margin-bottom:20px;} fieldset.public_jou_search legend{ display:none;} fieldset.public_jou_search div{position:relative;} fieldset.public_jou_search div select{ width:100px; position:absolute;top:0px;right:0px;} fieldset.public_jou_search div input {padding:0px 10px; height:29px; line-height:29px; width:350px;box-sizing:border-box; margin-right:-1px; } fieldset.public_jou_search div button{height:29px;width:29px; line-height:29px; background:#eb6100 url(/images/common/ic_search3.png) no-repeat center; overflow:hidden; position:absolute;top:0px;left:350px;} /* 원문 상세*/ div.art-detail {} 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{ letter-spacing:0.3px; line-height:30px;} 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;} div.art-detail h3{ display:none;} div.art-detail h4{ font-size:18px; 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{} div.art-detail div.basicInfo div.preivew{ float:right;width:243px;} div.art-detail div.basicInfo div.info{float:left;width:920px;} div.art-detail div.basicInfo div.head-ctl{float:left;width:920px;} div.art-detail div.basicInfo::after{content: ' ' ; display:block;clear:both;} div.art-detail div.basicInfo div.info ul{margin-bottom:20px;} div.art-detail div.basicInfo div.info li{margin-bottom:6px;} div.art-detail div.basicInfo div.info p.msg{ color:#eb6100; padding-left:10px; margin-bottom:20px;} 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{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.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; margin-top:-91px;} 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.jou-info{} div.art-detail div.jou-info div.cover{width:157px;float:left; position:relative;} div.art-detail div.jou-info div.info{width:720px; 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_thumb{ position:relative;} div.art_thumb img{ max-width:100%;min-width:100%;border:1px solid #eee; box-sizing:border-box;} div.art_thumb div.over{ background-color:#000;opacity:0.6;filter:alpha(opacity=60); position:absolute;left:0px;bottom:0px; width:100%;height:51px; } div.art_thumb div.act{position:absolute;left:0px;bottom:5px; text-align:center; width:100%;} div.art_thumb button{ width:30px;height:30px;} div.art_thumb .btn-big{background:url(/Images/common/ic_img_big.png) no-repeat 50% 50%;} div.art_thumb .btn-share{background:url(/Images/common/ic_share.png) no-repeat 50% 50%;} div.art-detail div.art-in-issue{ background-color:#f8f8f8;padding:20px;} div.art-detail div.art-in-issue ul{margin-bottom:20px;} div.art-detail div.art-in-issue ul li{} div.art-detail div.art-in-issue ul li.selected span.title{ color:#119242; text-decoration:underline;} div.art-detail div.art-in-issue ul span.title{float:left;width:86%; display:inline-block; height:30px;line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} div.art-detail div.art-in-issue ul span.page{float:right;width:12%; display:inline-block;height:30px; line-height:30px;} div.art-detail div.art-in-issue ul li::after{ content: ' '; display:block; clear:both;} /* div.art-detail div.used-together{display:none;} div.art-detail div.used-together ul{background-color:#f8f8f8;padding:15px 20px 20px;} div.art-detail div.used-together li{ line-height:30px; height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 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{ margin-bottom:40px;border:1px solid #EEEEEE; box-sizing:border-box; display:none;} div.art-detail div.cited h4{ padding:20px 0px 0px 20px;} div.art-detail div.cited h4 span{ display:block;} div.art-detail div.cited div.boxing{} div.art-detail div.cited div.boxing ul{padding:20px; } div.art-detail div.cited div.boxing ul li{ margin-bottom:8px; line-height:24px; border-top:1px solid #eee; padding-top:5px;} div.art-detail div.cited div.boxing button{ display:block; width:100%; height:30px; background-color:#EEEEEE;} div.art-detail div.cited div.boxing button span::before{content: '+';} */ div.art-detail div.withArt h4{ font-size:16px; margin-bottom:0px; padding:20px 20px 10px; } div.art-detail div.withArt h4 strong{} div.art-detail div.withArt h4 a{color:#888;} div.art-detail div.withArt h4 span{ font-size:12px; font-weight:300; display:block; line-height:140%; color:#888; margin-top:4px;} div.art-detail div.withArt div.cited, div.art-detail div.withArt div.used-together{ margin-bottom:40px;border:1px solid #EEEEEE; box-sizing:border-box; display:none; background-color:#fafbfb; } div.art-detail div.withArt div.boxing{} div.art-detail div.withArt div.boxing ul{padding:0px 20px 20px; } div.art-detail div.withArt div.boxing ul li{ margin-bottom:8px; line-height:20px; border-top:1px solid #eee; padding-top:7px; font-size:.8rem;} div.art-detail div.withArt div.boxing button{ display:block; width:100%; height:30px; background-color:#EEEEEE;} div.art-detail div.withArt div.boxing button span::before{content: '+';} div.art-detail #authors_other { border:1px solid #f1f1f1 ; padding:10px 13px; margin-top:20px; position:relative; display:none;} div.art-detail #authors_other h5{ font-size:14px; color:#000;} div.art-detail #authors_other button.btn-more{position:absolute;right:20px;top:10px;padding:5px 10px; background:none;} div.art-detail #authors_other button.btn-more span{ color:#000;} div.art-detail #authors_other button.btn-more:hover span{ color:#119242;} div.art-detail #authors_other ul.articles{padding:20px 0px;} div.art-detail #authors_other ul.articles li{float:left;width:24%; box-sizing:border-box; margin-right:1.2%; position:relative;} div.art-detail #authors_other ul.articles li:last-child{margin-right:0px;} div.art-detail #authors_other ul.articles p{ width:90%;margin:auto;} div.art-detail #authors_other ul.articles p.tit{margin-bottom:10px;margin-top:4px;color:#000;font-size:15px;} div.art-detail #authors_other ul.articles p.author{ margin-bottom:20px;} div.art-detail #authors_other ul.articles p.issueName{margin-bottom:8px;} div.art-detail #authors_other ul.articles p.author span{ color:#119242;font-weight:400;} div.art-detail #authors_other ul.articles li button.btn-direct{ background-color:#000; margin-right:4px;} div.art-detail #authors_other ul.articles li button.btn-down{ background-color:#119242;} div.art-detail #authors_other ul.articles li button span{ color:#fff; font-weight:400; font-size:10px; padding:4px;} div.art-detail #authors_other ul.articles::after{ content:' '; display:block; clear:both;} div.art-detail #authors_other ul.articles li a:hover *{ color:#119242; text-decoration:underline;} 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%; word-wrap:break-word;} 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 div.withArt div.boxing a.naver{width:16px;height:16px; background-size:100%; margin-left:3px;} div.art-detail div.withArt div.boxing a.earticle{width:16px;height:16px; background-size:100%; margin-left:3px;} 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;} div.art-detail div.head-ctl{ border-top:1px solid #eee; padding-top:20px; text-align:right;} div.art-ctl span.price{ font-size:20px; display:inline-block; color:#000; margin:0px 40px; font-weight:400; } div.art-ctl button, div.art-ctl a{height:51px; padding:0px 25px 0px 45px !important; background-repeat:no-repeat; background-position: 15px 50%;} div.art-ctl button span, div.art-ctl a span{ font-size:20px; line-height:51px;} div.art-ctl .btn-externalLink{ display:inline-block; background-image:url(/Images/common/ic_external_link.png); background-color:#119242; border:1px solid #aaa;} div.art-ctl .btn-externalLink span{color:#fff;} div.art-ctl .btn-download{ background-image:url(/Images/common/ic_download_big.png); border:1px solid #119242;} div.art-ctl .btn-purchase{background-image:url(/Images/common/ic_buy_big.png); border:1px solid #eb6100; } div.art-ctl .btn-quote{background-image:url(/Images/common/ic_quote_big.png); border:1px solid #000;} div.art-ctl .btn-browser-open{background-image:url(/Images/common/ic_pdf.png); background-position-x:8px; background-color:#f3f3f3; border:1px solid #aaa;} div.art-ctl .btn-authorMore{ background-color:#fab900; border:1px solid #fab900; background-image:url(/Images/common/ic_more_black.png); float:left; display:none;} div.art-ctl .btn-authorMore span{ color:#000;} 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-ctl .btn-authorMore:hover span{ color:#000 !important;} div.art-detail div.paging{padding:20px 0px;} #artCitedMore 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;} #artCitedMore div.msg span.source{} #artCitedMore ul {min-height:300px;} #artCitedMore ul li { line-height:2em; background:url(/Images/common/bg_eee.png) repeat-y 6% 0%;border-bottom:1px solid #eee; padding:13px 0px;} #artCitedMore ul li span{ color:#000;} #artCitedMore ul li span.num{ float:left; display:block;width:5%; text-align:right;} #artCitedMore ul li span.tit{ float:right; display:block; width:93%;} #artCitedMore ul li::after {content: ' ' ; display:block; clear:both;} #artCitedMore 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;} #artCitedMore 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;} #artCitedMore a.naver:hover{background:url(/Images/common/ic_naver_refer.png) no-repeat; } #artCitedMore a.earticle:hover{background:url(/Images/common/ic_earticle_refer.png) no-repeat;} #artPreviewBig div.act{ position:absolute; top:30px;right:20px;} #artPreviewBig div.act span.price{margin:0px 10px; font-size:15px;} #artPreviewBig div.act button {height:31px; padding:0px 20px 0px 40px !important; background-repeat:no-repeat; background-position: 10px 50%;} #artPreviewBig div.act button span{ font-size:13px; line-height:31px;} #artPreviewBig div.image{background-color:#626262;} #artPreviewBig div.image div.first{float:left;width:80%; background-color:#fff; text-align:center;} #artPreviewBig div.image div.first img{max-width:90%;border:1px solid #acacac;} #artPreviewBig div.image div.others{float:right;width:20%;padding:10px 0px; text-align:center; box-sizing:border-box;} #artPreviewBig div.image div.others img{ margin-bottom:10px; max-width:90%;} #artPreviewBig div.image::after{content:' '; display:block; clear:both;} #authorArticleMore div.authors_act{ position:absolute;top:30px;right:20px; display:none;} #authorArticleMore div.authors_act button{padding:3px 15px;margin-right:8px;} #authorArticleMore ul{margin-bottom:40px;} #authorArticleMore ul li{border-bottom:1px dashed #eee; } #authorArticleMore ul a{ display:block;cursor:pointer;padding:20px 10px;} #authorArticleMore ul a:hover{background-color:#f8f8f8; } #authorArticleMore ul p{ padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:20px; line-height:20px;} #authorArticleMore ul p.tit{padding-left:0px;color:#313131; font-weight:bold;} #authorArticleMore ul p.tit::before{content:'·';} #authorArticleMore ul p.author span{ color:#119242;font-weight:400;} #art_tail_ctl { text-align:center;width:100%; } #art_tail_ctl div.tail-ctl{ background:url(/Images/common/table_bg.png) repeat; background-color:#fff; padding:30px 0px; border-top:1px solid #ddd;} #art_tail_ctl div.tail-ctl div{ width:1200px;margin:auto;} div.art-ctl-fix {position:fixed;bottom:0px;} div.store_top { background-color:#f1f1f1; padding:20px 15px 10px;} div.store_top li{margin-bottom:20px;} div.store_top ol {margin-top:4px;} div.store_top ol li{ list-style-type:decimal; margin-bottom:0px; margin-left:20px;}