/** 상단 네비들 **/ .navi-warp { margin:10px 0; border-bottom:1px solid #d5d5d5; padding:0 0 2px 5px; *zoom:1; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .navi-warp:after{content:""; display:block; clear:both;} .navi-warp ul{*zoom:1;} .navi-warp ul:after{content:""; display:block; clear:both;} .navi-warp li{ float:left; margin:0 2px; } .navi-warp .navi-left{ float:left; max-width:730px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } /* ie7 핵 있음 */ .navi-warp .navi-right{ float:right; } /** 서브 기본 레이아웃 **/ .sub-warp { *zoom:1; position:relative; } .sub-warp:after{content:""; display:block; clear:both;} .top-btn-warp { display:none; position:absolute; right:-30px; } .top-btn-warp p{ width:29px; text-align:center; display:none; } .top-btn-warp p a{ font-size:11px; } .top-btn-warp p a:hover{ border:1px solid #ff0000; padding:2px; text-decoration:none; } .sub-warp .sub-contents{float:left; width:740px;} .sub-warp .sub-contents-full, /* 저자회원안내처럼 개인정보이용안내랑 틀린 레이아웃일때 사용 */ .sub-warp .sub-contents-one{width:100%;} .sub-warp .sub-left {float:left; width:180px; margin-right:18px; } .sub-warp .sub-left p.title {background-color:#888888; color:#fff; padding:9px 12px 9px 12px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} .sub-warp .sub-left p.title a{color:#fff;} /* 좌측메뉴 시작 */ .sub-warp .sub-left .sub-menu02{border-top:1px solid #d5d5d5; border-bottom:2px solid #ededed;} .sub-warp .sub-left .sub-menu03{border:1px solid #d5d5d5; border-top:0 none;} .sub-warp .sub-left .menu-blank {margin-top:10px;} .sub-warp .sub-left .sub-menu a { text-decoration:none;outline:0; } .sub-warp .sub-left .sub-menu dl.menu-block { margin-top:5px; padding-bottom:5px; } .sub-warp .sub-left .sub-menu{ border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; } /*.sub-warp .sub-left .sub-menu div,*/ .sub-warp .sub-left .sub-menu dl{border-bottom:1px solid #d5d5d5;} .sub-warp .sub-left .sub-menu p{ font-weight:bold; border-bottom:1px solid #d5d5d5; padding:5px 8px 3px 30px; background:url('../../img/kr/sub/menu_off.gif') no-repeat 13px 8px; line-height:18px; vertical-align:top; /*height:24px; ie7 문제 해결 : 2013-09-01(leelack) */ } .sub-warp .sub-left .sub-menu p.menu-on{ background-image:url('../../img/kr/sub/menu_on.gif'); } .sub-warp .sub-left .sub-menu p.menu-on-one{ background-image:url('../../img/kr/sub/menu_on_one.gif'); } .sub-warp .sub-left .sub-menu p.bg-none{ background-image:none; } .sub-warp .sub-left .sub-menu dt{ padding:2px 13px 2px 25px; line-height:18px; background:url('../../img/kr/common/dot_black.gif') no-repeat 15px 9px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .sub-warp .sub-left .sub-menu .menu-on{ font-weight:bold; } .sub-warp .sub-left .sub-menu dt.menu-on-color, .sub-warp .sub-left .sub-menu dd.menu-on-color{ background-color:#f9eeec; font-weight:normal; } .sub-warp .sub-left .sub-menu p.menu-gray{ background-color:#eaebed; } .sub-warp .sub-left .sub-menu p.menu-white { background-color:#fff; } .sub-warp .sub-left .sub-menu p.text-gray{ background-color:#eaebed; background-image:none; padding-left:5px;margin-bottom:5px; } .sub-warp .sub-left .sub-menu p.text-gray img{ vertical-align:middle; } .sub-warp .sub-left .sub-menu p.text-gray select{ border: 1px solid #DCDCDC; color: #666666; height: 23px; margin: 0; padding: 0; vertical-align: middle; font-size:13px; } .sub-warp .sub-left .sub-menu dd{ margin-left:26px; padding:3px 13px 1px 10px; background:url('../../img/kr/common/dot_grey.gif') no-repeat 0 9px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .sub-warp .sub-left .sub-menu dd.depth03{ margin-left:40px; } .sub-warp .sub-left .sub-menu dt, .sub-warp .sub-left .sub-menu dd{ position:relative; } .sub-warp .sub-left .sub-menu dt img, .sub-warp .sub-left .sub-menu dd img{ /*top:6px;*/ right:9px; position:absolute; } /* lee - 20130627 */ .sub-warp .sub-left .sub-menu dt.left_txt_bottom{margin-left:26px;padding:3px 13px 1px 10px;background:url('../../img/kr/common/dot_grey.gif') no-repeat 0 9px;} .sub-warp .sub-left .sub-menu dd.menu-more { background-image:none; text-align:right; height:16px; } .menu-more a { display:block; height:15px; background:none no-repeat 0 0; width:33px; margin-left:98px;} .menu-more a.open{background-image:url('../../img/en/sub/btn_more_open_off.gif'); } .menu-more a.open:hover {background-image:url('../../img/en/sub/btn_more_open_on.gif'); } .menu-more a.close{margin-left:107px; background-image:url('../../img/en/sub/btn_more_close_off.gif'); } .menu-more a.close:hover { background-image:url('../../img/en/sub/btn_more_close_on.gif');} .menu-more a.load{margin-left:114px;background-image:url('../../img/common/ajax-loader.gif'); } .sub-warp .sub-left .sub-menu p.btn-reset { background-image:none; text-align:center; padding:6px 21px; height:23px;} .sub-warp .sub-left .sub-menu p.btn-reset a{display:block; height:23px; width:137px; } .sub-warp .sub-left .sub-menu p.btn-reset a.reset-on{ background:url('../../img/kr/sub/btn_result_reset01_off.gif') no-repeat 0 0; } .sub-warp .sub-left .sub-menu p.btn-reset a.reset-on:hover {background:url('../../img/kr/sub/btn_result_reset01_on.gif') no-repeat 0 0;} .sub-warp .sub-left .sub-menu p.btn-reset a.reset-close{background:url('../../img/en/sub/btn_result_reset02_off.gif') no-repeat 0 0; } .sub-warp .sub-left .sub-menu p.btn-reset a.reset-close:hover {background:url('../../img/en/sub/btn_result_reset02_on.gif') no-repeat 0 0; } .sub-warp .sub-left .sub-menu p.btn-reset a.return-list{background:url('../../img/kr/sub/btn_result_reset03_off.gif') no-repeat 0 0; } .sub-warp .sub-left .sub-menu p.btn-reset a.return-list:hover {background:url('../../img/kr/sub/btn_result_reset03_on.gif') no-repeat 0 0; } .sub-warp .sub-left .sub-menu-scroll .sub-menu{ height:430px; max-height:430px; overflow-y:scroll; border-bottom:1px solid #d5d5d5;} .sub-warp .sub-left .sub-menu-scroll .sub-menu p, .sub-warp .sub-left .sub-menu-scroll .sub-menu dl{ border-bottom:0px none;} .sub-warp .sub-left .sub-menu-noscroll{margin-bottom:6px; } /* 좌측메뉴 끝 */ .sub-warp .sub-left .sub-search{border:1px solid #d5d5d5; margin:5px 0; background-color:#e3e3e3; padding:10px 0 10px 10px;} .sub-warp .sub-left .sub-search input[type=text]{ width:136px; margin:5px 0 5px -1px;} .sub-warp .sub-left .style-text input[type=text]{ width:90px; margin:5px 0 5px -1px;} .sub-warp .sub-left .sub-search select{ width:110px; } .sub-warp .sub-left .sub-search img{ vertical-align:middle; } .sub-warp .sub-left .sub-ns {border:1px solid #d5d5d5; } .sub-warp .sub-left .sub-ns h4{border-bottom:1px solid #d5d5d5; } .sub-warp .sub-left .sub-ns p{ text-align:center; } .sub-warp .sub-left .sub-ns div{ font-size:0; margin:7px 0;} .sub-warp .sub-left .sub-ns ul { *zoom:1; width:168px; margin:0 auto; } .sub-warp .sub-left .sub-ns ul:after{content:""; display:block; clear:both;} .sub-warp .sub-left .sub-ns li{ float:left; } /* 자세히보기 */ .left-notice-warp { position: relative; } .left-notice-warp img.btn-view{ position: relative; right:-8px; top:-2px; float:right; cursor:pointer; } /* ie7핵 있음 */ .left-notice-warp .left-notice { display:none; border:1px solid #000; width:376px; position: absolute; left:184px; border:1px solid #adadad; background-color:#fbfbfb; padding:17px;font-weight:normal;z-index:99;} .left-notice-warp .left-notice h6{ margin:0; font-size:12px; position: relative; line-height:18px;} .left-notice-warp .left-notice h6 img{ position: absolute; right:-10px; top:-10px; cursor:pointer; } .left-notice-warp .left-notice div.notice-text { margin-top:13px; border-bottom:0px none; } .left-notice-warp .left-notice ul{ margin-top:14px; } .left-notice-warp .left-notice ul li{ clear:both; width:100%; } .sub-contents .title-bar { background:url('../../img/kr/sub/bg_title.gif') repeat-x left bottom;} /* 타이틀 좌우버튼 있는 거. */ .sub-contents .sub-title { *zoom:1; } .sub-contents .sub-title:after{content:""; display:block; clear:both;} .sub-contents .sub-title h3{color:#c6130d; font-size:16px; line-height:17px; margin-top:6px; padding-bottom:12px; text-overflow:clip; overflow:hidden;word-break:keep-all;word-wrap:break-word;} .sub-contents .sub-title h3.title-left{ float:left; max-width:740px; } .sub-contents .sub-title h3.title-left-sort{ max-width:530px; } .sub-contents .sub-title h3 p{width:100%;font-size:13px;font-weight:bold;color:#000;padding-bottom:2px;} .sub-contents .sub-title h3 span{ font-size:12px; color:#6C6C6C;font-weight: normal; display:inline-block;} .sub-contents .sub-title h3 span.title02{ font-size:14px; color:#1F497D;font-weight: normal; display:inline-block; } /* 간행물명 우측 [등재] 정보 텍스트 : 2013-07-18(leelack) */ .sub-contents .sub-title div.title-right{ float:right; margin-top:5px; } .sub-contents .sub-title div.title-right ul{*zoom:1;} .sub-contents .sub-title div.title-right ul:after{content:""; display:block; clear:both;} .sub-contents .sub-title div.title-right li{ float:left; margin:0 2px; } .sub-contents .sub-title div.title-right img{ margin-top:-6px; } .sub-contents .sub-title .btn-prev span{background:url('../../img/kr/sub/hist_left_off.jpg') no-repeat 0 40%;padding-left:8px; } .sub-contents .sub-title .btn-prev a span{background-image:url('../../img/kr/sub/hist_left.jpg'); } .sub-contents .sub-title .btn-next span{background:url('../../img/kr/sub/hist_right_off.jpg') no-repeat right 40%;padding-right:8px;} .sub-contents .sub-title .btn-next a span{background-image:url('../../img/kr/sub/hist_right.jpg'); } .sub-contents .sub-title2 h3{color:#c6130d; font-size:16px; line-height:17px; margin-top:6px; padding-bottom:10px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} /* 3단 내용 시작 */ .sub-warp .sub-contents-min {float:left; width:543px; } .sub-warp .sub-contents-min .sub-title { margin-bottom:10px; } .sub-warp .sub-contents-min .sub-title div.title-left { float:left; max-width:450px; color:#000; font-weight:bold; margin-top:3px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .sub-warp .sub-contents-min .sub-title h3 {clear:both; line-height:24px; padding-bottom:0px;} .sub-warp .sub-contents-min .sub-title h3 img { vertical-align:middle; } .sub-warp .sub-contents-min .sub-title p { padding:1px 0; } .sub-warp .sub-contents-min .sub-title p img { vertical-align:-1px; margin-left:3px; } .sub-warp .sub-right{float:left; width:180px;margin-left:18px;} .sub-warp .sub-right .title{float:left; width:180px;margin-left:18px;} .sub-warp .sub-right .box-title01 { border:1px solid #ebebeb;border-bottom:0 none; } .sub-warp .sub-right .box-title01 p{ padding:3px 10px; line-height:20px;background-color:#f9f9f9;border:1px solid #fdfdfd; border-bottom:0 none; } .sub-warp .sub-right .box-title02 { position:relative; border:1px solid #ebebeb;border-bottom:0 none; } .sub-warp .sub-right .box-title02 p{ padding:3px 10px; line-height:20px;background-color:#f9f9f9;border:1px solid #fdfdfd; border-bottom:0 none; } .sub-warp .sub-right .box-title02 span{ position:absolute; top:5px; right:5px;} .sub-warp .sub-right .box-title02 span a{color:#407fc0;} .sub-warp .sub-right .box-title02 span a:hover{text-decoration:underline;} .sub-warp .sub-right .box-title02 div{ position:absolute; border:1px solid #bfbfbf; background-color:#fff; color:#6c6c6c; left:-1px; padding:5px; width:168px; z-index:300; } .sub-warp .sub-right .box-warp { border:1px solid #ebebeb; margin-bottom:10px; } .sub-warp .sub-right .box-warp .box-img ul{*zoom:1; margin:13px 0 0 13px;} .sub-warp .sub-right .box-warp .box-img ul:after{content:""; display:block; clear:both;} .sub-warp .sub-right .box-warp .box-img li{ float:left; font-size:0; } .sub-warp .sub-right .box-warp .box-img li img{ float:left; font-size:0; border:1px solid #bfbfbf; } .sub-warp .sub-right .box-warp .img-square .first {border-right:0;} .sub-warp .sub-right .box-warp .img-square .second {} .sub-warp .sub-right .box-warp .img-square .third {border-top:0;border-right:0;} .sub-warp .sub-right .box-warp .img-square .fourth {border-top:0;} .sub-warp .sub-right .box-warp .img-rectangle .first { border-bottom:0; } .sub-warp .sub-right .box-warp .img-rectangle .second { border-right:0; } .sub-warp .sub-right .box-warp .img-rectangle .third { border-right:0; } .sub-warp .sub-right .box-warp .img-rectangle .fourth { } .sub-warp .sub-right .box-warp p.box-paging{ text-align:center;margin:8px 0; } .sub-warp .sub-right .box-warp p.box-paging img{ vertical-align:middle; margin:0 5px; } .sub-warp .sub-right .box-warp ul.text { margin:5px 0; } .sub-warp .sub-right .box-warp ul.text li{ padding:2px 13px 2px 16px; line-height:18px; background:url('../../img/kr/common/dot_black.gif') no-repeat 8px 9px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .sub-warp .sub-right .box-warp p.menu-more { background-image:none; text-align:right; height:17px; margin-left:38px; } /** 검색결과 시작 =========================================================================**/ /* 검색 info 시작 */ .searchResultTextArea {margin:7px 0 6px 0;} .searchResultTextArea .search_txt_title{margin-left:10px; padding-left:10px; background:url('../../img/kr/common/dot_red.jpg') no-repeat 0 8px; } .grayTopBar {border-top:#cacaca 1px solid; padding-top:7px;} .listImgBar{ padding-top:5px;} .listImgBar img{ margin-right:1px; } ul.search_txt_warp{*zoom:1;width:100%; } ul.search_txt_warp:after{content:""; display:block; clear:both;} ul.search_txt_warp li{ float:left;line-height:20px;} ul.search_txt_warp li.search_txt_title{width:80px;} ul.search_txt_warp li.search_txt_bot{width:10px;text-align:center;} ul.search_txt_warp li.search_txt_contents_long{width:625px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} ul.search_txt_warp li.search_txt_contents_sort{width:350px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} ul.search_txt_warp li.search_txt_contents_sort02{width:310px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} /* 이미지 검색 부분 */ .searchResultTextArea dl{*zoom:1;width:100%;} .searchResultTextArea dl:after{content:""; display:block; clear:both;} .searchResultTextArea dt {float:left; } .searchResultTextArea dd {float:right; line-height:20px;} /*.searchResultTextArea dd select{height:20px;font-size:8pt;} */ /* 검색 info 끝 */ /* 항목 리스트 시작 */ .item-list { border:#e9e9e9 1px solid; padding:10px 15px; } .item-list ul{*zoom:1;width:100%; } .item-list ul:after{content:""; display:block; clear:both;} .item-list li{float:left; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .item-list ul.item-two li {width:50%; padding:1px 0; line-height:20px;} .item-list ul.item-three li {width:33%; padding:1px 0; line-height:20px;} /* 검색바 시작 --------------------------------------------------------------------------*/ /** .listFunctionBar {z-index:200;position:relative;width:100%;min-width:500px;height:31px;background:#f5f5f5; border-top:#cacaca 1px solid; border-bottom:#cacaca 1px solid; margin:10px 0;} **/ /** top서브랑 겹쳐져서 z-index:200; 없앰 : 2013-03-14(leelack) **/ .listFunctionBar {position:relative;width:100%;min-width:500px;height:31px;background:#f5f5f5; border-top:#cacaca 1px solid; border-bottom:#cacaca 1px solid; margin:0; z-index:1;} .listFunctionBar .selectAll {position:absolute;top:7px;left:5px; } .listFunctionBar .selectAll input {position:relative; top:2px;} .listFunctionBar .selectAll img {padding-left:0px; padding-top:3px;vertical-align:top;} .listFunctionBar .availableInfo {position:absolute;top:5px;right:4px; } .listFunctionBar .availableInfo img {padding-left:6px;padding-top:4px;} .listFunctionBar .availableInfo select{font-size:8pt; font-family:돋움,Dotum;height:20px;} .listFunctionBar .availableInfo ul{*zoom:1;} .listFunctionBar .availableInfo ul:after{content:""; display:block; clear:both;} .listFunctionBar .availableInfo li{float:left;font-size:8pt; font-family:돋움,Dotum;vertical-align:middle; height:20px;} .listFunctionBar .imgBtn {*zoom:1;position:absolute;top:0; left:17px;height:31px; } .listFunctionBar .imgBtn:after{content:""; display:block; clear:both;} .listFunctionBar .imgBtn ul{overflow:hidden;padding-left:35px; } .listFunctionBar .imgBtn ul.type2{padding-left:0px; width:210px; } /*요기가 변해야 함... my일땐*/ .listFunctionBar .imgBtn li {float:left;display:block;height:31px;background:url(../../img/en/common/bar/listFunctionButtonAll.gif) no-repeat; text-indent:-9999px;font-size:0;overflow:hidden;} .listFunctionBar .imgBtn li a {display:block;height:31px;background:url(../../img/en/common/bar/listFunctionButtonAll.gif) no-repeat; text-indent:-9999px;font-size:0;overflow:hidden;} .listFunctionBar .imgBtn li.m01 a {width:70px;background-position: 0 0;} .listFunctionBar .imgBtn li.m02 a {width:86px;background-position: -70px 0;} .listFunctionBar .imgBtn li.m03 a {width:64px;background-position: -156px 0} .listFunctionBar .imgBtn li.m04 a {width:69px;background-position: -220px 0;} .listFunctionBar .imgBtn li.m05 a {width:70px;background-position: -292px 0; } .listFunctionBar .imgBtn li.m06 a {width:70px;background-position: -365px 0;} .listFunctionBar .imgBtn li.m07 a {width:80px;background-position: -438px 0;} .listFunctionBar .imgBtn li.m01 a:hover {width:70px;background-position: 0 -62px;} .listFunctionBar .imgBtn li.m02 a:hover {width:86px;background-position: -70px -62px;} .listFunctionBar .imgBtn li.m03 a:hover {width:64px;background-position: -156px -62px} .listFunctionBar .imgBtn li.m04 a:hover {width:69px;background-position: -220px -62px;} .listFunctionBar .imgBtn li.m05 a:hover {width:70px;background-position: -292px -62px;} .listFunctionBar .imgBtn li.m06 a:hover {width:70px;background-position: -365px -62px;} .listFunctionBar .imgBtn li.m07 a:hover {width:80px;background-position: -438px -62px;} .listFunctionBar .imgBtn li.m01_un {width:70px;background-position: 0 -31px;} .listFunctionBar .imgBtn li.m02_un {width:86px;background-position: -70px -31px;} .listFunctionBar .imgBtn li.m03_un {width:64px;background-position: -156px -31px} .listFunctionBar .imgBtn li.m04_un {width:69px;background-position: -220px -31px;} .listFunctionBar .imgBtn li.m05_un {width:70px;background-position: -292px -31px;} .listFunctionBar .imgBtn li.m06_un {width:70px;background-position: -365px -31px;} .listFunctionBar .imgBtn li.m07_un {width:80px;background-position: -438px -31px;} .listFunctionBar .imgBtn li.functionDiv {width:1px; background:url(../../img/kr/common/bar/fuctionDiv.gif) center no-repeat; font-size:1px; line-height:31px;} .listFunctionBar .imgBtnSNS {*zoom:1;position:absolute;top:0px; right:10px; z-index:1;} .listFunctionBar .imgBtnSNS:after{content:""; display:block; clear:both;} .listFunctionBar .imgBtnSNS ul{overflow:hidden;} .listFunctionBar .imgBtnSNS li {width:17px;float:left;display:block;height:31px;background:url(../../img/kr/common/bar/listFunctionButtonSNS_2.gif) no-repeat; text-indent:-9999px;font-size:0;overflow:hidden;} .listFunctionBar .imgBtnSNS li a {width:17px;display:block;height:31px;background:url(../../img/kr/common/bar/listFunctionButtonSNS_2.gif) no-repeat; text-indent:-9999px;font-size:0;overflow:hidden;} .listFunctionBar .imgBtnSNS li.m01 a {background-position: -8px 0;} .listFunctionBar .imgBtnSNS li.m02 a {background-position: -29px 0;} .listFunctionBar .imgBtnSNS li.m03 a {background-position: -50px 0} .listFunctionBar .imgBtnSNS li.m04 a {background-position: -71px 0;} .listFunctionBar .imgBtnSNS li.m05 a {background-position: -92px 0;} .listFunctionBar .imgBtnSNS li.m01 a:hover {background-position: -8px -62px;} .listFunctionBar .imgBtnSNS li.m02 a:hover {background-position: -29px -62px;} .listFunctionBar .imgBtnSNS li.m03 a:hover {background-position: -50px -62px} .listFunctionBar .imgBtnSNS li.m04 a:hover {background-position: -71px -62px;} .listFunctionBar .imgBtnSNS li.m05 a:hover {background-position: -92px -62px;} .listFunctionBar .imgBtnSNS li.m01_un {background-position: -8px -31px;} .listFunctionBar .imgBtnSNS li.m02_un {background-position: -29px -31px;} .listFunctionBar .imgBtnSNS li.m03_un {background-position: -50px -31px} .listFunctionBar .imgBtnSNS li.m04_un {background-position: -71px -31px;} .listFunctionBar .imgBtnSNS li.m05_un {background-position: -92px -31px;} .listFunctionBar .imgBtnSNS li.functionDiv {width:5px;} /* 검색바 서브메뉴 --------------------------------------------------------------------------*/ .listFunctionBar .subMenu {display:none;width:170px; left:auto; z-index:200; position:absolute;top:24px;padding-top:7px;padding-right:3px; padding-bottom:3px; background:url(../../img/kr/common/bar/popup_back.png) left top;} .listFunctionBar ul.type2 .subMenu {left:55px;} .listFunctionBar .subMenu ul.sub_menu {margin:0;background-color:#fff; padding:7px 13px 6px 3px !important; border:1px solid #adadad;} .listFunctionBar .subMenu li {background:none; margin-bottom:-13px; } /* 내보내기 팝업 간격 줄이기 margin-bottom:-9px; : 2013-03-25(leelack) */ .listFunctionBar .subMenu li a {font-weight:normal; text-indent:0px !important; font-size:11px; color:#5b5b5b; background: url(../../img/kr/common/bar/functionSubDot.gif) left no-repeat !important; text-decoration:none; font-family:Dotum,돋움 !important; padding:0px 0px 0px 22px !important; line-height:21px !important; height:19px !important;} .listFunctionBar .subMenu li a:hover {color:#c14d4b; background:url(../../img/kr/common/bar/functionSubDotSel.gif) left no-repeat !important;padding:0 0 0 22px !important;} .listFunctionBar .subMenu span.boxTop {position:absolute;top:0px;left:17px;display:block;width:15px;height:8px;background:url(../../img/kr/common/bar/functionSubBox_arr.gif) left no-repeat;} .listFunctionBar .subMenu.left {left:262px;} .listFunctionBar .subMenu.left a{width:135px !important;} /** 검색결과 리스트 공통 부분 **/ .subSearchResultList .listWarp { border-bottom:1px solid #cacaca; padding:12px 0; } .subSearchResultList .listWarp ul{*zoom:1; } .subSearchResultList .listWarp ul:after{content:""; display:block; clear:both;} .subSearchResultList .listBg{background-color:#fafafa;} /* 식별자료 탭 추가 : 2013-07-18(leelack) */ .subSearchResultList .tabWarp { margin-top:10px; *zoom:1; } .subSearchResultList .tabWarp:after{content:""; display:block; clear:both;} .subSearchResultList .tabWarp .tab{ float:left; color:#888; border:1px solid #cccccc; border-bottom:0 none; font-weight:bold; padding:6px 30px; } .subSearchResultList .tabWarp .tab.on{ border-color:#c6130d; color:#c6130d; } .subSearchResultList .listWarp02 { border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; padding:10px; background-color:#fafafa; } .searchResultTextArea .listWarp-border { border-bottom:1px solid #cacaca; padding-bottom:5px;margin-bottom:5px; } /* 검색결과 이미지 보기 */ .imgViewLayer{ margin-left:5px; padding-top:2px; *zoom:1; } .imgViewLayer:after{content:""; display:block; clear:both;} .imgViewLayer li { float:left; margin:10px; background:url(none) no-repeat 0 0; padding-left:18px; } .imgViewLayer li.use-yes { background-image:url('../../img/en/browse/icon_y.gif'); } .imgViewLayer li.use-no { background-image:url('../../img/en/browse/icon_p.gif'); } .imgViewLayer li div.textLayer{width:105px; margin-top:3px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} /* ie7, ie8 핵 있습니다. */ .vCenter { display:table; width:103px; height:103px; border:1px solid #d0d0d0; border-spacing:0; } .vCenter span { display:table-cell; text-align:center; vertical-align:middle; } .vCenter span img{max-width:103px;max-height:103px;} /* 섹션영역 */ .subSearchResultList .sections{ border-bottom:1px solid #cacaca; padding:6px 0 2px 0; } .subSearchResultList .sections .one{ background:url(../../img/kr/common/dot_red.jpg) no-repeat 6px 6px; } .subSearchResultList .sections .two{ } .subSearchResultList .sections .titleWarp{ padding:0 0 0 14px;color:#a80d08;font-weight:bold; } .subSearchResultList .basic {font-weight:normal;} .subSearchResultList li{float:left; } .subSearchResultList li.checkWarp{ padding:2px 0 0 5px; margin:0; } .subSearchResultList li.checkWarp input {position:relative; top:-2px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari FIX */ .subSearchResultList li.checkWarp input {position:relative; top:-2px;} } .subSearchResultList li.iconWarp{width:15px;overflow:hidden;} /** 아이콘 영역 사이즈 지정 : 2013-03-26(leelack) **/ .subSearchResultList li.iconWarp dd{ font-size:0; } .subSearchResultList li.iconWarp dd.icon{ padding:0; vertical-align:top; margin-top:5px; } .subSearchResultList li.imageWarp{width:92px;overflow:hidden;} .subSearchResultList li.imageWarp img{ border:1px solid #e7e7e7; margin:0 5px; width:82px;} .subSearchResultList li.contentsWarp {float:left;padding:0; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} .subSearchResultList li.contentsWarp dt{padding:0 5px 0 8px; *zoom:1; font-weight:bold; padding-bottom:5px; } .subSearchResultList li.contentsWarp dt:after{content:""; display:block; clear:both;} .subSearchResultList li.contentsWarp dd{margin-left:9px; width: 550px;} /* 숫자와 제목 합치면서 공간 조절 : 2013-04-01(leelack) //width: 550px; : 영문일때 이름과 발행기관명이 길어져서 강제로 제목과 맞춤*/ .subSearchResultList li.contentsWarp div.priceWarp{float:right; margin-left:10px;width:90px;color:#999;} .subSearchResultList li.contentsWarp dd.content01Warp img{ vertical-align:-0.07em;margin-left:2px;} /** 사람 아이콘 간격 **/ .subSearchResultList li.contentsWarp dt .titleWarp a:hover{ text-decoration:none; } .subSearchResultList li.contentsWarp dd.content01Warp a:hover{ color:red; } .subSearchResultList dd.contentsBtnWarp{*zoom:1; margin:5px 0;} .subSearchResultList dd.contentsBtnWarp:after{content:""; display:block; clear:both;} .subSearchResultList dd.contentsBtnWarp li {float:left; } .subSearchResultList dd.contentsBtnWarp li.barNbsp{ background:url('../../img/kr/sub/view_body_line.gif') no-repeat 0 0; width:1px;margin:0 10px;} .subSearchResultList dd.contentsBtnWarp li img{ vertical-align:middle; margin-right:5px;} .subSearchResultList dd.contentsBtnWarp li a:hover{ color:#b52926;text-decoration:none;cursor:pointer;} .itemLayerPrice li.contentsWarp {float:left;padding:0; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} .itemLayerPrice li.contentsWarp dl.imageWarp{*zoom:1;} .itemLayerPrice li.contentsWarp dl.imageWarp:after{content:""; display:block; clear:both;} .itemLayerPrice li.contentsWarp dl.imageWarp dt {float:left; width:555px;} .itemLayerPrice li.contentsWarp dl.imageWarp dd {float:left;} .itemLayerPrice li.contentsWarp dl.imageWarp dd p.priceWarp{color:#999;font-weight:bold; margin-top:5px; } .itemLayerPrice li.contentsWarp .img-plus{ width:393px; text-align:center; margin:5px 0; } .itemLayerPrice li.contentsWarp div.item-list { padding:0; width:395px; border: 2px solid #EEEEEE; } .itemLayerPrice li.contentsWarp div.item-list div.list{ width:391px; border: 2px solid #E4DDCD; padding-top:2px; } p.dot-white { margin:4px; background:url('../../img/kr/common/white_dot.gif') no-repeat 0 4px; padding-left:10px; } li.contentsWarp p.textWarp { padding:10px 0 0 0; color:#407fc0; } /* 내용 버튼 부분 :2013.03.06 (leelack) */ .subSearchResultList .contentsBtnWarp {margin:5px 0; } .subSearchResultList .contentsBtnWarp li {height:15px; } .subSearchResultList .contentsBtnWarp li a:hover { text-decoration:underline; } .subSearchResultList .contentsBtnWarp li.btn00 span{height:13px; background:url('../../img/kr/browse/icon_notavailable.gif') no-repeat 0 -1px;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn01 a{height:13px; background:url('../../img/kr/browse/icon_save_on.gif') no-repeat 0 -1px;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn01 a:hover {height:13px; background:url('../../img/kr/browse/icon_save_on.gif') no-repeat 0 -1px;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn002 a{height:13px; background:url('../../img/kr/browse/icon_view_on.gif') no-repeat 0 0;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn002 a:hover {height:13px; background:url('../../img/kr/browse/icon_view_on.gif') no-repeat 0 0;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn03 a{height:13px; background:url('../../img/kr/browse/icon_cart_off.gif') no-repeat 0 -1px;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn03 a:hover {height:13px; background:url('../../img/kr/browse/icon_cart_on.gif') no-repeat 0 -1px;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn04 a{height:13px; background:url('../../img/kr/browse/icon_quick_off.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btn04 a:hover {height:13px; background:url('../../img/kr/browse/icon_quick_on.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btn05 a{height:13px; background:url('../../img/kr/browse/icon_open_off.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btn05 a:hover {height:13px; background:url('../../img/kr/browse/icon_open_on.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btn05Close a{height:13px; background:url('../../img/kr/browse/icon_close_off.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btn05Close a:hover {height:13px; background:url('../../img/kr/browse/icon_close_on.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btn06 a{height:13px; background:url('../../img/kr/browse/icon_movie_off.gif') no-repeat 0 0;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn06 a:hover {height:13px; background:url('../../img/kr/browse/icon_movie_on.gif') no-repeat 0 0;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn07 a{height:13px; background:url('../../img/kr/browse/tag_23.jpg') no-repeat 0 0;padding-left:18px;} .subSearchResultList .contentsBtnWarp li.btn07 a:hover {height:13px; background:url('../../img/kr/browse/tag_23.jpg') no-repeat 0 0;padding-left:18px;} /* 등록신청 임시 2013-05-29 mers4u */ .subSearchResultList .contentsBtnWarp li.btn10 a{height:13px; background:url(../../img/kr/common/icon_registerauthor_off.gif) no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btn10 a:hover {height:13px; background:url(../../img/kr/common/icon_registerauthor_on.gif) no-repeat 0 0;padding-left:15px;} /**/ .subSearchResultList .hiddenContentsWarp {padding:5px 0; line-height:1.3em;} .subSearchResultList .hiddenContentsWarp .view02{border:1px solid #dedede;padding:5px;} .subSearchResultList .textContentsWarp {padding:5px 0 0 71px; line-height:1.3em; *zoom:1; } .subSearchResultList .textContentsWarp:after{content:""; display:block; clear:both;} .subSearchResultList .textContentsWarp dt{ float:left; } /* 초록보기 margin-left 추가 : 2013-04-15(leelack) */ .subSearchResultList .textContentsWarp dd{ float:left; margin-left:10px; width:85%; margin-top:-3px;} /* 초록보기 width:85%; 88에서 변경, margin-top:-3px; 추가 : 2013-04-15(leelack) */ .subSearchResultList .listStep01Warp { color:#a80d08;font-weight:bold; border-bottom:1px solid #cacaca; padding:5px 0 5px 20px; background:url('../../img/kr/common/dot_red.jpg') no-repeat 10px 45%;} .subSearchResultList .listStep02Warp { color:#a80d08;font-weight:bold; border-bottom:1px solid #cacaca; padding:5px 0 5px 17px;} .subSearchResultList .noIcon li.iconWarp{display:none;} .subSearchResultList .noIcon .textContentsWarp {padding-left:55px;} .subSearchResultList .contentsBtnWarp2 li {height:30px; margin: 5px 0px 5px 0px; line-height:30px;} /* 오늘본 검색어 */ .today-search-word { margin-top:5px;border:1px solid #e5e5e5;border-bottom:2px solid #e5e5e5; padding:10px 20px; } .today-search-word p { line-height:22px; border-bottom:1px solid #e5e5e5; padding-bottom:4px; padding-top:4px; margin-bottom:4px; } .today-search-word ul{ border-bottom:1px solid #e5e5e5; *zoom:1; margin-bottom:10px; padding-bottom:3px; } .today-search-word ul:after{content:""; display:block; clear:both;} .today-search-word ul li{ float:left; } .today-search-word ul li.text{ width:598px; line-height:21px; padding:5px 0 0 10px; } .today-search-word ul li.btn img{ margin:4px 0; } /** 검색결과 작업 끝 : 2013-03-05 (leelack) **/ /** IssueList 중간 내용 시작 ===============================================================================================**/ .search-info-bar { border-bottom:1px solid #cacaca; margin-bottom:10px; padding-bottom:5px; } .search-info { margin:10px 0 10px 0; } .search-info dl{*zoom:1; } .search-info dl:after{content:""; display:block; clear:both;} .search-info dt {float:left;width:165px; text-align:center; } .search-info dt img { border:1px solid #e7e7e7; } .search-info dd {text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;} .search-info dd p { line-height:22px; } .search-info dd p img { vertical-align:middle; } .search-info dd p.bar { margin-left:10px; } .search-info dd p.dc_txt{color:#a80d08;font-weight:bold;margin-top:11px;} /* 2013-07-22 코더부분 css 추가 haknight */ .search-info dt.search-img-btn{ position:relative; } /** 확대버튼 추가 : 2013-08-18 (leelack) **/ .search-info dt.search-img-btn div.btn-area{ position:absolute; left:92px; bottom:1px; } .search-info dt.search-img-btn div.btn-area img{ border:0 none; } .search-info dd span a img { vertical-align:-4px; } .search-info-txt { padding:6px 0 11px;} /* padding-top:11px에서 6px로 줄임 : 2013-07-18(leelack) */ .search-info-txt p{ margin:5px 18px 2px 18px; } .search-info-txt div.info-txt-short{ margin:0 28px 10px 28px; line-height:18px; } .search-info-txt div.info-txt-long{ margin:0 28px 10px 28px; line-height:18px; display:none; } .search-info-txt div.info-btn{ border-top:1px solid #cacaca; text-align:right; margin-bottom:5px; } .search-info-txt div.info-btn img{ margin-top:-1px;} .search-info-txt div.nbsp{ height:17px; } /* 코더부분 추가삽입 끝*/ /* IssueList 중간 내용 끝 */ /** 상세보기 중간 내용 시작 ===============================================================================================**/ .bookWarp {*zoom:1;border-bottom:1px solid #cacaca;padding-bottom:18px; margin-top:18px;} .bookWarp:after{content:""; display:block; clear:both;} .bookWarp .bookImgWarp {float:left; position:relative; width:192px;text-align:center;} .bookWarp .bookImgWarp img{border:4px solid #e7e7e7; width:142px;} .bookWarp .bookImgWarp .mQuickView {position:absolute;left:20px;bottom:5px;background:url('../../img/kr/browse/btn_quick_view.png') no-repeat 0 0; width:152px; height:41px;cursor:pointer;text-indent:-9999px;font-size:0;overflow:hidden;} .bookWarp .bookTextWarp {float:left;} .bookWarp .bookTextWarp ul.sub_board01_center_cont{float:left;width:340px;border-bottom:0px solid #cacaca;padding:0;} .bookWarp .bookTextWarp ul.sub_board01_center_cont li{width:330px; padding-left:15px;background-position:5px 8px; line-height:20px;} .bookWarp .bookTextWarp ul.sub_board01_center_cont li.imgBtnWarp {background-image:none;} .bookWarp .bookTextWarp ul.sub_board01_center_cont li img {vertical-align:middle;} li.imgBtnWarp{*zoom:1;background-image:none; margin-top:16px;} li.imgBtnWarp:after{content:""; display:block; clear:both;} li.imgBtnWarp a{cursor:pointer;display:block;text-indent:-9999px;font-size:0;overflow:hidden; height:19px;} li.imgBtnWarp p{float:left;} li.imgBtnWarp p.price{ padding-right:23px;} li.imgBtnWarp p.m1 a{width:85px;background:url('../../img/en/browse/btn_buy_off.gif') no-repeat 0 0;} li.imgBtnWarp p.m1 a:hover{background-image:url('../../img/en/browse/btn_buy_on.gif');} li.imgBtnWarp p.m2 a{width:101px;background:url('../../img/en/browse/btn_buy_pass_off.gif') no-repeat 0 0;} li.imgBtnWarp p.m2 a:hover{background-image:url('../../img/en/browse/btn_buy_pass_on.gif');} li.imgBtnWarp p.m3 a{width:86px;background:url('../../img/en/browse/btn_original_save_off.gif') no-repeat 0 0;} li.imgBtnWarp p.m3 a:hover{background-image:url('../../img/en/browse/btn_original_save_on.gif');} li.imgBtnWarp p.m4 a{width:86px;background:url('../../img/en/browse/btn_original_view_off.gif') no-repeat 0 0;} li.imgBtnWarp p.m4 a:hover{background-image:url('../../img/en/browse/btn_original_view_on.gif');} .bookWarp .m5{cursor:pointer;} .bookWarp .m5 img{ vertical-align:middle; } /** 상세보기 중간 내용 끝 ==================================================================================================**/ .book-contents-warp {padding:20px 0 0 10px; text-overflow:clip; overflow:hidden;} .book-contents-warp dt{ background:url('../../img/kr/browse/red_subtitle.jpg' ) no-repeat 0 0; padding-left:21px; margin-bottom:18px; font-weight:bold; color: #000; font-size: 14px; line-height:14px;} .book-contents-warp dd{ padding-left:21px; margin-bottom:40px; line-height:18px;word-break:keep-all; word-wrap:break-word;} .book-contents-warp dd p{ color:#505050; margin-bottom:6px; } .book-contents-warp dd ul{margin:9px 0 29px 1px;} .book-contents-warp dd li{margin:5px 0;} .book-contents-warp dd li.dot-red a{ vertical-align:middle; margin-left:30px;} .book-contents-warp dd li img{ vertical-align:middle; } .book-contents-warp dd ul.bar-top {border-top:1px solid #ccc; margin-top:-10px;} .img-btn-warp{*zoom:1; margin:16px 0 0 10px;} .img-btn-warp:after{content:""; display:block; clear:both;} .img-btn-warp p {float:left; padding-right:5px;} .img-btn-warp a{float:left; padding-right:5px; cursor:pointer;display:block;text-indent:-9999px;font-size:0;overflow:hidden; height:19px;} .img-btn-warp a.m1 {width:85px;background:url('../../img/en/browse/btn_buy_off.gif') no-repeat 0 0;} .img-btn-warp a.m1:hover{background-image:url('../../img/en/browse/btn_buy_on.gif');} .img-btn-warp a.m2 {width:101px;background:url('../../img/en/browse/btn_buy_pass_off.gif') no-repeat 0 0;} .img-btn-warp a.m2:hover {background-image:url('../../img/en/browse/btn_buy_pass_on.gif');} .img-btn-warp a.m3 {width:86px;background:url('../../img/en/browse/btn_original_save_off.gif') no-repeat 0 0;} .img-btn-warp a.m3:hover{background-image:url('../../img/en/browse/btn_original_save_on.gif');} .img-btn-warp a.m4 {width:86px;background:url('../../img/en/browse/btn_original_view_off.gif') no-repeat 0 0;} .img-btn-warp a.m4:hover{background-image:url('../../img/en/browse/btn_original_view_on.gif');} .img-btn-warp a.m5 {width:86px;background:url('../../img/kr/browse/btn_preview_off.gif') no-repeat 0 0;} .img-btn-warp a.m5:hover{background-image:url('../../img/kr/browse/btn_preview_on.gif');} .img-btn-warp p.dc_txt{color:#a80d08;font-weight:bold;margin-top:11px;} /* 퀵뷰 */ .show-pdf{ width:795px; background-color:#d4d4d4; display:block; } .show-pdf .scroller{width:100%;height:760px;overflow-y:scroll; padding-left:2px; padding-top:2px;} .show-pdf .page-warp {width:740px; margin:0 auto;} .show-pdf .page-warp .page-number{ color: #666666; font-size: 11px; text-shadow: 0 1px 1px white; margin-top:20px; height:21px; line-height:21px;text-align:center; } .show-pdf .pdf-page img{border:1px solid #a8a8a8;} .show-pdf .pdf-page p{border:1px solid #a8a8a8; background-color:#fff; padding:10px;} /* 퀵뷰 추가 타이틀 : 2013-09-01(leelack) */ .show-pdf h4 { padding:5px 5px 5px 21px;height:22px; line-height:22px; background-color:#bfbfbf; color:#6c6c6c; font-size:13px;font-weight: normal; position:relative; } .show-pdf h4 img{ position:absolute; right:28px; top:5px;} /** 기본 텍스트 형식 시작 =====================================================================================================**/ .contents-warp h3 { font-size:1.2em;color:#c6130d; margin-bottom:20px; } .contents-warp h3.red { color:#ff0000; } .contents-warp h4{font-size:13px; padding-left:10px; background:url('../../img/kr/common/dot_red.jpg') no-repeat 1px 7px;} .contents-warp h5{font-size:12px; margin:0; padding-left:10px; background:url('../../img/kr/common/dot_red.jpg') no-repeat 1px 7px;} .contents-warp-nomal h4{background-image:url('');} .contents-warp-nomal div.contents_layer dt.num_depth1{ color:#6c6c6c; } .contents-warp .title-text {margin-left:9px;} /* 게시판 타이틀, 회원가입 */ .contents-warp .title-text h4{margin-bottom:5px; font-size:12px;} .contents-warp .title-text p{margin-bottom:5px; font-size:12px; margin-left:9px;} /* 상단 텍스트 문구때문에 추가 2030625 하상현*/ .contents-warp .title-text p.caption{ margin:3px 0 0 10px;line-height:1.4em; } .contents-warp .title_caption{margin-left:10px; margin-bottom:20px; } .contents-warp .title_caption p{margin-bottom:9px;} .contents-warp div.contents_layer{ margin-bottom:13px; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .contents-warp div.contents_layer .no-dot{ background-image:url(''); } .contents-warp div.contents_layer div.caption{margin:4px 0 4px 10px; } /** 장식이 없는 문구 **/ .contents-warp div.contents_layer div.caption p{margin-bottom:9px;} /** 장식이 없는 문구 **/ .contents-warp div.contents_layer div.caption textarea.search-input{ border: 1px solid #dcdcdc; height:100px; width:710px; text-align:left; } /** 불리언검색 검색어입력 폼 **/ /* 2013-08-31 haknight 코더입력폼 추가*/ .contents-warp div.contents_layer div.caption02{margin:4px 0 0 10px; } /** 장식이 없는 문구 **/ .contents-warp div.contents_layer dt, .contents-warp div.contents_layer dd{margin-left:10px;} .contents-warp div.contents_layer dl{margin-top:4px;} .contents-warp div.contents_layer ul.q_box{*zoom:1;float:left;width:720px;margin:4px 0 12px 10px;} .contents-warp div.contents_layer ul.q_box li{float:left;} .contents-warp div.contents_layer ul.q_box li span{text-align:right;margin-right:4px;padding-top:2px;} .contents-warp div.contents_layer ul.q_box li.large{width:294px;} .contents-warp div.contents_layer ul.q_box li.large span{float:left;width:99px;} .contents-warp div.contents_layer ul.q_box li.medium{width:144px;} .contents-warp div.contents_layer ul.q_box li.medium span{float:left;width:60px;} .contents-warp div.contents_layer ul.q_box li.small{width:110px;} .contents-warp div.contents_layer ul.q_box li.small span{float:left;width:44px;} .contents-warp div.contents_layer a{color:#407fc0; cursor:pointer;} .contents-warp div.contents_layer a:hover{text-decoration:underline;} .contents-warp div.contents_layer a.black{color:#666; cursor:pointer;} .contents-warp div.contents_layer a.black:hover{color:#000; text-decoration:normal;} .contents-warp div.contents_layer dd.black_dot{ padding-left:11px; line-height:1.5em; background:url('../../img/kr/common/dot_black.gif') no-repeat 1px 7px; } .contents-warp div.contents_layer dd.img_area{padding-left:1px; margin-bottom:12px;padding-top:11px;} .contents-warp div.contents_layer dd.img_area img{border:1px solid #e2e2e2; } .contents-warp div.contents_layer dd.img_blank img{margin-top:12px;} /* 숫자 위에 바로 이미지가 올 경우 공백 요청 */ .contents-warp div.contents_layer dd.first{padding-top:3px;} /* 제목설명 다음에 이미지가 바로 오면 공백이 안 맞음. 처음엔 이것두 같이 넣어줘야함. */ .contents-warp div.contents_layer dd.first02{padding-top:10px;} .contents-warp div.contents_layer dd.line_bar{padding-left:24px; line-height:1.5em; background:url('../../img/kr/common/line_bar.gif') no-repeat 15px 8px;} /* - 바 스타일*/ .contents-warp div.contents_layer .kor_depth1 { font-weight:bold; } .contents-warp div.contents_layer dt.num_depth1{margin-top:4px;color:#a80d08; padding:11px 0 7px 0;} /* 빨간 1. 넘버 스타일*/ .contents-warp div.contents_layer dd.num_depth1_caption{padding-left:14px; line-height:1.5em;} /* 빨간 1. 넘버 스타일 밑에 설명*/ .contents-warp div.contents_layer dd.num_depth2{padding-left:14px; line-height:1.5em;} /* 작은 ② 넘버 스타일*/ .contents-warp div.contents_layer dd.num_depth2_caption{padding-left:30px; line-height:1.5em;} /* 작은 ② 넘버 스타일 밑에 설명부분*/ .contents-warp div.contents_layer dt.num_depth3{margin-top:4px; padding:11px 0 7px 0;} /* 연회색 1. 넘버 스타일*/ .contents-warp div.contents_layer dd.num_depth3_caption{padding-left:14px; line-height:1.5em;} /* 빨간 1. 넘버 스타일 밑에 설명*/ /* 넘버 스타일 추가 : 2013-04-30(leelack) */ div.contents_layer div.caption-num{margin-top:0px;margin-left:34px;} *:first-child+html div.contents_layer div.caption-num{margin-top:0px;margin-left:38px;} /* ie7 */ div.contents_layer div.caption-num li{list-style-type:decimal} div.contents_layer dt.num_depth_circle_big p{ font-weight:normal; line-height:18px;background:url(../../img/kr/common/icon_big_num_01.gif) no-repeat 0 3px; margin:0; padding-left:16px;} /* 큰 1. 스타일*/ div.contents_layer dt.num_depth_circle_big p.num01{ background-image:url(../../img/kr/common/icon_big_num_01.gif);} div.contents_layer dt.num_depth_circle_big p.num02{ background-image:url(../../img/kr/common/icon_big_num_02.gif);} div.contents_layer dt.num_depth_circle_big p.num03{ background-image:url(../../img/kr/common/icon_big_num_03.gif);} div.contents_layer ol.space li, div.contents_layer dd.space p { margin:8px 0 0 0; } .contents-warp div.contents_layer dd.num_depth_circle {padding-left:15px; } /* 좌측 메뉴 있을때 사용*/ div.contents_layer dd.num_depth_circle p{ line-height:18px;background:url(../../img/kr/common/icon_num_01.gif) no-repeat 0 3px; margin:0; padding-left:16px;} /* 작은 ② 넘버 스타일*/ div.contents_layer dd.num_depth_circle p.num01{ background-image:url(../../img/kr/common/icon_num_01.gif);} div.contents_layer dd.num_depth_circle p.num02{ background-image:url(../../img/kr/common/icon_num_02.gif);} div.contents_layer dd.num_depth_circle p.num03{ background-image:url(../../img/kr/common/icon_num_03.gif);} div.contents_layer dd.num_depth_circle p.num04{ background-image:url(../../img/kr/common/icon_num_04.gif);} div.contents_layer dd.num_depth_circle p.num05{ background-image:url(../../img/kr/common/icon_num_05.gif);} div.contents_layer dd.num_depth_circle p.num06{ background-image:url(../../img/kr/common/icon_num_06.gif);} div.contents_layer dd.num_depth_circle p.num07{ background-image:url(../../img/kr/common/icon_num_07.gif);} div.contents_layer dd.num_depth_circle p.num08{ background-image:url(../../img/kr/common/icon_num_08.gif);} div.contents_layer dd.num_depth_circle p.num09{ background-image:url(../../img/kr/common/icon_num_09.gif);} div.contents_layer dd.num_depth_circle p.num10{ background-image:url(../../img/kr/common/icon_num_10.gif);} /* 넘버 스타일 추가 끝 : 2013-04-30(leelack) */ .contents-warp .ol_depth h5{margin:10px 0 10px 28px; font-size:12px; line-height:12px; } .contents-warp .ol_depth ul{margin-left:65px; } .contents-warp .ol_depth ul.block-blank{ margin-bottom:8px; } .contents-warp .ol_depth li{list-style-type: disc; padding-left:2px;} .img-navi {text-align:right; margin:10px 10px 0 0;} .img-navi img{margin-left:5px;} .contents-warp div.contents_layer ul li .btn { margin-top:20px; width:100%;} .contents-warp div.contents_layer ul li .btn img{display:block; font-size:0; line-height:0; margin:0 auto;} .contents-warp div.contents_layer ul li .btn .blank{margin-bottom:8px;} .contents-warp div.contents_layer dl.layer_style_txt dt span{display:inline-block;width:130px;color:#c6130d;} .contents-warp div.contents_layer dl.layer_style_txt dd{margin-left:141px; margin-bottom:19px;} .contents-warp div.contents_layer dl.layer_style_txt dd.none{line-height:0;font-size:0;text-indent:-9999px;height:0;} .contents-warp div.contents_layer dl.layer_style_txt dd p span{color:#c6130d;} /* 알림 형식 */ .description-warp p{ color:#c6130e; background:url('../../img/kr/sub/icon_glasses.gif') no-repeat 0 0; padding-left:15px; line-height:13px; margin-bottom:6px; } .description-warp ul{ border:1px solid #6c6c6c; padding:14px; } .description-warp ul li{ color:#6c6c6c; background:url('../../img/kr/common/dot_grey02.gif') no-repeat 0 6px; padding-left:6px; } /* 회원탈퇴 안내 형식 : 2013-07-18(leelack) */ .description-warp02 p{ color:#c63b37; font-weight:bold; background:url('../../img/kr/sub/icon_glasses.gif') no-repeat 0 0; padding-left:15px; line-height:13px; margin-bottom:6px; } .description-warp02 p span{ color:#a80d08; font-weight:normal; } .description-warp02 p.caption{ color:#6c6c6c; font-weight:normal; background-image:url(''); } .description-warp02 ul{ border:1px solid #d5d5d5; padding:14px; } .description-warp02 ul li{ color:#6c6c6c; padding:5px 0;} .description-warp02 label{ display:inline-block;width:180px; } .description-warp02 label.normal{ display:inline; width:80px; } /** 기본 텍스트 형식 끝 =======================================================================================================**/ /* 좌측없을때 높이, 넓이 조절 */ .sub-contents-one .contents-warp div.contents_layer h4.two_num{margin-left:-8px;} .sub-contents-one .contents-warp div.contents_layer{ margin-bottom:15px; } .sub-contents-one .contents-warp div.contents_layer div.caption{ margin-left:28px; } .sub-contents-one .contents-warp div.contents_layer .layer_style{margin-left:18px;} .sub-contents-one .contents-warp div.contents_layer dl{ margin-left:18px; } .sub-contents-one .contents-warp div.contents_layer dt{ font-weight:bold; margin-top:8px; } .sub-contents-one .contents-warp div.contents_layer dd{ margin-left:23px; margin-top:8px; } .sub-contents-one .contents-warp div.contents_layer dd{margin-left:33px;} .sub-contents-one .contents-warp div.contents_layer dd.num_depth2{padding-left:0;} .sub-contents-one .contents-warp div.contents_layer dd.num_depth2 p{margin-left:16px;} .sub-contents-one .contents-warp div.contents_layer dd.num_depth2_caption{padding-left:16px;} .sub-contents-one .contents-warp div.contents_layer dd.black_dot{margin-top:0px;margin-left:-8px;} .sub-contents-one .contents-warp div.contents-layer-gray { background-color:#efefef; padding:15px;} .sub-contents-one .contents-warp div.contents_layer dd.caption{margin-top:3px; margin-left:33px;} .sub-contents-one .contents-warp div.contents_layer dd.caption-bar{margin-top:0px;margin-left:28px;} .sub-contents-one .contents-warp div.contents_layer dd.caption-bar p{margin-bottom:0px;padding-left:31px; line-height:1.5em; background:url('../../img/kr/common/line_bar.gif') no-repeat 22px 8px;} .sub-contents-one div.contents_layer dd.num_depth_circle {padding-left:0px; } /* 원사이즈 일때 사이즈 조정 */ /* 2013-08-02 haknight 코더부분 추가*/ .contents-help .contents_layer {margin-top:19px; margin-bottom:0; } /* 이용약관, 개인정보보호정책 사용 */ /* 회원가입 레이아웃 */ div.contents_layer ul.member{*zoom:1; width:910px; } div.contents_layer ul.member:after{content:""; display:block; clear:both;} div.contents_layer ul.member li{width:385px;float:left;background-color:#fbfbfb; border-top:1px solid #c6130e; border-bottom:1px solid #9b9391;padding:14px 20px 20px 20px;} div.contents_layer ul.member a.blue{font-size:12px; font-weight:normal; padding-left:108px;} div.contents_layer ul.member h3{font-size:1.2em;color:#c6130d; margin-bottom:19px;} div.contents_layer ul.member-result { width:950px; margin-left:-10px;} div.contents_layer ul.member-result li { margin:0px auto; width:460px; background-color:#fbfbfb; border-top:1px solid #c6130e; border-bottom:1px solid #9b9391;padding:14px 20px 20px 20px; } /** 사이트 맵 추가 : 2013-04-01(leelack) **/ .sitemap{ margin:24px 0 40px 10px; padding-top:19px; padding-left:12px;} .sitemap ul{*zoom:1; } .sitemap ul:after{content:""; display:block; clear:both;} .sitemap li a{color:#6c6c6c; cursor:pointer; line-height:12px;} .sitemap li a:hover{color:#000;} .sitemap li{ float:left; width:176px; } .sitemap li.sitemap01 { height:172px; } .sitemap li.sitemap02 { height:172px; } .sitemap li.sitemap03 { height:172px; } .sitemap li.sitemap04 { height:172px; } .sitemap li.sitemap07 { height:216px; } .sitemap li dt{ margin-bottom:15px;border-bottom:1px solid #e4e4e4; padding-bottom:9px; font-size:0;text-indent:-9999px; height:13px; background:url(none) no-repeat 0 0; } .sitemap li.sitemap01 dt{ background-image:url('../../img/kr/helpdesk/sitemap_01.jpg'); } .sitemap li.sitemap02 dt{ background-image:url('../../img/kr/helpdesk/sitemap_02.jpg'); } .sitemap li.sitemap03 dt{ background-image:url('../../img/kr/helpdesk/sitemap_03.jpg'); } .sitemap li.sitemap04 dt{ background-image:url('../../img/kr/helpdesk/sitemap_04.jpg'); } .sitemap li.sitemap05 dt{ background-image:url('../../img/kr/helpdesk/sitemap_05.jpg'); } .sitemap li.sitemap06 dt{ background-image:url('../../img/kr/helpdesk/sitemap_06.jpg'); } .sitemap li.sitemap07 dt{ background-image:url('../../img/kr/helpdesk/sitemap_07.jpg'); } .sitemap li.sitemap08 dt{ background-image:url('../../img/kr/helpdesk/sitemap_08.jpg'); } .sitemap li.sitemap09 dt{ background-image:url('../../img/kr/helpdesk/sitemap_09.jpg'); } .sitemap li.sitemap10 dt{ background-image:url('../../img/kr/helpdesk/sitemap_10.jpg'); } .sitemap li dd{ margin-left:0;background:url('../../img/kr/helpdesk/sitemap_arrow.jpg') no-repeat 0 2px; padding:0 0 10px 13px; line-height:12px; } .sitemap li dd.sitemap-dot{ margin-left:12px;background:url('../../img/kr/common/dot_grey.gif') no-repeat 0 5px; padding-left:6px; } /* 이용권안내 */ /* 2013-08-01 haknight 코더 수정부분 추가 */ .helpdesk-contents-01 ul{ *zoom:1; margin:10px; } .helpdesk-contents-01 ul:after{content:""; display:block; clear:both;} .helpdesk-contents-01 ul li{ float:left; } .helpdesk-contents-01 ul li.txt-left{ margin:5px 5px 5px 15px; width:140px; } .helpdesk-contents-01 ul li.txt-right{ margin:5px; width:150px; } /** 이용약관 내용 숨기기 **/ #agreement_5, #agreement_4, #agreement_3, #agreement_2, #agreement_1 { display:none; } /** 고객센터 index **/ .help-info .info-title{ font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #999999; padding-bottom:6px; } .help-info img{ vertical-align:middle; } .help-info ul.notice-warp{*zoom:1;} .help-info ul.notice-warp:after{content:""; display:block; clear:both;} .help-info ul.notice-warp li{ float:left; } .help-info ul.notice-warp li.notice{ width:463px; margin-right:23px; border-bottom:1px solid #ccc; margin-top:22px; padding-bottom:8px;} .help-info ul.notice-warp li.notice dt {margin-bottom:7px; } .help-info ul.notice-warp li.notice dt img{ display:inline-block; margin-left:347px;margin-bottom:-4px; } .help-info ul.notice-warp li.notice dd{*zoom:1; word-wrap:break-word; } .help-info ul.notice-warp li.notice dd{content:""; display:block; clear:both;} .help-info ul.notice-warp li.notice dd p{float:left; margin:1px 5px; line-height: 1.5em; } .help-info ul.notice-warp li.notice dd p.title{ width:355px; } .help-info ul.notice-warp li.notice dd p.date{ font-size:11px; color:#8b7e64; } .help-info ul.notice-warp li.info-text{background:url('../../img/kr/helpdesk/cust_imgr.jpg') no-repeat 0 0; width:223px; padding:58px 0 7px 25px; } .help-info ul.notice-warp li.info-text p{ line-height:20px; } .faq-search {border:1px solid #c6130e; background:#fbfbfb url('../../img/kr/helpdesk/faq_search01.jpg') no-repeat 20px 15px; padding:22px; } .faq-search input[type=text]{ width:450px; margin-left:151px; } .faq-best { border-bottom:1px solid #9b9391; } .faq-best ul { padding:10px 0; } .faq-best li{ margin:10px; } .faq-best li img{ margin-right:9px; } /** 파일찾기 소스 **/ /* 예)
*/ .file-upload span { position:absolute;overflow:hidden;margin-left:4px;width:59px;height:22px;background-image:url('../../img/en/common/fileSearch.jpg'); } .file-upload input[type=file] { width: 59px; height: 22px; opacity: 0; cursor: pointer; } /* 회원가입 약관동의 */ .sub-contents-one .box-layer { padding:10px; border:1px solid #dcdcdc; overflow-x:hidden; overflow-y:auto; height:150px; line-height:18px; } /** 게시판 공통 형식 ========================================================================================================================**/ /* 게시판 선택영역 시작 */ .contents-warp div.select-area{margin:22px 0 5px 10px;} .contents-warp div.select-area dl{*zoom:1;} .contents-warp div.select-area dl:after{content:""; display:block; clear:both;} .contents-warp div.select-area dt{ float:left; margin-left:0; } .contents-warp div.select-area dt.caption{ margin-left:10px; } .contents-warp div.select-area dt select{ margin-left:10px; } .contents-warp div.select-area dt.btn-warp {margin-top:-4px;margin-left:10px;} .contents-warp div.select-area dt.btn-warp img {cursor:pointer;} .contents-warp div.select-area dd{ float:right; margin-right:5px; } .contents-warp div.select-area img{ vertical-align:middle; } .contents-warp div.select-area dd select{ width:70px; } .contents-warp div.select-area dd p{ padding:5px 0 0 0;color:#a80d08;font-size:8.7pt; text-decoration:underline;cursor:pointer;} .contents-warp div.select-area dd input[type=text]{ width:100px; } .contents-warp div.select-area dd.btn-warp {margin-top:-10px; font-size:0;} .contents-warp div.select-area dd.btn-warp img{ vertical-align:text-bottom; margin-left:4px; } .contents-warp div.select-area dd.btn-warp02 {margin-top:-10px; font-size:0;} .contents-warp div.select-area dd.btn-warp02 img{ vertical-align:text-bottom; margin-left:4px; } /* 게시판 선택영역 끝 */ /* 탭 유형 시작 */ .tab-area { margin:5px 0; } .tab-area ul.tab{ *zoom:1; background-color:#ebebeb; } .sub-contents .tab-area ul.tab{ padding-left:100px; } .tab-area ul.tab:after{ content:""; display:block; clear:both; } .tab-area ul.tab li{ float:left; margin:8px 3px; } .tab-area ul.tab-text li{ border:1px solid #dcdcdc; padding:15px; height:70px; max-height:70px; overflow-y:auto; } .tab-area ul.tab02{ *zoom:1; } .tab-area ul.tab02:after{ content:""; display:block; clear:both; } .tab-area ul.tab02 li{ float:left; } /* 탭 유형 끝 */ .form-layout {border-top:1px solid #c6130e; width:100%;} .form-layout .btn-warp{ margin:10px 5px; font-size:0; } .form-layout .btn-warp ul{ *zoom:1; } .form-layout .btn-warp ul:after{content:""; display:block; clear:both;} .form-layout .btn-warp li.left{ float:left; } .form-layout .btn-warp li.right{ float:right; } .form-layout dl{*zoom:1;} .form-layout dl:after{content:""; display:block; clear:both;} .form-layout dt, .form-layout dd{ padding:7px 0 0 0; margin:auto; line-height:20px;} .form-layout dt{background-color:#f8f8f8;} .form-layout dd img{ vertical-align:middle; } /* 리스트 시작 */ .form-layout .list-style dt, .form-layout .list-style dd{*zoom:1; border-bottom:1px solid #e9e9e9; } .form-layout .list-style dt:after, .form-layout .list-style dd:after{content:""; display:block; clear:both;} .form-layout .list-style dt.border-none, .form-layout .list-style dd.border-none{border-bottom:0 none; padding:0; } .form-layout .list-style dd.no-data{ text-align:center; color:#888; padding:8px 0 8px 0; } /*2013-07-24 haknight 게시판 검색결과 없는 부분 추가*/ .form-layout .list-style a:hover{text-decoration:none; } .form-layout .list-style .a-blue-under a:hover{ text-decoration:underline; } .form-layout .list-style p{ float:left; padding:3px 0 8px 0; text-align:center; color:#888; } .form-layout .list-style dt p{ font-weight:bold; } .form-layout .list-style p.text-left { text-align:left; } .form-layout .list-style p.color-red01 { color:#c6130e; font-weight:bold; } .form-layout .list-style {width:100%; min-width:739px; } .form-layout .list-style .title { overflow:hidden; word-break:break-all;word-wrap:break-word; } .form-layout .list-style dd p.title, .form-layout .list-style dd p.title02, .form-layout .list-style dd p.title03, .form-layout .list-style dd p.title05, .form-layout .list-style dd p.title06, .form-layout .list-style dd p.title_big{ text-align:left; } /* 2013-08-01 haknight 리스트 내용없을때 간격 수정 */ .form-layout .list-style dd p.msg{ width:100%; margin:2px auto; text-align:center; } .listWarp p.msg{ width:100%; margin:-2px auto; text-align:center; } /* 리스트 넓이 모음 */ .form-layout .list-style .num { width:50px; } .form-layout .list-style .kind { width:90px; } .form-layout .list-style .kind2 { width:110px; } .form-layout .list-style .title { width:370px;} .form-layout .list-style .title02 { width:420px;} .form-layout .list-style .title03 { width:390px;} .form-layout .list-style .title04 { width:640px;} .form-layout .list-style .title05 { width:350px;} .form-layout .list-style .title06 { width:460px;} .form-layout .list-style .writer { width:90px; } .form-layout .list-style .date { width:70px; } .form-layout .list-style .date02 { width:80px; } .form-layout .list-style .date03 { width:90px; } .form-layout .list-style .reply-check { width:70px; } .form-layout .list-style .name { width:150px; } .form-layout .list-style .title_big { width:460px;} /* 20130702 haknight 게시판 넓이 추가*/ .form-layout .list-style .item-btn02{ width:40px; text-align:center;} /* 리스트 끝 */ /* 입력폼 시작 */ .form-layout dl.write-style { border-bottom:1px solid #e9e9e9; } .form-layout dl.write-style_top { border-top:1px solid #e9e9e9; } .form-layout dl.red-style_top { border-top: 1px solid #c6130e; } .form-layout dl.write-style dt{float:left;width:100px; height:100%; padding:9px 10px 10px 10px;} .form-layout dl.write-style dd{float:left;width:600px; padding-top:9px; padding:8px 10px 10px 10px; } .form-layout dl.write-style dd input[type=text] {width:128px; } .form-layout dl.write-style dd p{margin:10px 0; } .form-layout dl.write-style dd span {line-height:18px; color:#9c9c9c;} .form-layout dl.write-style dd input.width-full { width:95.7%; } .form-layout dl.write-style dd input.width50 { width:50px; } .form-layout dl.write-style dd input.width150 { width:150px; } .form-layout dl.write-style .descript-warp { position: relative; } .form-layout dl.write-style .descript{ color: #77848A; font-size: 8.7pt; letter-spacing: -0.1em; position: absolute; right: 18px; } /* 입력폼 높이 모음 */ .form-layout dl.write-style dt.height01 {height:274px;} .form-layout dl.write-style dd.height01 {height:275px;} .form-layout dl.write-style dd.height01 textarea{width:100%; height:250px; } .form-layout dl.write-style dt.height02 {height:55px;} .form-layout dl.write-style dd.height02 {height:56px;} .form-layout dl.write-style dt.height03 {height:65px;} .form-layout dl.write-style dd.height03 {height:66px;} .form-layout dl.write-style dt.height04 {height:33px;} .form-layout dl.write-style dd.height04 {height:34px;} .form-layout dl.write-style dt.height05 {height:43px;} .form-layout dl.write-style dd.height05 {height:44px;} .form-layout dl.write-style dt.height06 {height:110px;} .form-layout dl.write-style dd.height06 {height:111px;} .form-layout dl.write-style dd.height06 textarea{width:100%; height:98px; } .form-layout dl.write-style dt.height08 {height:95px;} .form-layout dl.write-style dd.height08 {height:96px;} /* 입력폼 넓이 모음 */ .form-layout dl.write-style dd.width01 {width:305px;} /* 입력폼 끝 */ /* 글보기 시작 */ .form-layout dl.view-style { border-bottom:1px solid #e9e9e9; } .form-layout dl.view-style dt{float:left;width:100px; height:100%; padding:9px 10px 10px 10px;} .form-layout dl.view-style dd{float:left;width:600px; height:100%; padding:8px 10px 10px 10px; } .form-layout dl.tr-two dd{ width:230px; } .form-layout dl.tr-two dt.tr-big{ width:130px; } .form-layout dl.tr-two dd.td-big{ width:200px; } .form-layout dl.view-contents dd { width:600px; overflow:hidden; word-break:break-all;word-wrap:break-word; padding:8px; } /* 글보기 끝 */ /** 게시판 공통 형식 끝 ======================================================================================================================**/ /** 게시판 개별 형식 ========================================================================================================================**/ /* 회원가입, 정보수정 입력 폼 */ .sub-contents .form-layout dl.member-join dt{ width:180px; } .sub-contents .form-layout dl.member-join dd{ width:520px; } .sub-contents-one .form-layout dl.member-join dt{ width:180px; } .sub-contents-one .form-layout dl.member-join dd{ width:720px; } .form-layout dl.member-join dd input[type=text] {width:128px; } .form-layout dl.member-join dt.height01 {height:65px;} .form-layout dl.member-join dd.height01 {height:66px;} .form-layout dl.member-join dd.height01 p{margin:10px 0;line-height:18px;} .form-layout dl.member-join dd input.small { width:40px; } .form-layout dl.member-join dt.height02 {height:75px;} .form-layout dl.member-join dd.height02 {height:76px;} .form-layout dl.member-join dd.height02 textarea{height:76px;} /* 상세검색 입력 폼 */ .form-layout dl.search-criteria dt{ width:160px; } .form-layout dl.search-criteria dd{ width:540px; } .form-layout dl.search-criteria dt.search-criteria-cate{ height:178px;} .form-layout dl.search-criteria dd.search-criteria-cate{ height:179px;} .form-layout dl.search-criteria dd.search-criteria-cate select{ width:190px; height:150px; } .form-layout dl.search-criteria dd.search-criteria-cate .pt05{ margin-top:12px;} .form-layout dl.search-criteria dd.search-criteria-cate .pt05 select{color:#6c6c6c;} .form-layout dl.search-criteria div{ margin-top:3px; } .form-layout dl.search-criteria label{ margin-right:29px; } .form-layout dl.search-criteria dt.search-criteria-year{ height:56px;} .form-layout dl.search-criteria dd.search-criteria-year{ height:57px;} .form-layout dl.search-criteria dd.search-criteria-year label.blank{ margin-right:53px; } .form-layout dl.search-criteria dd.search-criteria-year label.none{ margin-right:5px; } .form-layout dl.search-criteria dd.search-criteria-year select{ font-size: 1em; line-height: 1.2em; color:#666; margin-bottom:5px; } /* 제휴문의 */ .form-layout .contact-us p{ width:32.4%; } .form-layout .contact-us .td p{ text-align:left; } .form-layout .contact-us .td p.dot-black{ padding-left:10px; margin-left:10px; } .form-layout .contact-us p a{ color:#407fc0; } .form-layout .contact-us p a:hover{ text-decoration:underline; } /* DBPia 포인트 내역 */ .form-layout .mypoint-list p{ width:25%; } /* DBPia 컨텐츠 결제 */ .form-layout .cart-list p{ width:25%; color:#6c6c6c; } .pay-kind {border-top:#cacaca 2px solid; *zoom:1;} .pay-kind:after{content:""; display:block; clear:both;} .pay-kind p{ float:left; text-align:center; width:33.3%; margin:10px 0; } .pay-button { *zoom:1; text-align:center; margin-right:50px; font-weight:bold; } .pay-button:after{content:""; display:block; clear:both;} .pay-button p{ float:right; margin:15px; } /* 구매내역 상세 */ .sub-contents .form-layout dl.buy-detail dt{ width:114px; } .sub-contents .form-layout dl.buy-detail dd{ width:216px; } /* 알림서비스 리스트 */ /* 리스트 좌측 간격 조정 2103-08-01 haknight */ /* .form-layout .alrim-service .data1 { width:200px; text-align:left; margin-left:20px;} .form-layout .alrim-service .data1 { width:200px; text-align:left;} .form-layout .alrim-service .data2 { width:294px; text-align:left; } .form-layout .alrim-service .data3 { width:86px;} .form-layout .alrim-service .data4 { width:73px; margin-left:20px;} .form-layout .alrim-service .data5 { width:144px; text-align:left; } .form-layout .alrim-service .data6 { width:90px; text-align:left; } .form-layout .alrim-service .data7 { width:63px; } .form-layout .alrim-service .data8 { width:498px; text-align:left; margin-left:20px;} .form-layout .alrim-service .data9 { width:654px; text-align:left; margin-left:20px;} .form-layout .alrim-service .data8 { width:498px; text-align:left;} .form-layout .alrim-service .data9 { width:654px; text-align:left;} .form-layout .alrim-service .data9 label{ margin-right:10px; } */ /* 리스트 좌측 간격 조정 : 2013-09-01(leelack) */ .form-layout .alrim-service .data1 { width:180px; text-align:left; padding-left:20px; } .form-layout .alrim-service .data2 { width:274px; text-align:left; padding-left:20px; } .form-layout .alrim-service .data3 { width:86px;} .form-layout .alrim-service .data4 { width:73px; } .form-layout .alrim-service .data5 { width:124px; text-align:left; padding-left:20px; } .form-layout .alrim-service .data6 { width:90px; text-align:left; padding-left:20px;} .form-layout .alrim-service .data7 { width:62px; text-align:center; } .form-layout .alrim-service .data8 { width:478px; text-align:left; padding-left:20px; } .form-layout .alrim-service .data9 { width:634px; text-align:left; padding-left:20px; } .form-layout .alrim-service .data9 label{ margin-right:10px; } /* 리스트 좌측 간격 조정 끝*/ /* 구매내역 아이템 리스트 */ .form-layout .list-style .item_list { float:right; text-align:left; width:440px; color:#888; } .form-layout .list-style .item_list ul{ *zoom:1;border-bottom:1px solid #e9e9e9; margin-bottom:6px; } .form-layout .list-style .item_list ul:after{ content:""; display:block; clear:both; } .form-layout .list-style .item_list ul.last{ border-bottom:0px none; } .form-layout .list-style .item_list li { float:left; } .form-layout .list-style .item_list li.item-title{ width:390px; text-align:left; padding:0 0 6px 0; } .form-layout .list-style .item_list li.item-title02{ width:350px; text-align:left; padding:5px 0 5px 1px; } .form-layout .list-style .item_list li.item-title03{ width:390px; text-align:left; padding:2px 0 2px 1px; } .form-layout .list-style .item_list li.item-btn{ padding:4px 0 0 0; text-align:center; width:88px;} .form-layout .list-style .item_list li.item-title04{ width:346px; text-align:left; padding:5px 0 5px 1px; float: left; } .form-layout .list-style .item_list li.item-btn03 { padding: 4px 0px 0 0px; font-size:12px;color:#333; width: 86px; float: right; } .form-layout .list-style .item_list li.item-btn03 .btn_save { background: url(../../img/pdf/icon_download.png) 2px center no-repeat; } .form-layout .list-style .item_list li.item-btn03 .btn03 { display: block; float: left; margin-right: 10px;padding: 0 0px 0 20px; font-size: 12px;color: #333; } .form-layout .list-style .item_list li.item-btn04 { padding: 0px 0px 0px 0px; font-size:12px;color:#333; width: 78px; float: right; } .form-layout .list-style .item_list li.dot-black-fix{ padding-left:10px; width:380px; } /* 팝업 큰창 입력 */ .popup-warp .form-layout dl.popup-big dt{ width:100px; } .popup-warp .form-layout dl.popup-big dd{ width:420px; } .popup-warp .form-layout dl.popup-big dt.height01 {height:150px;} .popup-warp .form-layout dl.popup-big dd.height01 {height:151px;} .popup-warp .form-layout dl.popup-big dd.height01 textarea{width:100%; height:150px; } .popup-warp .form-layout dl.popup-big dd.email input[type=text]{width:100px; } .popup-warp .form-layout dl.popup-big-wide dt{ width:120px; } .popup-warp .form-layout dl.popup-big-wide dd{ width:400px; } .popup-warp .form-layout dl.popup-big-wide dt.height01 { height:39px; } .popup-warp .form-layout dl.popup-big-wide dt.height02 { height:151px; } .popup-warp .form-layout dl.popup-big-wide dd.height02 textarea{width:100%; height:150px; } /** FAQ 시작 ======================================================================================================================**/ div.faq-contents { margin-top:-5px;background-color:#fbfbfb; border-bottom:1px solid #9b9391; padding:6px 10px; } div.faq-contents p{ padding:6px 0 0 18px; line-height:18px; background:url(none) no-repeat 0 9px; } div.faq-contents p.q { background-image:url('../../img/kr/sub/icon_q.gif'); font-weight:bold; } div.faq-contents p.a { background-image:url('../../img/kr/sub/icon_a.gif'); } /** 상세검색 시작 ======================================================================================================================**/ .search-box { border:1px solid #e9e9e9; padding:18px 33px; } .search-box .search-kind { margin:0 0 5px 125px; } /*.search-box .search-kind img.blank{ margin-left:281px; }*/ .search-box .search-kind img.blank{ position:absolute;right:35px;bottom:0px; } .search-box ul li { margin:5px 0; } .search-box ul li input[type=text]{ margin:0 9px; } .search-box ul li img{ margin-left:7px; } .search-box select{ background-color: #FFFFFF; border: 1px solid #DCDCDC; color: #666666; height: 21px; margin: 0; padding: 0; vertical-align: middle; } .search-box select.type01{ width: 112px; } .search-box select.type02{ width: 77px; } .search-box input[type=text]{ width: 400px; } .search-box ul.search-set{ *zoom:1; } .search-box ul.search-set:after{content:""; display:block; clear:both;} .search-box ul.search-set li.b{ float:left; width:23%; } .search-box ul.search-set li{ float:left; width:19%; } /* 2013-07-02 haknight 상세검색 전방일치 레이어팝업*/ #li_stc1 {position: relative;} #li_stc1 .frontMatch-notice { display:none; width:226px; position: absolute; left:204px; top:0; border:1px solid #adadad; background-color:#fbfbfb; padding:0px 14px 14px 14px;font-weight:normal; *zoom:1; z-index:10000; } #li_stc1 .frontMatch-notice:after{content:""; display:block; clear:both;} #li_stc1 .frontMatch-notice p{ position: relative; font-size:12px;font-weight:bold; padding:16px 0 10px 0;} #li_stc1 .frontMatch-notice p img{ position: absolute; right:-10px; top:8px;} #li_stc1 .frontMatch-notice div{ margin:0; padding:0; } /* 전방일치 레이어팝업 끝 */ /** 누리서비스 알리미 ======================================================================================================================**/ ul.title-big-red{ *zoom:1; padding-bottom:7px; margin-bottom:7px; } ul.title-big-red:after{content:""; display:block; clear:both;} ul.title-big-red li.title { float:left; background:url('../../img/kr/common/red_subtitle.jpg') no-repeat 5px 2px; color: #000000; font-size: 14px; font-weight: 700; padding-left:26px; } ul.title-big-red li.right { float:right; } .nuri-contents { text-align:center; border-bottom:1px solid #cacaca; padding-bottom:28px; } /** 댓글 영역 ======================================================================================================================**/ .comment-warp { width:640px; margin:24px auto; } .comment-warp textarea{ width:548px; height:55px; } .comment-warp .comment-insert { border:1px solid #e8e8e8; background-color:#f3f3f3; padding:8px; margin-bottom:20px; } .comment-warp .comment-insert img{ border:1px solid #cfcfcf; } .comment-warp .comment-insert p{padding:7px 7px 15px 7px;} .comment-warp .comment-contents { border-bottom:1px solid #e6e6e6; line-height:18px; margin-top:15px; } .comment-warp .comment-contents ul{ *zoom:1; } .comment-warp .comment-contents ul:after{content:""; display:block; clear:both;} .comment-warp .comment-contents ul li.comment-data{ float:left; } .comment-warp .comment-contents ul li.comment-data span{ padding-right:20px; } .comment-warp .comment-contents ul li.comment-btn { float:right; padding-right:30px; } .comment-warp .comment-contents .comment-text{ margin:6px 0; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } /** 회원가입 시작 : 2013-04-08(leelack) **/ .popup-layer {width:490px; border:1px solid #951f34;background-color:#ffffff;} .popup-layer .boxs{position:relative;margin:20px;line-height:18px;} .popup-layer .boxs .box-contents {border-bottom:1px solid #9b9391; padding-bottom:15px; margin-bottom:15px;} .popup-layer .boxs .no-bar {border-bottom:0 none;} .popup-layer .boxs .box-contents h4{font-size:14px; margin-bottom:10px;} .popup-layer .boxs a {color:#407fc0; cursor:pointer;} .popup-layer .boxs a:hover{text-decoration:underline;} .popup-layer .boxs .box-btn{text-align:center;} .noresult{width:739px;margin:23px 0 0 0;padding-left:10px;float:left;display:inline;line-height:1.6;} .noresult p.bold{ font-weight:bold; background:url(/imag/kr/sub/red_dot.jpg) no-repeat 0 7px; padding-left:10px;} .noresult div{margin-left:10px;} .noresult div a:hover{ color:#407fc1; text-decoration:underline; } .noresult-nbsp{margin-top:19px;} /** sub 추가 내용 : 2013-08-16(leelack) **/ .sub-title-contents { border-bottom:1px solid #e1e1e1; padding-bottom:11px; } .sub-title-contents div.fLeft { margin-left:11px;padding-top:23px; } .sub-title-contents div.fLeft img { padding:0 0 8px 4px; } .sub-title-contents div.fLeft div.text { width:704px;color:#6c6c6c; line-height:20px; } .sub-title-contents div.fRight { margin-top:15px; background:url('../../img/kr/sub/bg_Sknowledge_state.gif') no-repeat top left; width:214px; height:121px; position:relative; } .sub-title-contents div.fRight div{ position:absolute; width:165px; top:53px; left:24px; } .sub-title-contents div.fRight dt{ color:#6c6c6c; line-height:20px; } .sub-title-contents div.fRight dd{ color:#c8120f; line-height:20px; } /* 첫단추 리스트 */ .contents_layer .list-area {padding:11px 0 20px;} .contents_layer .list-area div.fLeft { width:186px; } .contents_layer .list-area div.fLeft div.img-area{text-align:center; overflow:hidden; padding:1px; width:171px; height:79px; line-height:79px; background:url('../../img/kr/sub/bg_Sknowledge_img.gif') no-repeat top left; } .contents_layer .list-area div.fLeft div.img-area img{ max-width:171px; max-height:78px; vertical-align:middle;} .contents_layer .list-area div.fLeft ul { width:173px; margin-top:6px; } .contents_layer .list-area div.fLeft ul li{ width:173px; text-align:center; text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word; } .contents_layer .list-area div.fLeft ul li.count{ margin-top:2px; font-size:11px; line-height:14px; font-family:굴림; } .contents_layer .text-info { background:url('../../img/kr/sub/bg_contents_text.gif') repeat-y top left; width:916px; } .contents_layer .text-info .text { padding:11px 19px 12px 22px; } .contents_layer .text-info .text p{ line-height:16px; color:#535353; margin-bottom:8px; } .contents_layer .text-info .text ul{ background-color:#f1f1f1; padding:14px 17px 12px; } .contents_layer .text-info .text ul li{ color:#6c6c6c; margin-bottom:3px; } .search-info dl.sknowledge-info { padding:5px 0 3px; *padding-bottom:6px;padding-bottom:9px; } .search-info dl.sknowledge-info-short { padding-bottom:9px; } .search-info dt.sknowledgeLogo{ border:1px solid #cacaca; width:187px; height:120px; line-height:122px; margin:0 23px 0 10px; text-align:center; vertical-align:middle; } .search-info dt.sknowledgeLogo img{ vertical-align:middle;} .search-info dd p.homepage { margin-left:10px; } /* 항목 리스트 시작 */ .item-list.item-list-02 { border:#cdcdcd 1px solid; } .sknow-style.search-info-txt { margin-top:-4px; padding-top:16px; } .sknow-style.search-info-txt p{ margin:5px 9px 3px;line-height:18px; } .sknow-style.search-info-txt div.info-txt-normal{ margin:0 20px 1px; line-height:18px; } /* ie7, ie8 핵 있습니다. */ .vCenter02 { display:table; width:187px; height:120px; border-spacing:0; } .vCenter02 span { display:table-cell; text-align:center; vertical-align:middle; } .vCenter02 span img{max-width:187px;max-height:120px;} .tgray { color: #77848A; letter-spacing: -0.1em; position:relative; padding-left:40px; height:19px; line-height:19px; } .tgray img{ position:absolute; top:0; left:0; } .tgray-text { color: #77848A; letter-spacing: -0.1em; height:19px; line-height:19px; } .sub-contents .sub-title-02 { margin-bottom:10px; } .sub-contents .sub-title-02 div.title-left { font-size:12px; font-family:새굴림; color:#000; font-weight:bold; margin-top:3px; } .sub-contents .sub-title-02 h3 { color:#c6130e; font-size:16px; line-height:16px; margin:4px 0;} .sub-contents .sub-title-02 p { padding:1px 0; color:#666666; } .sub-contents .sub-title-02 p img { vertical-align:-1px; margin-left:3px; } .bookWarp .bookTextWarpBig {float:left;} .bookWarp .bookTextWarpBig ul.sub_board01_center_cont{float:left;width:510px;border-bottom:0px solid #cacaca;padding:0;} .bookWarp .bookTextWarpBig ul.sub_board01_center_cont li{width:500px; padding-left:15px;background-position:5px 8px; line-height:20px;} .bookWarp .bookTextWarpBig ul.sub_board01_center_cont li.imgBtnWarp {background-image:url(''); margin-top:10px; } .bookWarp .bookTextWarpBig ul.sub_board01_center_cont li img {vertical-align:middle;} .bookWarp .bookTextWarpBig ul.sub_board01_center_cont li img {vertical-align:middle;} .bookWarp .bookTextWarpBig ul.sub_board01_center_cont li.textWarp { color:#c6130e; margin-top:11px; } /* 20140728 */ /* 검색결과 */ .searchResultTextArea .desc_red.line{margin-top:8px;padding:14px 0 6px 0;background:url('../../img/kr/sub/bg_title.gif') repeat-x left top} .searchResultTextArea .search_type .btn_type{margin-right:2px} .subSearchResultList .contentsBtnWarp li.btnText a{height:13px; background:url('../../img/kr/browse/icon_textview.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btnText a:hover {height:13px; background:url('../../img/kr/browse/icon_textview_on.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btnView a{height:13px; background:url('../../img/kr/browse/icon_pdfView.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .contentsBtnWarp li.btnView a:hover {height:13px; background:url('../../img/kr/browse/icon_pdfView_on.gif') no-repeat 0 0;padding-left:15px;} .subSearchResultList .text_content_view{padding:6px 0 0 68px} .subSearchResultList .text_content_view .ico{margin:-2px 6px 0 0;vertical-align:middle} .subSearchResultList .text_content_view p{line-height:18px;font-size:12px;color:#6c6c6c} .subSearchResultList .text_content_view .red{color:#e4140e} /* 상세페이지 */ #infoWrap .book_info .doi{line-height:20px;font-size:12px;color:#000} #detail_tab{position:relative;padding-top:20px} #detail_tab .btn_detail{display:block;position:absolute;right:0;top:0;padding-left:22px;width:98px;height:20px;line-height:20px;font-size:12px;color:#414141;background:url("../../img/kr/browse/bg_detail_tab.gif") no-repeat right center} #detail_tab .btn_detail .ico{display:inline-block;margin-left:4px;width:10px;height:9px;background:url("../../img/kr/browse/icon_detail_arrow_on.gif") no-repeat;*display:inline;zoom:1} #detail_tab .btn_detail.on .ico{background:url("../../img/kr/browse/icon_detail_arrow.gif") no-repeat} #detail_tab .detail_list{padding:8px 0 8px 25px;margin-bottom:2px;border-top:1px solid #d6d6d6;background:#f7f7f7;overflow:hidden;display:none;} #detail_tab .detail_list li{float:left;padding-left:10px;height:22px;line-height:22px;font-size:12px;color:#6c6c6c;background:url("../../img/kr/browse/icon_detail_dot.gif") no-repeat left 9px} #detail_tab .detail_list .list_01{width:265px} #detail_tab .detail_list .list_02{width:232px} #detail_tab .detail_list .list_03{width:198px} #detail_tab .detail_list .btn{display:inline-block;margin-left:12px;padding:0 2px;height:16px;line-height:16px;vertical-align:middle;font-size:12px;color:#808080;text-align:center;border:1px solid #808080;background:#fff;*display:inline;zoom:1} #detail_tab .detail_list .btn_fav{margin-left:4px} #buyInfo .buy_price{width:240px} #buyInfo .buy_price .btn_save{margin-right:10px} #buyInfo .buy_price .btn_text{margin-left:10px;} #buyInfo .buy_help{padding-left:32px!important;background:url("../../img/kr/detail/icon_guide_gray.gif") no-repeat left center} #buyInfo .buy_sns{width:80px} #buyInfo td.buy_desc{padding:0 14px} /* 논문 부가 정보 */ .conSide .paper_wrap .paper_title{height:26px} .conSide .paper_wrap .paper_title .title{float:left;font-size:13px;color:#575757;font-weight:bold} .conSide .paper_wrap .paper_title a{float:right} .conSide .paper_wrap .paper_list{margin-top:12px;padding-top:16px;border-top:1px solid #e3e3e3} .conSide .paper_wrap .paper_list:first-child{margin-top:0;padding-top:0;border-top:0} .conSide .paper_wrap .list li{display:block;padding-left:9px;line-height:21px;font-size:12px;color:#666;background:url("../../img/kr/detail/icon_paper_dot.gif") no-repeat left center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} /* 멀티미디어 */ .conSide .list_carousel{padding:0 30px;margin-left:-15px;width:218px} .conSide .list_carousel .caroufredsel_wrapper{margin:0!important} .conSide .list_carousel .prev{left:0;top:2px;width:20px;height:44px;background:url("../../img/kr/detail/btn_media_prev.gif") no-repeat} .conSide .list_carousel .next{right:20px;top:1px;width:20px;height:44px;background:url("../../img/kr/detail/btn_media_next.gif") no-repeat} /* figure */ #figure_area {position:relative;top:0px;} .conSide .figure_wrap .title{height:30px;font-size:13px;color:#575757;font-weight:bold} .conSide .figure_wrap .slide_wrap{position:relative;margin-left:6px;width:217px} .conSide .figure_wrap .btn_prev{position:absolute;left:-22px;top:50%;margin-top:-35px} .conSide .figure_wrap .btn_next{position:absolute;right:-22px;top:50%;margin-top:-35px} .conSide .figure_wrap .slide{width:217px;height:249px;overflow:hidden} .conSide .figure_wrap .slide li{float:left;padding:0 10px;width:197px} .conSide .figure_wrap .slide .img_wrap{display:table;*display:block} .conSide .figure_wrap .slide .img_wrap:first-child{margin-bottom:7px} .conSide .figure_wrap .slide .img{display:table-cell;position:relative;width:195px;height:119px;vertical-align:middle;border:1px solid #888;background:#fff;*display:block} .conSide .figure_wrap .slide .img .img_title{display:none;position:absolute;left:0;top:0;right:0;padding:4px 10px;font-size:12px;color:#fff;background:#000;opacity:0.7;filter:alpha(opacity=70)} .conSide .figure_wrap .slide .img:hover .img_title{display:block} .conSide .figure_wrap .slide .img img{width:100%;max-height:122px;} #figure_popup{display:none;position:fixed;left:50%;top:60px;bottom:60px;margin-left:-425px;width:850px;background:#fff;z-index:100} /*#figure_popup{display:none;position:absolute;left:50%;top:0;bottom:auto;margin-left:-425px;width:850px;background:#fff;z-index:100}*/ #figure_popup iframe{width:100%;height:100%} /* 보안확인 이미지 새로고침 버튼 */ .capcha_font { font-family: "돋움"; font-size: 9pt; !important; color: #666666 !important; text-decoration: underline !important; margin-left:10px; position: relative; top: 5px; } /* 20151130 수정 */ /* 상세페이지 */ #detail_tab .detail_list .list_01{width:240px} #detail_tab .detail_list_table{float:left;width:297px} #detail_tab .detail_list_table dt{margin-top:10px;height:22px;line-height:22px;font-size:13px;color:#6c6c6c;font-weight:700} #detail_tab .detail_list_table dt:first-child{margin-top:0} #detail_tab .detail_list_table dd{line-height:22px;font-size:12px;color:#6c6c6c} #detail_tab .detail_list_table a{color:#407fc0} #detail_tab .detail_list_table .auth_list p{padding:2px 0;line-height:18px} /* 저자 상세페이지 */ ul.search_txt_warp li.search_txt_contents_long a{color:#407fc0} .search_result_info .info_table{width:100%;border-spacing:0;border-collapse:separate;border-bottom:1px solid #cacaca} .search_result_info .info_table th{padding:5px 10px;height:30px;line-height:15px;text-align:left;font-size:13px;color:#666;font-weight:700;border-top:1px solid #cacaca;background:#f5f5f5;white-space:nowrap} .search_result_info .info_table th .icon{cursor:pointer;margin:-1px 0 0 2px;vertical-align:middle} .search_result_info .info_table td{padding:5px 0 5px 10px;height:30px;line-height:15px;text-align:left;font-size:12px;color:#666;border-top:1px solid #cacaca} .search_result_info .info_table .border_bot td{border-top:1px dotted #cacaca} .search_result_info .info_table .label span{float:right} .search_result_info .info_table .label span:first-child{float:left} .search_result_info .info_table .border{background:url("../../img/common/table_border_line.gif") no-repeat right center} /*.search_result_info .info_table .label{background:url("../../img/common/icon/table_label_dot.gif") no-repeat right center}*/ .search_result_info .info_text{margin:10px 0;text-align:right} .search_result_info .info_text a{color:#407fc0} .search_result_header{position:relative;padding-top:28px;margin-top:30px} .subSearchResultList .tabWarp{position:absolute;left:0;top:0;margin:0;padding-left:1px;z-index:10} .subSearchResultList .tabWarp .tab{position:relative;margin-left:-1px;z-index:10} .subSearchResultList .tabWarp .tab.on{background:#fff;z-index:20} .subSearchResultList .tab_bottom{position:relative;padding:10px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#fff;overflow:hidden;z-index:1} .subSearchResultList .tab_bottom .listWarp02{float:left;padding:0;line-height:20px;border:0;background:#fff} .subSearchResultList .tab_bottom a{color:#407fc0} .subSearchResultList .tab_bottom .select_wrap{float:right} .subSearchResultList .tab_bottom .select_wrap label{vertical-align:middle} .subSearchResultList .list_empty{padding:30px 20px 20px 20px;text-align:center} /* 저널 */ .sub-contents .sub-title{border-bottom:1px solid #cacaca} .sub-contents .sub-title .btn_new_notice{float:right} .sub-contents .sub-title .btn_new_notice .img{display:block} .listFunctionBar{margin-top:-1px} .subSearchResultList .listWarp{position:relative} .subSearchResultList .listWarp .result_list_info{position:absolute;right:0;top:4px;width:140px} .subSearchResultList .listWarp .result_list_info li{width:100%;height:32px;border-top:1px solid #cacaca} .subSearchResultList .listWarp .result_list_info li:first-child{border-top:0} .subSearchResultList .listWarp .result_list_info .label{float:left;height:32px;line-height:32px;font-size:12px;color:#666} .subSearchResultList .listWarp .result_list_info .value{float:right;height:32px;line-height:32px;font-size:12px;color:#666} .subSearchResultList .listWarp .result_list_info .btn_link{display:block;position:relative;height:32px;line-height:32px;font-size:12px;color:#407fc0} .subSearchResultList .listWarp .result_list_info .btn_link .icon{display:block;position:absolute;right:0;top:0;height:32px;line-height:32px;font-size:12px;color:#666} .search_result_title{padding-left:14px;height:25px;line-height:25px;font-size:12px;color:#a80d08;font-weight:700;border-bottom:1px solid #cacaca;background:url("../../img/common/dot_red.gif") no-repeat 6px center} .subSearchResultList.info_right .contentsWarp{width:560px!important} .subSearchResultList.info_right .contentsWarp .titleWarp{float:none!important;width:auto!important} /* 더보기 한글이랑 css다릅니다. 수정일괄반영하지마세요. start*/ .info_more_wrap{margin-bottom:10px} .info_more_wrap .more_wrap{display:none} .info_more_wrap .btn_info_more{display:block;margin:10px 0 0 20px;width:37px;height:12px;text-indent:-9999px;background:url("../../img/en/common/btn/more.gif") no-repeat left 2px} .info_more_wrap .btn_info_more:hover{background-position:left -18px} .info_more_wrap.active .btn_info_more{background-position:-37px 2px} .info_more_wrap.active .btn_info_more:hover{background-position:-37px -18px} /* 더보기 한글이랑 css다릅니다. 수정일괄반영하지마세요. end*/ /* 권호 */ .subSearchResultWarp .sub-title{margin:0;padding:0;border-top:1px solid #cacaca} /*.subSearchResultWarp .sub-title{margin:0;padding:0;height:40px;border-top:1px solid #cacaca}*/ .subSearchResultWarp .sub-title .title-left{padding:10px 0px 10px 0px;margin:0;} /*.subSearchResultWarp .sub-title .title-left{margin:0;padding:0;height:40px;line-height:40px}*/ .subSearchResultWarp .sub-title .title-right{margin-top:11px!important} /* 20151229 */ .canvas-warp{position:relative} /* 검색결과 */ .sub-title .btn_notice{margin-left:10px} .sub-title .btn_notice .img{vertical-align:middle} /* placeholder 포커스 사라짐 */ input:focus::-webkit-input-placeholder{color:transparent!important} input:focus::-moz-placeholder{color:transparent!important} input:focus:-moz-placeholder{color:transparent!important} input:focus:-ms-input-placeholder{color:transparent!important} textarea:focus::-webkit-input-placeholder{color:transparent!important} textarea:focus::-moz-placeholder{color:transparent!important} textarea:focus:-moz-placeholder{color:transparent!important} textarea:focus:-ms-input-placeholder{color:transparent!important} /* 좌측 lnb 팻시메뉴 */ /*.facet_menu .menu-block dt{height:18px}*/ .facet_menu{height: auto !important;min-height:28px} /* 팻시미리보기 팝업 */ .popup_preview_facet{display:none;position:absolute;left:196px;top:0;width:580px;height:394px;border:3px solid #eaebed;background:#fff;z-index:1000} .popup_preview_facet .pos_arrow{display:block;position:absolute;left:-14px;top:30px;width:11px;height:12px;background:url("../../img/kr/popup/icon_facet_arrow.png") no-repeat;z-index:20} .popup_preview_facet .popup_wrap{position:relative;padding:20px 20px 0 20px} .popup_preview_facet .popup_header{height:30px;border-bottom:1px solid #cacaca} .popup_preview_facet .popup_title{float:left;line-height:20px;font-size:14px;color:#2d2d2d;font-weight:700} .popup_preview_facet .popup_desc{float:right;line-height:20px;font-size:12px;color:#727272} .popup_preview_facet .search{color:#ff0000!important} .popup_preview_facet .popup_content{height:325px;overflow:hidden;overflow-y:auto} .popup_preview_facet .popup_list li{position:relative;padding-left:16px;margin-top:15px} .popup_preview_facet .popup_list .number{position:absolute;left:0;top:0;line-height:17px;font-size:12px;color:#666;font-weight:700} .popup_preview_facet .popup_list a{margin-bottom:3px;line-height:17px;font-size:12px;color:#666;font-weight:700} .popup_preview_facet .popup_list .info{line-height:17px;font-size:12px;color:#666} .popup_preview_facet .popup_content .load{background:url('../../img/common/ajax-loading-middle.gif') no-repeat 0 0; background-position:center;} /* 기본 팝업 */ .popup_window{display:none;position:fixed;left:50%;top:50%;border:1px solid #c6130d;border-top:0;background:#fff;z-index:1000} .popup_window .popup_header{height:35px;background:#c6130d} .popup_window .popup_header .popup_title{float:left} .popup_window .popup_header .popup_title .img{display:block} .popup_window .popup_header .btn_popup_close{float:right} .popup_window .popup_header .btn_popup_close .img{display:block} .popup_window .popup_content{padding:24px} .popup_window .popup_content p{line-height:17px;font-size:12px;color:#727272} .popup_window .popup_content .btn_wrap{margin-top:30px;text-align:center} .popup_window .popup_content .btn_wrap a{margin:0 5px} .popup_window .list_page{margin-top:25px;text-align:center;height:15px} .popup_window .list_page a{display:inline-block;margin:0 4px;vertical-align:top;*display:inline;zoom:1} .popup_window .list_page .icon{vertical-align:top} .popup_window .list_page .link{margin:0 2px;padding:0 2px;line-height:13px;font-size:12px;color:#666} .popup_window .list_page .link:hover{border-bottom:1px solid #666} .popup_window .list_page .active{color:#c61414;font-weight:700} /* 20160401 */ .subSearchResultList .contentsBtnWarp li.btnUse a{display:block;height:16px;line-height:16px;background:url('../../img/en/browse/icon_use_on.gif') no-repeat;padding-left:16px;} /* 이용하기 팝업 */ .popup_search_use{margin:-140px 0 0 -264px;width:526px;height:278px} .popup_window .popup_header .title{padding:0 25px;line-height:34px;font-size:13px;color:#fff;font-weight:700} .popup_window .popup_line{margin:22px -15px;height:1px;background:#e5e5e5} .popup_search_use .popup_content p{letter-spacing:-1px} .popup_search_use .popup_content .btn_wrap{margin-top:20px} .popup_search_use.type_02{margin-top:-174px;height:312px} .popup_search_use .search_comp{margin:15px 0 0 90px} .popup_search_use .search_comp .search_box{height:34px} .popup_search_use .search_comp .input_search{display:inline-block;margin-right:8px;padding:0 6px;width:196px;height:25px;font-size:12px;color:#000;border:1px solid #cacaca;ime-mode:active;*line-height:25px;line-height:25px\9;*display:inline;zoom:1} .popup_search_use .search_comp .btn_search{display:inline-block;*display:inline;zoom:1} .popup_search_use .search_comp .desc{color:#c6130d} .popup_search_use.type_02 .popup_content .btn_wrap{margin-top:15px} /* 검색결과 알람서비스 팝업 */ .popup_search_notice{margin:-209px 0 0 -190px;width:400px} .popup_search_notice .popup_content .main_title{margin-bottom:15px;height:30px;line-height:20px;font-size:16px;color:#c6130d;font-weight:700;border-bottom:1px solid #c6130e} .popup_search_notice .popup_content .sub_title{margin:25px 0 8px 0;line-height:20px;font-size:13px;color:#666;font-weight:700} .popup_search_notice .popup_content .sub_content{padding-left:10px} .popup_search_notice .popup_content .input_subject{padding:0 8px;width:308px;height:18px;font-size:12px;color:#727272;border:1px solid #dbdbdb} .popup_search_notice .popup_content .radio_wrap label{cursor:pointer;display:inline-block;margin-right:15px;line-height:17px;vertical-align:middle;font-size:12px;color:#727272;*display:inline;zoom:1} .popup_search_notice .popup_content .radio_wrap label input{margin:-1px 5px 0 0;vertical-align:middle} /* ORCID 리스트 팝업 */ .popup_orcid_list{margin:-270px 0 0 -270px;width:540px} .popup_orcid_list .author_header{margin-bottom:18px} .popup_orcid_list .author_header .author_title{margin-bottom:18px;line-height:20px;font-size:14px;color:#2d2d2d;font-weight:700} .popup_orcid_list .author_header .top_img_pad0{padding: 0px !important;} .popup_orcid_list .author_header .author_title .author{color:#c61414} .popup_orcid_list .author_header .red{display:inline-block;margin:-1px 5px;width:2px;height:2px;vertical-align:middle;border-radius:1px;background:#c61414;*display:inline;zoom:1} .popup_orcid_list .author_header .dot{padding-left:10px;background:url('../../img/kr/common/dot_red.jpg') no-repeat left 6px} .popup_orcid_list .popup_content .orcid{color:#407fc0} .aLinkBlue{color:#407fc0 !important; display:inline !important; font-weight: 100 !important;} .popup_orcid_list .list_wrap{height:320px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;overflow:hidden;overflow-y:auto} .popup_orcid_list .author_list li{padding:15px 0;border-top:1px solid #cacaca} .popup_orcid_list .author_list li:first-child{border-top:0} .popup_orcid_list .author_list a{display:block;margin-bottom:8px;max-height:34px;color:#666;font-weight:700;overflow:hidden} .popup_orcid_list .author_list p{color:#666} .popup_orcid_list .author_list_orcid li{padding:15px 0;border-top:1px solid #cacaca} .popup_orcid_list .author_list_orcid li:first-child{border-top:0} .popup_orcid_list .author_list_orcid a{display:block;margin-bottom:8px;max-height:34px;color:#666;font-weight:700;overflow:hidden} .popup_orcid_list .author_list_orcid p{color:#666} /* 병합신청 팝업 */ .popup_merge_modify{margin:-240px 0 0 -350px;width:700px} .popup_merge_modify .step_list{width:651px;height:35px;background:url("../../img/en/popup/step_merge.gif") no-repeat} .popup_merge_modify .step_list.step_02{background-position:0 -50px} .popup_merge_modify .step_list.step_03{background-position:0 -100px} .popup_merge_modify .step_list.step_04{background-position:0 -150px} .popup_merge_modify .step_list li{float:left;width:24%;text-indent:-9999px} .popup_merge_modify .merge_header{padding-top:10px;margin-bottom:30px} .popup_merge_modify .merge_header .step_list{margin-bottom:30px} .popup_merge_modify .merge_header .merge_title{margin-bottom:8px;font-size:14px;color:#2d2d2d;font-weight:700} .popup_merge_modify .merge_header .author{color:#c6130d} .popup_merge_modify .table_header{width:100%} .popup_merge_modify .table_header th{height:25px;text-align:center;font-size:12px;color:#888;font-weight:700;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#f5f5f5} .popup_merge_modify .table_content{width:100%} .popup_merge_modify .table_content td{padding:0 10px;height:25px;text-align:center;font-size:12px;color:#666;border-top:1px solid #e4e4e4} .popup_merge_modify .table_content tr:first-child td{border-top:0} .popup_merge_modify .table_content .l{text-align:left} .popup_merge_modify .table_content .r{text-align:right} .popup_merge_modify .table_scroll{max-height:129px;border-bottom:1px solid #cacaca;overflow:hidden;overflow-y:auto} .popup_merge_modify .merge_content{height:182px} .popup_merge_modify .merge_content_step3{height:210px; } .popup_merge_modify .merge_panel{display:none} .popup_merge_modify .merge_panel.active{display:block} .popup_merge_modify .select_author{padding:3px 0 3px 14px;height:19px;line-height:19px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#f5f5f5} .popup_merge_modify .select_author label{float:left;margin-right:19px;line-height:21px;font-size:font-size:12px;font-weight:700} .popup_merge_modify .select_author select{float:left;width:182px;height:19px;font-size:12px;color:#000;border:1px solid #cacaca} .popup_merge_modify .author_list .list_header{padding:3px 0 3px 14px;height:19px;line-height:19px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#f5f5f5} .popup_merge_modify .author_list .list_header label{display:block;line-height:21px;font-size:font-size:12px;font-weight:700} .popup_merge_modify .author_list .list_header label input{margin:-1px 5px 0 0;vertical-align:middle} .popup_merge_modify .author_list .list li{position:relative;padding:5px 14px 5px 50px;border-top:1px solid #e4e4e4} .popup_merge_modify .author_list .list li:first-child{border-top:0} .popup_merge_modify .author_list .list .list_title{margin-bottom:4px;font-weight:700} .popup_merge_modify .author_list .list .check{position:absolute;left:14px;top:50%;margin-top:-7px} .popup_merge_modify .author_list .list_scroll{max-height:146px;border-bottom:1px solid #cacaca;overflow:hidden;overflow-y:auto} .popup_merge_modify .author_list .list_scroll_step3{max-height:200px;border-bottom:1px solid #cacaca;overflow:hidden;overflow-y:auto} .popup_merge_modify .modify_table{width:100%;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#f5f5f5} .popup_merge_modify .modify_table th{padding-left:14px;text-align:left;font-size:12px;color:#666;font-weight:700} .popup_merge_modify .modify_table th span{color:#c6130d} .popup_merge_modify .modify_table td{padding:5px 0;text-align:left} .popup_merge_modify .modify_table .input_text{padding:0 10px;width:162px;height:17px;font-size:12px;color:#000;border:1px solid #cacaca;background:#fff;*line-height:17px;line-height:17px\9} .popup_merge_modify .modify_table .email_input .input_text{width:100px} .popup_merge_modify .modify_table .email_input .unit{margin:0 3px 0 6px;font-size:12px;color:#000} .popup_merge_modify .modify_table .email_input select{margin-left:6px;width:120px;height:19px;font-size:12px;color:#000;border:1px solid #cacaca} .popup_merge_modify .modify_table textarea.input_text{padding:8px 10px;width:490px;height:68px;line-height:17px;overflow:hidden;overflow-y:auto;resize:none} .popup_merge_modify .modify_table tr:first-child td{padding-top:10px} .popup_merge_modify .modify_table tr:last-child td{padding-bottom:10px} /* 20160104 추가 */ /* 검색결과 */ .search_txt_warp .keyword .btn_del{display:inline-block;width:13px;height:12px;background:url('../../img/common/btn/keyword_delete.gif') no-repeat;*display:inline;zoom:1} #btn_del{display:inline-block;width:13px;height:12px;margin-left:5px;background:url('../../img/common/btn/keyword_delete.gif') no-repeat;*display:inline;zoom:1} /* 안내문구 */ .help_tooltip{cursor:pointer} .tooltip_box{display:none;position:relative;z-index:1000} .tooltip_box .tooltip_wrap{position:absolute;left:0;top:0;padding:10px;border:2px solid #ddd;background:#fff;letter-spacing:-1px} #tooltip_01{width:184px} /* 20160107 */ /* 저자 목록 */ .sub-title .btn_author_merge{float:right} .sub-contents .author-title{border-bottom:0} .sub-contents .author_table{margin-bottom:30px;width:100%;border-bottom:1px solid #cacaca} .sub-contents .author_table th{height:31px;text-align:center;font-size:12px;color:#666;font-weight:700;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;background:#f5f5f5} .sub-contents .author_table td{padding:0 12px;height:40px;text-align:left;font-size:12px;color:#686868} .sub-contents .author_table td.r{text-align:right} .sub-contents .author_table td.c{text-align:center} .sub-contents .author_table tr td:first-child{padding:0;text-align:center} .sub-contents .author_table tr:hover td{background:#f5f5f5} /* 20160126 */ .sub-contents .sub-title .auth_notice_wrap{position:relative;float:right;z-index:100} .sub-contents .sub-title .btn_auth_notice, .sub-contents .sub-title .btn_auth_notice .img{display:block} #tooltip_auth.tooltip_box{position:absolute;right:0;top:20px;padding-top:10px;width:140px;z-index:100} #tooltip_auth.tooltip_box .tooltip_wrap{top:10px;width:118px;border:1px solid #adadad;background:#fff} #tooltip_auth.tooltip_box .tooltip_wrap .arrow{display:block;position:absolute;left:15px;top:-9px;width:17px;height:10px;background:url("../../img/kr/popup/icon_arrow_up.png") no-repeat;z-index:20} #tooltip_auth.tooltip_box .tooltip_wrap a{display:block;padding-left:10px;line-height:18px;font-size:12px;color:#727272;background:url("../../img/kr/browse/icon_detail_dot.gif") no-repeat left 8px} /* Todo http://todo.nurimedia.co.kr/view.php?id=17058 [저자정보 수정요청] 버튼 추가.(육성환, 20171019) */ .sub-contents .sub-title .auth_merge_wrap{position:relative;float:right;z-index:100;margin-right:2px;} .sub-contents .sub-title #btn_author_merge2 .img{display:block;} /* 20160223 */ /* 인용하기 팝업 */ #popup_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#dbdbdb;z-index:999} .popup_quote{margin:-221px 0 0 -315px;width:630px} .popup_quote .popup_content .quote_title{padding:0 5px 10px 5px;margin-bottom:12px;height:30px;line-height:30px;font-size:16px;font-weight:700;color:#c6130d;border-bottom:1px solid #c6130e} .popup_quote .popup_content .quote_title .quote_radio_btn{float:right;color: #727272;font-size: 12px;font-weight: 100;padding-bottom: -10px;position: relative;right: 10px;top: 5px;} .popup_quote .popup_content .desc{padding:0 15px;margin-bottom:16px} .popup_quote .popup_content .quote_list{padding:0 15px;margin-bottom:15px} .popup_quote .popup_content .quote_list li{margin-top:0} .popup_quote .popup_content .quote_list li{position:relative;margin-top:12px;display:table;width:100%;table-layout:fixed} .popup_quote .popup_content .quote_list .label{display:table-cell;width:90px;vertical-align:middle;text-align:left;font-size:12px;color:#727272;font-weight:700} .popup_quote .popup_content .quote_list .quote_text{display:table-cell;padding:10px;width:442px;background:#f7f7f7} .popup_quote .popup_content .quote_list .quote_text p{padding:1px 0;line-height:18px;font-size:12px;color:#727272} .selectVal{border:0px none;background:rgb(247, 247, 247);resize:none;outline: none;overflow-y:hidden ; overflow:visible;} .popup_quote .popup_content .quote_link{padding:20px 0;text-align:center} .popup_quote .popup_content .quote_link li{display:inline-block;margin:0 13px;*display:inline;zoom:1} .popup_quote .popup_content .quote_link a{font-size:12px;color:#407fc0} .popup_quote .popup_content .quote_list .quote_text p::-moz-selection {color:#fff;background:#407fc0} .popup_quote .popup_content .quote_list .quote_text p::selection{color:#fff;background:#407fc0} .popup_window .popup_content .letter_spacing_zero{letter-spacing:0px !important;} /* 더보기 2 */ .bx_line .btn_wrap{text-align:right} .bx_line .btn_wrap .btn_info_more2{display:inline-block;text-align:left;*display:inline;zoom:1} .btn_info_more2{display:block;margin:0;width:40px;height:12px;text-indent:-9999px;text-decoration:none;background:url("../../img/common/btn/more_2.gif") no-repeat left 2px} .btn_info_more2:hover{background-position:left -18px;text-decoration:none} .btn_info_more2.active{background-position:-40px 2px} .btn_info_more2.active:hover{background-position:-40px -18px} /* 논문상세 공통 수정 */ #detail_tab .btn_detail{padding-left:0;width:120px;text-align:center} #detail_tab .detail_list_table dt{font-size:12px;color:#575757} #detail_tab .detail_list_table dd{color:#666} .conSide .influe_cont p span{color:#c6130d} .conSide .influe_cont p span b{font-weight:700} /* 상단 라인 */ .sub-contents .title-bar{background:none} .sub-contents .author-title{border-bottom:1px solid #cacaca} /* 20160323 */ .popup_preview_facet .popup_list li{padding-left:20px} /************************************************************** 20160513 - jisu - 이걸 왜 넣으셨는지 확인이 안되서 일단주석합니다.(똑같은 클래스명으로 중복지정하면 맨밑에있는게 최종으로 읽혀버려서 기존에있던것 다변경됨) .subSearchResultList .listWarp{padding-bottom:16px} .subSearchResultList .listWarp .result_list_info{padding-top:4px;width:120px} .subSearchResultList ul.textLayerPrice li.contentsWarp{width:580px} ***************************************************************/ /*논문상세 a링크에 밑줄제거*/ .underline_none{text-decoration:none !important;} .font_ma5p{margin-top:5px !important;} /* 20170119 */ /* ie7 상단 여백 */ .top-search-warp{*margin-top:29px!important} /* 우측 플로팅 높이 */ #floating_menu{border:0;z-index:110} #floating_menu .menu_list{margin-bottom:15px;border:1px solid #ddd} #floating_menu .btn_banner{display:block;margin-bottom:10px} .wing_banner{z-index:100} #floating_menu.fixed.quick_top{margin-top:44px} .wing_banner.fixed.quick_top{margin-top:44px} /* 논문상세 페이지 */ .sub-sidearea{position:relative;padding-right:230px} .top-menu-warp{position:relative;z-index:30} #container{z-index:20} #infoWrap{position:relative;padding-top:0!important} #infoWrap .title_label_box{margin-bottom:4px;height:20px} #infoWrap .title_label_box .label{display:block;float:left;margin-right:10px} #infoWrap .sub_title{margin:10px 0;line-height:20px;font-size:16px;font-weight:700} #infoWrap .book_info .btn_copy, #infoWrap .book_info .btn_storage, #infoWrap .book_info .btn_fb, #infoWrap .book_info .btn_tw{display:inline-block;margin:8px 7px 0 0;vertical-align:top;*display:inline;zoom:1} #infoWrap .book_info .etc_title{margin:30px 0} .sns_menu{position:absolute;left:50%;top:0px!important;margin-left:-538px} .sns_menu.floating.fixed{position:fixed;top:10px!important;z-index:200} .sns_menu.floating.quick_top.fixed{top:50px!important} .sns_menu a{display:block;margin-bottom:6px;width:31px;height:31px;text-align:left;text-indent:-9999px;margin-left:4px;} .sns_menu .btn_down{background:url("../../img/en/paper/sns_down.jpg") no-repeat} .sns_menu .btn_fb{background:url("../../img/en/paper/sns_facebook.jpg") no-repeat} .sns_menu .btn_tw{background:url("../../img/en/paper/sns_twitter.jpg") no-repeat} /*.sns_menu .btn_email{background:url("../../img/kr/paper/sns_email.jpg") no-repeat; margin-left: 0px; width: 35px; height: 35px;}*/ .sns_menu .btn_email{background:url("../../img/kr/paper/sns_email.jpg") no-repeat; } .quick_menu{position:absolute;right:50%;top:5px!important;margin-right:-470px;padding:17px;width:145px;border:1px solid #f3f3f3;background:#f8f8f8;z-index:100} .quick_menu.floating.fixed{position:fixed;top:10px!important} .quick_menu a, .quick_menu img{display:block} .quick_menu a{margin-bottom:11px} .quick_menu .btn_quick_view{position:relative;margin-bottom:20px;text-align:center;text-decoration:none} .quick_menu .btn_quick_view img{display:inline-block;width:auto;vertical-align:top;*display:inline;zoom:1} .quick_menu .btn_quick_view .over{display:block;position:absolute;left:0;bottom:0;width:100%;height:66px;line-height:66px;text-align:center;font-size:20px;color:#fff;font-family:Arial;background:url("../../img/en/paper/bg_quick_tooltip.png") repeat;z-index:20} .quick_menu .btn_quick_view.book .over{font-size:14px;font-family:"돋움";font-weight:700} .quick_menu .btn_quote{margin:0} .quick_menu .btn_buy{position:relative} .quick_menu .btn_buy .price{display:block;position:absolute;left:46px;top:22px;line-height:16px;font-size:12px;color:#faff27} .quick_menu .line{display:block;margin-bottom:11px;height:1px;background:#cecece} .quick_menu .quick_tooltip_box{position:relative} .quick_menu .quick_tooltip{display:none;position:absolute;left:-207px;top:0;width:194px;background:url("../../img/en/paper/quick_tooltip.png") no-repeat;z-index:20;zoom:1} .quick_menu .quick_tooltip .tooltip_text{padding:10px 20px 10px 10px;margin-bottom:-10px;background:url("../../img/en/paper/quick_tooltip_bottom.png") no-repeat left bottom;*margin-bottom:0} .quick_menu .quick_tooltip p{line-height:16px;font-size:12px;color:#3c3c3c;letter-spacing:-1px} .quick_info_top{display:none;position:fixed;left:0;top:0;right:0;padding:8px 0 10px 0;border-bottom:1px solid #e0e0e0;background:#f9f9f9;z-index:100} .quick_info_top .top_box{position:relative;margin:0 auto;width:940px;height:25px} .quick_info_top .top_box .quick_title{float:left;width:650px;height:24px;line-height:24px;font-size:16px;color:#040404;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .quick_info_top .top_box .btn_box{position:absolute;right:0;top:0;z-index:20} .quick_info_top .top_box .btn_box .quick_none, .quick_info_top .top_box .btn_box a{float:left;margin-left:10px} .quick_info_top .top_box .btn_box .btn_top{float:none;margin:0;position:absolute;right:-55px;top:0} .paper_detail_area{clear:both;position:relative} .paper_detail_area .detail_info{margin-bottom:18px;padding:14px;background:#f4f4f4;overflow:hidden} .paper_detail_area .detail_info .label{float:left;position:relative;padding:0 18px;height:12px;line-height:14px;font-size:12px;color:#232323;font-weight:700;border-left:2px solid #adadad;overflow:visible} .paper_detail_area .detail_info .label:first-child{padding-left:0;border-left:0} .conInfo .title_help{display:inline-block;margin:-4px 6px 0 0;vertical-align:middle;*display:inline;zoom:1} .paper_detail_area .detail_info .btn{float:right} .paper_detail_area .detail_info .btn_detail_view{display:block;font-size:12px;color:#3c80c7;font-weight:700} .tooltip_popup_box{display:none;position:absolute;left:0;top:0;padding:20px;width:500px;border:2px solid #ddd;background:#fff;z-index:50} .detail_tab_area .tab_menu_box{height:41px} .detail_tab_area .detail_tab_menu{position:relative;height:41px} .detail_tab_area.floating .detail_tab_menu.fixed{position:fixed;left:0;top:44px;right:0;z-index:100} .detail_tab_area .detail_tab_menu .menu_area{margin:0 auto;width:940px;height:40px} .detail_tab_area .detail_tab_menu .tab_menu{width:710px;height:41px;text-align:left;border-bottom:1px solid #333;background:#fff;white-space:nowrap} .detail_tab_area .detail_tab_menu .tab_menu .tab{cursor:pointer;display:inline-block;position:relative;margin:0 -1px;padding:6px 0;height:28px;line-height:14px;vertical-align:top;text-align:center;border:1px solid transparent;z-index:10;*display:inline;zoom:1} .detail_tab_area .detail_tab_menu .tab_menu a{display:block;margin-left:-3px;padding:0 9px;min-width:50px;height:28px;line-height:14px;text-decoration:none;font-size:12px;color:#545454;border-left:2px solid #ddd;letter-spacing:-1px} .detail_tab_area .detail_tab_menu .tab_menu .tab:first-child a{border-left:0} .detail_tab_area .detail_tab_menu .tab_menu .active{margin-right:-4px;border-color:#333;border-bottom-color:#fff;background:#fff;z-index:20} .detail_tab_area .detail_tab_menu .tab_menu .active a{color:#c9140d;font-weight:700;border-left-color:#fff} .detail_tab_area.floating .detail_tab_panel{position:relative;left:auto;top:auto} .detail_tab_area .detail_tab_panel{position:absolute;left:-10000px;top:-10000px;padding:60px 0;overflow:hidden} .detail_tab_area.floating .detail_tab_panel{padding-bottom:0} .detail_tab_area .detail_tab_panel.active{position:relative;left:auto;top:auto} .detail_tab_area .detail_tab_panel .sqr_tit{margin-top:60px} .detail_tab_area .detail_tab_panel .sqr_tit:first-child{margin-top:0} .detail_tab_area .detail_tab_panel .summary_txt{padding-left:12px} #conWrap .detail_coninfo{width:710px!important} #conWrap .detail_tab_area .con_txt{padding:0} .conInfo .sqr_tit .num{color:#c5120b;font-weight:normal} .conInfo .sqr_tit .title_help{margin-left:6px} .conInfo .sqr_sub_tit{margin:20px 0;padding-left:2px;font-size:14px;color:#595959;font-weight:700} .keyword_box{margin-left:8px;padding:18px;border:1px solid #e3e3e3;background:#f8f8f8} .keyword_box .keyword_tab{padding-bottom:10px;width:680px;overflow:hidden} .keyword_box .keyword_tab a{display:block;float:left;margin:0 10px 10px 0;padding:0 15px;height:24px;line-height:24px;font-size:12px;color:#b2b2b2;text-decoration:none;background:#ededed} .keyword_box .keyword_tab a:hover{color:#535353;text-decoration:underline;background:#cbcbcb} .keyword_box .keyword_tab a.active{cursor:default;color:#fff;text-decoration:none;background:#65b0d0} .keyword_box .keyword_page{position:relative;padding:20px;border-top:1px solid #e3e3e3;background:#fff} .keyword_box .keyword_page .arrow{display:block;position:absolute;right:55px;top:-18px;width:34px;height:18px;background:url("../../img/en/paper/keyword_arrow.png") no-repeat} .conInfo .number_list li{margin-top:14px;color:#868686} .conInfo .number_list li:first-child{margin-top:0} .conInfo .number_list p{line-height:20px;font-size:12px;color:#868686} .conInfo .number_list .btn_link{line-height:20px;font-size:12px;color:#868686} .conInfo .number_list .link, .conInfo .number_list .link .btn_link{color:#437ec2} .conInfo .number_list .btn_box{display:block;margin-top:4px;height:20px} .conInfo .number_list .btn_box a{display:block;float:left;padding-left:16px;height:16px;line-height:16px;font-size:12px;color:#666} .conInfo .number_list .btn_box .line{display:block;float:left;margin:0 12px;margin-top:3px;width:1px;height:10px;background:#b2b2b2} .conInfo .number_list .btn_pdf_view{background:url("../../img/en/paper/icon_view.jpg") no-repeat left 1px} .conInfo .number_list .btn_pdf_download{background:url("../../img/en/paper/icon_download.jpg") no-repeat left 1px} .keyword_box .keyword_page .btn_more{display:block;position:absolute;right:10px;bottom:10px;font-size:12px;color:#437ec2;text-decoration:none;border-bottom:1px solid transparent} .keyword_box .keyword_page .btn_more:hover{border-bottom:1px solid #437ec2} .keyword_box .keyword_page .btn_more span{margin-left:4px;color:#b1b1b1;font-weight:700} /*ol.number_list, ol.number_list li{list-style:decimal;list-style-type:decimal;font-size:12px} ol.number_list{padding-left:25px}*/ /* ol.number_list li{position:relative;padding-left:25px} ol.number_list .num{display:block;position:absolute;left:0;top:0;width:22px;line-height:20px;text-align:right;font-size:12px;white-space:nowrap;*top:-4px} */ ol.number_list, ol.number_list li{list-style:decimal;list-style-type:decimal;font-size:12px;} ol.number_list{padding-left:30px;} .conInfo .con_txt .sub_title{margin:15px 0 20px 0;padding-left:10px;font-size:12px} .conInfo .con_txt .sub_title .link{color:#437ec2} .conInfo .icon_info{display:inline-block;margin:-2px 4px 0 0;width:18px;height:18px;vertical-align:middle;background:url("../../img/en/paper/icon_info.gif") no-repeat left center;*display:inline;zoom:1} .conInfo .list_paging{margin-top:20px;height:20px;text-align:center} .conInfo .list_paging .btn_prev{display:inline-block;width:20px;height:20px;vertical-align:top;background:url("../../img/en/paper/icon_page_prev.jpg") no-repeat;*display:inline;zoom:1} .conInfo .list_paging .btn_next{display:inline-block;width:20px;height:20px;vertical-align:top;background:url("../../img/en/paper/icon_page_next.jpg") no-repeat;*display:inline;zoom:1} .conInfo .list_paging .page{display:inline-block;margin:0 20px;height:20px;line-height:20px;vertical-align:top;font-size:12px;color:#666;font-weight:700;letter-spacing:2px;*display:inline;zoom:1} .conInfo .list_paging .page b{color:#e52f28;font-weight:700} .detail_tab_panel .graph_content{margin-bottom:-41px;overflow:hidden} .detail_tab_panel .graph_content .graph_left{float:left;width:110px} .detail_tab_panel .graph_content .graph_right{float:right;width:550px} .detail_tab_panel .graph_content .graph_header{height:40px} .detail_tab_panel .graph_content .graph_header .graph_title{float:left;line-height:20px;font-size:13px;color:#565656;font-weight:700} .detail_tab_panel .graph_content .graph_header .btn_detail_view{float:left;margin-left:20px;line-height:20px;font-size:12px;color:#396d9e} .detail_tab_panel .graph_content .graph_area{margin-bottom:40px;padding-bottom:40px;border-bottom:1px dotted #ececec;overflow:hidden} .detail_tab_panel .graph_content .graph_list .list_box{display:block;margin-bottom:14px;padding-top:52px;height:44px;text-align:center;text-decoration:none} .detail_tab_panel .graph_content .graph_list span{display:block;line-height:20px;font-size:20px;color:#fff;font-weight:700;font-family:Arial} .detail_tab_panel .graph_content .graph_list .circle_01{background:url("../../img/en/paper/circle1.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_02{background:url("../../img/en/paper/circle2.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_03{background:url("../../img/en/paper/circle3.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_04{background:url("../../img/en/paper/circle4.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_05{background:url("../../img/en/paper/circle5.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_01:hover{background:url("../../img/en/paper/circle1_over.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_02:hover{background:url("../../img/en/paper/circle2_over.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_03:hover{background:url("../../img/en/paper/circle3_over.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_04:hover{background:url("../../img/en/paper/circle4_over.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_list .circle_05:hover{background:url("../../img/en/paper/circle5_over.jpg") no-repeat center top} .detail_tab_panel .graph_content .graph_table{margin-top:25px;width:100%;border-top:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c} .detail_tab_panel .graph_content .graph_table th{padding:10px;height:18px;text-align:center;font-size:12px;border-bottom:1px solid #9c9c9c;border-left:1px solid #d2d2d2;background:#f2f2f2} .detail_tab_panel .graph_content .graph_table td{padding:10px;height:18px;text-align:center;font-size:12px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2} .detail_tab_panel .graph_content .graph_table tbody tr:first-child td{border-top:0} .detail_tab_panel .graph_content .graph_table td.l{padding-left:15px;text-align:left} .detail_tab_panel .graph_content .graph_table td.r{padding-right:15px;text-align:right} .detail_tab_panel .graph_content .graph_table tr th:first-child, .detail_tab_panel .graph_content .graph_table tr td:first-child{border-left:0} .detail_tab_panel .graph_line{position:relative;padding:15px;border:1px solid #dfdfdf;border-radius:3px;background:#fff} .detail_tab_panel .graph_line .graph_name{position:absolute;left:20px;top:15px;font-size:2.2em;color:#b4b4b4;z-index:20} .detail_tab_panel .graph_line .graph_box{height:175px} .detail_tab_panel .graph_tooltip{display:none;position:absolute;left:0;top:0;width:116px;height:30px;line-height:30px;text-align:center;font-size:11px;color:#fff;border-radius:3px;background:#333;z-index:100} .detail_tab_panel .graph_tooltip .value{line-height:30px;color:#ff001b} .detail_tab_panel .graph_tooltip .arrow{display:block;position:absolute;left:50%;bottom:-7px;margin-left:-9px;width:10px;height:8px;background:url("../../img/en/paper/tooltip_arrow.png") no-repeat;z-index:20} .detail_tab_panel .graph_box .percent_label{position:absolute;left:0;top:6px;bottom:26px;z-index:20} .detail_tab_panel .graph_box .percent_label li{width:35px;height:20%;text-align:right;font-size:11px;color:#000} .detail_tab_panel .graph_box.percent .flot-y-axis{filter:alpha(opacity=0);opacity:0} .detail_bottom_area{margin-top:40px;padding-top:40px;border-top:1px solid #e5e5e5} .detail_bottom_area .search_list{padding-left:14px} .detail_bottom_area .search_list li{margin-top:10px} .detail_bottom_area .search_list li:first-child{margin-top:0} .detail_bottom_area .search_list .link{position:relative;line-height:20px;font-size:12px;color:#447fc3} .detail_bottom_area .search_list .link .icon{display:none;position:absolute;left:0;top:0;color:#5e5e5e;font-size:8px} .detail_bottom_area .search_list .link.active{padding-left:12px;color:#525252} .detail_bottom_area .search_list .link.active .icon{display:block} .detail_tab_panel .detail_bottom_area .sqr_tit{margin-top:0} .toggle_tab_panel{position:relative;margin-bottom:20px;zoom:1} .toggle_tab_panel .toggle_tab{height:22px;margin-bottom:20px} .toggle_tab_panel .toggle_tab .sqr_tit{cursor:pointer;position:relative;float:left;padding-right:24px} .toggle_tab_panel .toggle_tab .icon{display:block;position:absolute;right:0;top:3px;width:16px;height:16px;background:url("../../img/en/paper/icon_toggle.jpg") no-repeat} .toggle_tab_panel .toggle_panel{display:none} .toggle_tab_panel.active .toggle_tab .icon{transform:rotate(180deg)} .detail_bottom_area .detail_info_list{padding-top:20px;overflow:hidden} .detail_bottom_area .detail_info_list .info_list{float:left;width:33%} .detail_bottom_area .detail_info_list .info_list dt{height:20px;line-height:20px;font-size:12px;color:#686868;font-weight:700} .detail_bottom_area .detail_info_list .info_list dd, .detail_bottom_area .detail_info_list .info_list p{line-height:20px;font-size:12px;color:#686868;word-break:break-all} .detail_bottom_area .detail_info_list .info_list dd{margin-bottom:15px;padding:0 20px 0 10px} .paper_detail_area .detail_etc_area{margin:-30px 0 0 0;padding:60px 0 10px 0;border-top:1px solid #e5e5e5} .detail_etc_area .btn_url_copy{display:inline-block;margin:-2px 0 0 4px;width:28px;height:18px;text-align:left;vertical-align:middle;text-indent:-9999px;background:url("../../img/en/paper/btn_url_copy.jpg") no-repeat;*display:inline;zoom:1} .detail_etc_area .btn_url_fav{display:inline-block;margin:-2px 0 0 4px;width:48px;height:18px;text-align:left;vertical-align:middle;text-indent:-9999px;background:url("../../img/en/paper/btn_url_fav.jpg") no-repeat;*display:inline;zoom:1} .detail_etc_area .db_info_box .db_info_top{margin-bottom:14px;height:30px;border-bottom:1px solid #e5e5e5} .detail_etc_area .db_info_box .db_info_top .sqr_tit{float:left;margin:0;line-height:30px} .detail_etc_area .db_info_box .db_info_top .link{float:left;padding-left:8px;margin:9px 0 0 20px;height:12px;line-height:12px!important;font-size:12px;color:#407fc0;border-left:1px solid #b7b7b7} .detail_etc_area .db_info_box .db_info{position:relative;padding-left:138px;min-height:164px} .detail_etc_area .db_info_box .db_info .book{display:block;position:absolute;left:0;top:0} .detail_etc_area .db_info_box .db_info .info_list li{margin-top:10px} .detail_etc_area .db_info_box .db_info .info_list li:first-child{margin-top:0} .detail_etc_area .db_info_box .db_info .info_list p{display:block;position:relative;line-height:20px;font-size:12px;color:#407fc0} .detail_etc_area .db_info_box .db_info .info_list a{display:inline-block;position:relative;margin-top:-2px;line-height:20px;vertical-align:top;font-size:12px;color:#407fc0;*display:inline;zoom:1} .detail_etc_area .db_info_box .db_info .info_list .icon{display:none;position:absolute;left:0;top:0;color:#5e5e5e;font-size:8px} .detail_etc_area .db_info_box .db_info .info_list .active{padding-left:12px;color:#525252} .detail_etc_area .db_info_box .db_info .info_list .active .icon{display:block} .list_empty{padding-left:25px;color:#888!important} /* 20170213 */ /* 마이페이지 */ .sub-contents .title-bar{border-bottom:1px solid #cacaca} .sub-contents .sub-title2 h3{margin-bottom:0} .sub-contents .setup_search{padding:20px 30px;margin:20px 0;border:1px solid #e9e9e9} .sub-contents .setup_search .option_box{position:relative;margin-top:4px;padding-left:150px;height:24px} .sub-contents .setup_search .option_box:first-child{margin-top:0} .sub-contents .setup_search .option_box dt{position:absolute;left:0;top:0;line-height:24px;font-size:13px;color:#6c6c6c;font-weight:700} .sub-contents .setup_search .option_box dd{float:left;width:130px} .sub-contents .setup_search .option_box .radio_box{float:left;line-height:24px;font-size:13px;color:#6c6c6c} .sub-contents .setup_search .option_box .radio_box input{margin:-1px 2px 0 0;vertical-align:middle} /* 검색결과페이지 */ #search_keyword{position:relative;padding:10px 10px 2px 10px;margin:7px 0;background:#f5f5f5;zoom:1;*padding-bottom:10px} #search_keyword .keyword_area{position:relative;margin-top:8px;padding-left:80px;overflow:hidden} #search_keyword .keyword_area:first-child{margin-top:0} #search_keyword .keyword_area .keyword_title{position:absolute;left:0;top:0;padding-left:10px;width:72px;line-height:26px;font-size:13px;background:url('../../img/kr/common/dot_red.jpg') no-repeat left center} #search_keyword .keyword_area .keyword_title .icon{display:block;position:absolute;right:0;top:0} #search_keyword .keyword_area .tag{display:block;float:left;margin:0 0 8px 7px;padding:0 10px;height:24px;line-height:24px;text-align:center;font-size:13px;color:#3f7fbf;border:1px solid #e0e0e0;box-shadow:0 0 2px rgba(0,0,0,0.1);background:#fff;letter-spacing:-1px;white-space:nowrap} #search_keyword .keyword_area.writer .tag{min-width:60px} #search_keyword .keyword_area .tag.active, #search_keyword .keyword_area .tag:hover{text-decoration:none;color:#fff;background:#66b0d0} #search_keyword .keyword_area.relation{padding:0} #search_keyword .keyword_area.relation .keyword_title{position:relative;left:auto;top:auto;margin-bottom:4px;width:auto} #search_keyword .keyword_area.relation .keyword_title .title_help{margin:-1px 0 0 2px} #search_keyword .keyword_area.relation .keyword_desc{position:absolute;right:0;top:2px;line-height:20px;font-size:12px;color:#8a8a8a} #search_keyword .keyword_area.relation .tag_box{position:relative;width:670px;height:29px;overflow:hidden;zoom:1} #search_keyword .keyword_area.relation .tag_box .tag{height:20px;line-height:20px} #search_keyword .keyword_area.relation.active .tag_box{height:auto} #search_keyword .keyword_area.relation .btn_more{display:block;position:absolute;right:0;bottom:8px;width:40px;height:12px;text-align:left;text-indent:-99999px;background:url("../../img/en/common/btn/more.png") no-repeat 2px 2px} #search_keyword .keyword_area.relation .btn_more:hover{background-position:2px -18px} #search_keyword .keyword_area.relation .btn_more.active{background-position:-36px 2px} #search_keyword .keyword_area.relation .btn_more.active:hover{background-position:-36px -18px} ul.search_txt_warp li.search_txt_keyword{position:relative;float:left;padding-top:2px;width:620px} ul.search_txt_warp li.search_txt_keyword .keyword_list{margin-left:-15px;width:605px;height:18px;overflow:hidden} ul.search_txt_warp li.search_txt_keyword .keyword_list .tag{display:block;float:left;margin:0 0 2px 15px;height:16px;line-height:16px;font-size:12px;color:#3f80c0} ul.search_txt_warp li.search_txt_keyword.active .keyword_list{height:auto} ul.search_txt_warp li.search_txt_keyword .btn_more{display:block;position:absolute;right:0;bottom:6px;width:40px;height:12px;text-align:left;text-indent:-99999px;background:url("../../img/en/common/btn/more.png") no-repeat 2px 2px} ul.search_txt_warp li.search_txt_keyword .btn_more:hover{background-position:2px -18px} ul.search_txt_warp li.search_txt_keyword .btn_more.active{background-position:-36px 2px} ul.search_txt_warp li.search_txt_keyword .btn_more.active:hover{background-position:-36px -18px} .quick_menu .quick_tooltip .tooltip_text{padding:10px 15px 10px 10px} .quick_menu .quick_tooltip{padding-right:20px} .quick_menu .quick_tooltip .link{color:#427eba;text-decoration:underline} /* 인용하기 팝업 */ .popup_quote.quote2{margin-top:-261px;height:522px} .popup_quote.quote2 .popup_content{padding:14px 24px 0 24px;height:470px;overflow:hidden;overflow-y:auto} .popup_quote.quote2 .quote_title .quote_radio_btn label{float:left;margin-left:15px} .popup_quote.quote2 .popup_content .quote_title{padding-bottom:5px;border-bottom:2px solid #ababab} .popup_quote.quote2 .popup_content .text_box{padding:0 5px} .popup_quote.quote2 .popup_content .text_box .desc{padding:0;margin:4px 0 0 0;color:#888} .popup_quote.quote2 .popup_content .text_box .link{color:#4082bf;text-decoration:underline} .popup_quote.quote2 .popup_content .text_box.text_line{padding-top:15px;border-top:1px solid #eaeaea} .popup_quote.quote2 .popup_content .quote_list{padding:0} .popup_quote.quote2 .popup_content .quote_list .label{width:130px;line-height:20px;vertical-align:top} .popup_quote.quote2 .popup_content .quote_list .quote_text{width:432px} .popup_quote.quote2 .popup_content .quote_list .select{font-size:11px;color:#898989} .popup_quote.quote2 .popup_content .quote_list .label.letter_spacing_zero{padding-left:17px;width:113px;background:url("../../img/common/dot_gray.jpg") no-repeat 6px 8px} .popup_quote.quote2 .popup_content .quote_link{padding:10px 0 30px 0} .popup_quote.quote2 .popup_content .quote_title{position:relative} .popup_quote.quote2 .popup_content .quote_title .quote_radio_btn{position:absolute;float:none;right:10px;top:5px;padding:0} .popup_quote.quote2 .popup_content .quote_title .quote_radio_btn input{*margin:-2px 4px 0 0} .popup_quote.quote2 .popup_content .quote_list li{*display:block;*overflow:hidden} .popup_quote.quote2 .popup_content .quote_list .label{*display:block;*float:left} .popup_quote.quote2 .popup_content .quote_list .quote_text{*float:right;*width:422px} /*.popup_quote.quote2 .popup_content .quote_select.en{display:block} .popup_quote.quote2 .popup_content .quote_select.en li{display:block;width:auto;table-layout:auto;position:relative;zoom:1} .popup_quote.quote2 .popup_content .quote_select.en .label, .popup_quote.quote2 .popup_content .quote_select.en .quote_text{display:block;float:left;width:562px;position:relative;zoom:1} .popup_quote.quote2 .popup_content .quote_select.en .quote_text{margin-top:10px}*/ .popup_quote.quote2 .popup_content .quote_select{display:block} .popup_quote.quote2 .popup_content .quote_select li{display:block;width:auto;table-layout:auto;position:relative;zoom:1} .popup_quote.quote2 .popup_content .quote_select .label, .popup_quote.quote2 .popup_content .quote_select .quote_text{display:block;float:none;width:562px;position:relative;zoom:1} .popup_quote.quote2 .popup_content .quote_select .quote_text{margin-top:10px} /* 인용하기 양식 설정 팝업 */ .popup_quote_setup{margin:-261px 0 0 -385px;width:770px;height:522px} .popup_quote_setup .popup_header .popup_title{padding:0 20px} .popup_quote_setup .popup_content{padding:24px 24px 0 24px;height:463px;overflow:hidden;overflow-y:auto} .popup_quote_setup .popup_content .quote_btn{padding-bottom:24px} .popup_quote_setup .quote_form_setup{margin:0;padding:0} #popup_quote_setup.popup_quote_setup{margin-top:-269px;height:539px} #popup_quote_setup.popup_quote_setup .popup_content{height:480px} /* 인용하기 양식 설정 */ .quote_form_setup{margin-bottom:30px;padding-top:20px} .quote_form_setup .quote_text{padding-left:8px;background:url("../../img/common/dot_red.gif") no-repeat left 6px} .quote_form_setup .quote_step{margin-top:20px;padding-left:12px;overflow:hidden} .quote_form_setup .quote_step .quote_title{padding-left:8px;margin-bottom:10px;font-size:13px;color:#575757;font-weight:700;background:url("../../img/common/dot_gray.jpg") no-repeat left 8px} .quote_form_setup .quote_step .desc_box{padding:0 8px;margin-bottom:15px} .quote_form_setup .quote_step .desc_box .ie7{display:none} .quote_form_setup .quote_step .desc_box.ie .ie7{display:block} .quote_form_setup .quote_step .desc_box.ie .etc{display:none} .quote_form_setup .quote_step .drag_area{float:left;padding:15px 10px;max-width:675px;border:1px solid #e5e5e5;box-shadow:0 0 2px rgba(0,0,0,0.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quote_form_setup .quote_step .drag_box{position:relative;margin-top:13px;padding-left:85px;height:30px} .quote_form_setup .quote_step .drag_box:first-child{margin-top:0} .quote_form_setup .quote_step .drag_box .label{position:absolute;left:0;top:0;width:75px;line-height:30px;font-size:13px;color:#575757;font-weight:700;background:url("../../img/common/arrow_red.jpg") no-repeat right 10px} .quote_form_setup .quote_step .drag_list{position:relative;height:30px;z-index:10} .quote_form_setup .quote_step .drag_list.container{position:absolute;left:85px;top:0} .quote_form_setup .quote_step .drag_list.container li{float:left;padding:0 3px;border-radius:3px} .quote_form_setup .quote_step .drag_list.container li span{display:block;width:60px;height:24px;line-height:24px;text-align:center;font-size:13px;color:#9f9f9f;border:3px dotted #ddd;border-radius:3px;background:#f3f3f3;letter-spacing:-1px;white-space:nowrap} .quote_form_setup .quote_step .drag_area .drag_list.select{z-index:30} .quote_form_setup .quote_step .drag_area .drop{float:left;padding:0 3px;width:66px;height:30px;border-radius:3px} .quote_form_setup .quote_step .drag_area .drop .text{cursor:pointer;display:table;width:66px;text-align:center;line-height:13px;border-radius:3px;background:#a4a4a4;*display:block} .quote_form_setup .quote_step .drag_area .drop .text span{display:table-cell;padding:2px 0;height:26px;vertical-align:middle;font-size:13px;color:#fff;*display:block} .quote_form_setup .quote_step .drag_area .drop.drag_clone{filter:alpha(opacity=30);opacity:0.3} /*.quote_form_setup .quote_step .drag_area .drop.drag_move{position:fixed;cursor:move;filter:alpha(opacity=60);opacity:0.6;z-index:20}*/ .quote_form_setup .quote_step .drag_area .drop.drag_move{position:fixed;cursor:move;z-index:20} .quote_form_setup .quote_step .drag_area .drag_list.target .drop .text{background:#4e4e4e} .quote_form_setup .quote_step .drag_area .drag_list.target .drop .blank{display:block;height:30px;background:#f0f0f0;filter:alpha(opacity=0);opacity:0} .quote_form_setup .quote_step .drag_area .drag_list.list .drop .blank{display:block;height:30px;background:#f0f0f0;filter:"";opacity:1} .quote_form_setup .quote_step .drag_area.drag_on .drag_list.select{filter:alpha(opacity=60);opacity:0.6} .quote_form_setup .quote_step .drag_area.drag_on .drag_list.list .drop .blank{filter:alpha(opacity=50);opacity:0.5} .content_downloadfilename .quote_form_setup .quote_step .drag_list.container li{padding:0 8px} .content_downloadfilename .quote_form_setup .quote_step .drag_list.container li span{width:90px} .content_downloadfilename .quote_form_setup .quote_step .drag_area .drop{padding:0 8px;width:96px} .content_downloadfilename .quote_form_setup .quote_step .drag_area .drop .text{width:96px} .quote_form_setup .quote_step .select_area{float:left;padding:20px;max-width:650px;border:1px solid #e5e5e5;box-shadow:0 0 2px rgba(0,0,0,0.1)} .quote_form_setup .quote_step .select_area .select_list{;height:33px} .quote_form_setup .quote_step .select_area li{float:left;margin-left:16px} .quote_form_setup .quote_step .select_area li:first-child{margin-left:0} .quote_form_setup .quote_step .select_area .radio_box{display:block;cursor:pointer;position:relative;width:95px;height:33px;line-height:33px;text-align:center;font-size:13px;color:#fff;border-radius:3px;background:#a4a4a4} .quote_form_setup .quote_step .select_area .radio_box input{cursor:pointer;display:block;position:absolute;left:0;top:0;width:95px;height:33px;filter:alpha(opacity=0);opacity:0;z-index:20} .quote_form_setup .quote_step .select_area .radio_box.active{background:#646464} .quote_form_setup .quote_step .desc_box.bottom{float:left;padding:25px 20px 0 20px;width:540px} .quote_form_setup .quote_step .desc_box.bottom p{color:#888} .quote_form_setup .quote_btn{margin-top:25px;height:40px;text-align:center} .quote_form_setup .quote_btn .btn_quote_setup{display:inline-block;width:210px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#c6130e;*display:inline;zoom:1} .quote_form_setup .quote_btn .btn_quote_setup:hover{text-decoration:none} /* 20170217 */ /* 기간회원 확인하기 팝업 */ .popup_layer{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:url("../../img/common/bg_popup.png");z-index:1100} #popup_company_check .popup_window{display:block;position:absolute;left:50%;top:50%;margin:-172px 0 0 -221px;width:442px;height:344px} #popup_company_check .popup_text p{line-height:18px;font-size:13px} #popup_company_check .popup_text .desc{margin-top:5px} #popup_company_check .company_check_box{margin-top:30px;height:116px} #popup_company_check .company_check_box .input_box{height:30px} #popup_company_check .company_check_box .input_company{float:left;padding:0 12px;width:288px;height:28px;*line-height:28px;line-height:28px\9} #popup_company_check .company_check_box .btn_check{display:block;float:right;width:72px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;background:#494949} #popup_company_check .company_check_box .btn_check:hover{text-decoration:none} #popup_company_check .company_check_box .desc{display:none;margin-top:5px;padding:0 12px;color:#c5140e} #popup_company_check .popup_btn{text-align:center} #popup_company_check .popup_btn .btn_company_check{display:inline-block;width:210px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#c6130e;*display:inline;zoom:1} #popup_company_check .popup_btn .btn_company_check:hover{text-decoration:none} #popup_company_check .autocomplete_list{width:302px} .autocomplete_list{position:relative!important;z-index:2000} .autocomplete_list .ui-autocomplete{position:absolute;left:0;top:0;width:100%;max-height:80px;height:auto;border-radius:0;border:1px solid #dbdbdb;background:#fff} .autocomplete_list .ui-autocomplete li{padding:0} .autocomplete_list .ui-autocomplete li a{display:block;padding:1px 4px;font-size:12px;color:#727272;border:0;font-weight:normal;border-radius:0} .autocomplete_list .ui-autocomplete li a .ui-state-highlight{color:#c8120f;border:0;font-weight:700;background:none} .autocomplete_list .ui-autocomplete li a:hover{font-weight:normal;border:0;text-decoration:none} /* 다운로드 파일명 설정 */ #popup_download_setup{margin:-261px 0 0 -330px;width:660px;height:522px} /* 20170220 */ /* 개인회원 혜택 안내 팝업 */ .popup_window .popup_header .popup_title{font-weight:700} #popup_member_benefit .popup_window{display:block;margin:-171px 0 0 -221px;width:440px;height:auto;min-height:320px} #popup_member_benefit .popup_btn{margin-top:40px;text-align:center} #popup_member_benefit .popup_btn .btn_login{display:inline-block;width:210px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#c6130e;*display:inline;zoom:1} #popup_member_benefit .popup_btn .btn_login:hover{text-decoration:none} /* DBpia 검색결과페이지> 발행연도,간행물명 패싯 스크롤 생성 요청.(http://todo.nurimedia.co.kr/view.php?id=17032)으로 스크롤 CSS 추가함.(Peter, 2017-10-20) */ /* 검색속도 이슈가 발생하여 이전 기능으로 되돌림.(Peter, 2016-11-06) .sub-warp .sub-left .sub-menu p.text-gray{margin-bottom:0} .sub-warp .sub-left .sub-menu .menu_scroll_box{padding:5px 0;height:110px;border-bottom:1px solid #d5d5d5;overflow:hidden} .sub-warp .sub-left .sub-menu .menu_scroll_box dl.menu-block{padding:0;margin:0;border-bottom:0} .nicescroll-cursors{cursor:pointer} */ /* 장바구니 주문 확인 안내 팝업. Todo 요약본 구매시 동의항목 추가 수정요청(http://todo.nurimedia.co.kr/view.php?id=17096)으로 CSS 추가함.(Peter, 2017-10-30) */ .popup_window .popup_header .popup_title{font-weight:700} .popup_window .popup_content .popup_text p.contents_highlight {color: red;font-weight: 700;} #popup_cartitem_confirm .popup_window{display:block;margin:-171px 0 0 -221px;width:440px;height:auto;min-height:220px} #popup_cartitem_confirm .popup_window .popup_content .popup_checkbox_group {margin-top: 15px;display: inline-block;width: 90%;} #popup_cartitem_confirm .popup_window .popup_content .popup_checkbox_group .popup_checkbox_notice {float: left;} #popup_cartitem_confirm .popup_window .popup_content .popup_checkbox_group .popup_checkbox {float: right;} #popup_cartitem_confirm .popup_window .popup_content .popup_btn_group {display:table-cell; vertical-align:middle; text-align:center; width:392px;} #popup_cartitem_confirm .popup_window .popup_content .popup_btn_group .popup_btn_cancel{margin-top: 20px;text-align: center;display: inline-block;width: 80px;} #popup_cartitem_confirm .popup_window .popup_content .popup_btn_group .popup_btn_cancel .btn_cartitem_cancel{display:inline-block;width:80px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:rgb(108, 108, 108);*display:inline;zoom:1} #popup_cartitem_confirm .popup_window .popup_content .popup_btn_group .popup_btn_cancel .btn_cartitem_cancel:hover{text-decoration:none} #popup_cartitem_confirm .popup_window .popup_content .popup_btn_group .popup_btn_confirm{margin-top: 20px;text-align: center;display: inline-block;width: 80px;} #popup_cartitem_confirm .popup_window .popup_content .popup_btn_group .popup_btn_confirm .btn_cartitem_confirm{display:inline-block;width:80px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#c6130e;*display:inline;zoom:1} #popup_cartitem_confirm .popup_window .popup_content .popup_btn_group .popup_btn_confirm .btn_cartitem_confirm:hover{text-decoration:none} /* 20170919 by 황기섭 */ /* 마이페이지 홈 */ .mypage_home .home_table{margin:20px 0;width:100%;table-layout:fixed;border-top:1px solid #c6130e;border-bottom:1px solid #c6130e} .mypage_home .home_table .name_box{width:160px;background:#f8f8f8} .mypage_home .home_table .name_box .btn_setup{display:block;margin:0 auto;width:20px;height:20px;background:url("../../img/kr/mypage/icon_setup.png") no-repeat} .mypage_home .home_table th{padding:10px 0 5px 0;text-align:center;line-height:1.4em;font-size:12px;color:#888;font-weight:700} .mypage_home .home_table td{padding:5px 0 10px 0;text-align:center;line-height:1.4em;font-size:12px;color:#888} .mypage_home .home_table td .empty{color:#bbb} .mypage_home .home_table .btn_help{display:block;position:relative;margin:0 auto;width:20px;height:20px;background:url("../../img/kr/mypage/icon_help.png") no-repeat} .mypage_home .home_table .help_box{display:none;position:absolute;right:0;top:20px;padding:10px;width:300px;text-align:left;border:1px solid #cacaca;box-shadow:1px 1px 3px rgba(0,0,0,0.2);background:#f8f8f8} .mypage_home .home_table .help_box span{display:block;line-height:16px;font-size:12px;color:#888} .mypage_home .home_table .btn_help:hover .help_box{display:block} .mypage_home .home_list_area{width:105.3%;overflow:hidden} .mypage_home .home_list_box{float:left;margin-right:3%;width:46%;height:280px} .mypage_home .home_list_box .list_title{padding:5px 5px 5px 10px;height:20px} .mypage_home .home_list_box .list_title .title{float:left;padding-left:10px;line-height:20px;font-size:13px;color:#6c6c6c;font-weight:700;background:url('../../img/kr/common/dot_red.jpg') no-repeat 0 42%} .mypage_home .home_list_box .list_title .btn_more{display:block;float:right;width:20px;height:20px;background:url("../../img/kr/mypage/icon_more.jpg") no-repeat} .mypage_home .home_list_box .list_table{width:100%;height:212px;table-layout:fixed;border-top:1px solid #c6130e;border-bottom:1px solid #c6130e} .mypage_home .home_list_box .list_table tr{height: 42px; display: block;} .mypage_home .home_list_box .list_table td{padding:5px 10px;height:32px;text-align:left; display: block;} .mypage_home .home_list_box .list_table p{line-height:16px;font-size:12px;color:#888} .mypage_home .home_list_box .list_table .link{display:block;color:#6c6c6c;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .mypage_home .home_list_box .list_table .desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .mypage_home .home_list_box .list_table tr:nth-child(even) td{background:#f8f8f8} .mypage_home .home_list_box .list_table .btn_box{width:40px;text-align:center;display:table-cell;} .mypage_home .home_list_box .list_table .btn_download{display:block;margin:0 auto;width:20px;height:20px;background:url("../../img/kr/mypage/icon_download.png") no-repeat} .mypage_home .home_list_box .list_table .btn_detail{display:block;margin:0 auto;width:20px;height:20px;background:url("../../img/kr/mypage/icon_zoom.png") no-repeat} .mypage_home .home_list_box .list_table .value_box p, .mypage_home .home_list_box .list_table .search{display:block;max-height:32px;color:#6c6c6c;font-weight:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} .mypage_home .home_list_box .list_table .keyword{color:#c6130e} .mypage_home .home_list_box .list_table .empty{text-align:center;font-size:12px;color:#888;padding:5px 10px} .mypage_home .home_list_box .list_table .name_box, .mypage_home .home_list_box .list_table .value_box{width:45%;display:table-cell;} .mypage_home .home_list_box .list_table .name_box p{max-height:32px;font-size:12px;color:#6c6c6c;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .mypage_home .alerim-list-box p span{white-space: normal !important;} .mypage_home .alerim-list-box .name_box p{width:140px;} .mypage_home .day-search-list-box .day-search-info-row{ width: 90%;display: table-cell !important;} .mypage_home .day-search-list-box .btn_box{ display: table-cell;cursor:pointer;} /* 회원가입 */ .sub-contents .form-layout .member-join.member_interest_area dt, .sub-contents .form-layout .member-join.member_interest_area dd{height:246px} .sub-contents .form-layout .interest_area .interest_subject{margin:-5px 0 0 -10px;overflow:hidden} .sub-contents .form-layout .interest_area .interest_subject .subject_box{display:block;float:left;position:relative;margin:5px 0 0 10px;padding:0 18px 0 5px;min-width:68px;height:18px;line-height:18px;font-size:12px;color:#6d6b6e;border:1px solid #9acfdf;background:#e5f3f6;white-space:nowrap} .sub-contents .form-layout .interest_area .interest_subject .subject_box .btn_delete{display:block;position:absolute;right:3px;top:3px;width:12px;height:12px;background:url("../../img/kr/member/btn_delete.png") no-repeat} /* .sub-contents .form-layout .interest_area .interest_list{width:328px;height:190px;border:1px solid #e2e2e2} .sub-contents .form-layout .interest_area .interest_menu{float:left;padding-top:5px;width:90px;height:185px;border-right:1px solid #e2e2e2} .sub-contents .form-layout .interest_area .interest_menu li{height:20px} .sub-contents .form-layout .interest_area .interest_menu a{display:block;padding:0 10px;height:20px;line-height:20px;font-size:12px;color:#6c6c6c;text-decoration:none} .sub-contents .form-layout .interest_area .interest_menu a:hover, .sub-contents .form-layout .interest_area .interest_menu a.active{background:#e6e6e6} .sub-contents .form-layout .interest_area .menu_area{float:right;width:225px;height:185px;overflow:hidden;overflow-y:auto} .sub-contents .form-layout .interest_area .menu_area .menu_list{display:none;padding:5px 0} .sub-contents .form-layout .interest_area .menu_area .menu_list.active{display:block} .sub-contents .form-layout .interest_area .menu_area .menu_list li{height:20px} .sub-contents .form-layout .interest_area .menu_area .menu_checkbox{cursor:pointer;float:left;height:20px;line-height:20px;font-size:12px;color:#6c6c6c} .sub-contents .form-layout .interest_area .menu_area .menu_checkbox .check{cursor:pointer;display:inline-block;margin:-1px 2px 0 0;width:12px;height:12px;vertical-align:middle;*display:inline;zoom:1} */ /*[DBpia 개인화서비스 개선 프로젝트] DBpia 프론트 추가개선사항 요청(http://todo.nurimedia.co.kr/view.php?id=17531)으로 위 소스를 주석처리 후 아래 소스로 변경함.(Peter, 2017-12-13)*/ .sub-contents .form-layout .interest_area .interest_list{width:528px;height:190px;border:1px solid #e2e2e2} .sub-contents .form-layout .interest_area .interest_menu{float:left;padding-top:5px;width:190px;height:185px;border-right:1px solid #e2e2e2;overflow:hidden;overflow-y:auto} .sub-contents .form-layout .interest_area .interest_menu li{height:auto} .sub-contents .form-layout .interest_area .interest_menu a{display:block;padding:2px 10px;height:auto;line-height:16px;font-size:12px;color:#6c6c6c;text-decoration:none} .sub-contents .form-layout .interest_area .interest_menu a:hover, .sub-contents .form-layout .interest_area .interest_menu a.active{background:#e6e6e6} .sub-contents .form-layout .interest_area .menu_area{float:right;width:325px;height:185px;overflow:hidden;overflow-y:auto} .sub-contents .form-layout .interest_area .menu_area .menu_list{display:none;padding:5px 0} .sub-contents .form-layout .interest_area .menu_area .menu_list.active{display:block} .sub-contents .form-layout .interest_area .menu_area .menu_list li{height:auto;overflow:hidden} .sub-contents .form-layout .interest_area .menu_area .menu_checkbox{cursor:pointer;position:relative;float:left;padding:2px 0 2px 15px;line-height:16px;font-size:12px;color:#6c6c6c} .sub-contents .form-layout .interest_area .menu_area .menu_checkbox .check{cursor:pointer;display:inline-block;position:absolute;left:0;top:5px;margin:-1px 2px 0 0;width:12px;height:12px;vertical-align:middle;*display:inline;zoom:1} .sub-contents .form-layout .member-join .btn_link{display:block;float:left;padding-right:30px;height:12px;line-height:12px;font-size:12px;color:#417ebf;font-weight:700;text-decoration:none;border-bottom:1px solid #417ebf;background:url("../../img/kr/member/icon_link_arrow.png") no-repeat right center} .sub-contents .form-layout .member-join .check_box{cursor:pointer;display:inline-block;margin-right:10px;min-width:70px;*display:inline;zoom:1} .sub-contents .form-layout .member-join .check_box .check{cursor:pointer} .sub-contents .member_author_form{display:none} .sub-contents .member_author_form.active{display:block} .sub-contents .form-layout .member-join.member_check_area p{margin-bottom:0} .sub-contents .form-layout .member-join.member_check_area dt .dot-black, .sub-contents .form-layout .member-join.member_author_area dt .dot-black{display:block;background-position:left 8px} .sub-contents .form-layout .member-join.member_check_area{position:relative;padding-left:200px} .sub-contents .form-layout .member-join.member_check_area dt{position:absolute;left:0;top:0;bottom:0;height:auto} .sub-contents .form-layout .member-join.member_check_area dd{height:auto} .sub-contents .form-layout .member-join.member_author_area{position:relative;padding-left:200px} .sub-contents .form-layout .member-join.member_author_area dt{position:absolute;left:0;top:0;bottom:0;height:auto} .sub-contents .form-layout .member-join.member_author_area dd{height:auto} /* 20171002 */ /* 알림서비스 통합 신청 */ /*.sns_menu .btn_alarm{background:url("../../img/kr/paper/PG-06_alert_new.gif");margin-left: 0px;width: 35px;height: 35px;}*/ /*DBpia 알림서비스 통합신청 버튼 이미지 교체 요청 http://todo.nurimedia.co.kr/view.php?id=18296 으로 수정함.*/ .sns_menu .btn_alarm{background:url("../../img/kr/paper/PG-06_alert_new.jpg") no-repeat;} #popup_total_alarm{margin:-270px 0 0 -313px;width:626px;height:540px} #popup_total_alarm .popup_content{height:456px;overflow:hidden;overflow-y:auto} #popup_total_alarm .popup_content p, #popup_total_alarm .popup_content .text{display:block;margin:0;line-height:16px;font-size:12px;color:#6c6c6c} #popup_total_alarm .popup_content .alarm_top{height:42px} #popup_total_alarm .popup_content .desc_box{margin:0 -10px 20px -10px;padding:10px 10px 14px 10px;border-bottom:1px solid #cfcfcf} #popup_total_alarm .popup_content .link{color:#407fc0;text-decoration:underline} #popup_total_alarm .form_box .check_box{display:block;position:relative;padding-left:19px;overflow:hidden} #popup_total_alarm .form_box .check_box .check{cursor:pointer;position:absolute;left:0;top:1px;width:12px;height:12px;filter:alpha(opacity=0);opacity:0;z-index:20} #popup_total_alarm .form_box .check_box .icon{cursor:pointer;display:block;position:absolute;left:0;top:1px;width:12px;height:12px;border:1px solid #c6130e;z-index:10} #popup_total_alarm .form_box .check_box .text{cursor:pointer;float:left} #popup_total_alarm .form_box .check_box .text b, #popup_total_alarm .form_box .check_box .text .link{font-weight:700;color:#6c6c6c;text-decoration:none} #popup_total_alarm .form_box .check_box .text .link:hover{text-decoration:underline} #popup_total_alarm .form_box .check_box .text b{cursor:default} #popup_total_alarm .form_box .check_box.active .icon{background:url("../../img/kr/paper/check.png") no-repeat center center} #popup_total_alarm .form_box .input_box{margin-top:15px} #popup_total_alarm .form_box .input_box:first-child{margin-top:0} #popup_total_alarm .form_box .input_box .desc{padding:4px 0 0 19px;font-size:12px;color:#a7a7a7} #popup_total_alarm .form_box .check_area{padding:8px 0 0 19px;width:570px;overflow:hidden} #popup_total_alarm .form_box .check_area .check_box{float:left;margin:0 84px 8px 0;width:80px} #popup_total_alarm .form_box .check_area .check_box .icon{border:1px solid #c6c6c6} #popup_total_alarm .form_box .check_area .check_box .text{cursor:default;font-weight:700} #popup_total_alarm .form_box .check_area .check_box.active .icon{background:url("../../img/kr/paper/checkg.png") no-repeat center center} #popup_total_alarm .form_box .check_list li{overflow:hidden} #popup_total_alarm .form_box .check_list .check_box{margin-bottom:8px;width:auto} #popup_total_alarm .form_box .btn_box{margin-top:30px;height:32px} #popup_total_alarm .form_box .btn_confirm{cursor:pointer;display:block;margin:0 auto;width:210px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;bordeR:0;background:#c6130e} #popup_total_alarm .already-alrim-item{background-color:rgba(100, 100, 100, 0.0);} #popup_total_alarm .already-alrim-item .icon{background: rgba(100, 100, 100, 0.1) !important;} /* 내가 열람한 논문 목록 */ .contents-warp .dot-red-fix .btn_list{margin-left:10px;color:#407fc0;font-weight:700} .contents-warp .search_filter_box{padding:5px 15px 5px 25px;margin:15px 0 -10px 0;border:3px solid #dfdfdf} .contents-warp .search_filter_box .radio_list{overflow:hidden} .contents-warp .search_filter_box .radio_list li{float:left;padding:2px 0;width:44%} .contents-warp .search_filter_box .radio_box{cursor:pointer;display:block;float:left;line-height:22px;font-size:12px;color:#6c6c6c} .contents-warp .search_filter_box .radio_box .radio{cursor:pointer;margin:-2px 6px 0 0;vertical-align:middle;z-index:10} .contents-warp .search_filter_box .radio_list .range_box{width:auto} .contents-warp .search_filter_box .range_box .radio_box{margin-right:3px} .contents-warp .search_filter_box .range_box .input_date{cursor:pointer;float:left;margin:0;padding:0 10px;width:100px;height:20px;font-size:12px;color:#000;border:1px solid #e2e2e2;background:#fff url("../../img/kr/paper/icon_calendar.png") no-repeat right center;*line-height:20px;line-height:20px\9} .contents-warp .search_filter_box .range_box .unit{float:left;margin:0 12px 0 5px;height:22px;line-height:22px;font-size:12px;color:#6c6c6c} #popup_search_calendar{display:none;position:absolute;left:0;top:0;padding:15px 20px 7px 20px;width:414px;border:3px solid #bfbfbf;background:#fff;z-index:1000} #popup_search_calendar .btn_close{display:block;position:absolute;right:6px;top:4px;width:20px;height:20px;background:url("../../img/kr/paper/icon_close.png") no-repeat center center;z-index:20} #popup_search_calendar .calendar_area{padding-bottom:15px;border-bottom:1px solid #e8e8e8;overflow:hidden} #popup_search_calendar .calendar_box{float:left;width:196px} #popup_search_calendar .calendar_box.end{float:right} #popup_search_calendar .calendar_title{height:25px;line-height:14px;font-size:14px;color:#00003b;font-weight:700} #popup_search_calendar .calendar_table{width:196px} #popup_search_calendar .btn_box{margin-top:7px} #popup_search_calendar .btn_box .btn_select{display:block;margin:0 auto;width:92px;height:26px;line-height:26px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#c51218} #popup_search_calendar .ui-datepicker{padding:0;border:0} #popup_search_calendar .ui-datepicker .ui-widget-header{position:relative;width:196px;border:0;border-bottom:2px solid #bcbcbc;border-radius:0;background:#fff} #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-title{margin:0} #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-year{margin:0 2px;width:76px;height:20px;vertical-align:top} #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-month{margin:0 2px;width:56px;height:20px;vertical-align:top} #popup_search_calendar .ui-datepicker table{margin:0;width:196px;font-size:12px} #popup_search_calendar .ui-datepicker th{padding:0;width:27px;height:28px} #popup_search_calendar .ui-datepicker th span{font-size:12px;color:#666;font-weight:700} #popup_search_calendar .ui-datepicker td{padding:0;width:27px;height:22px} #popup_search_calendar .ui-datepicker .ui-state-default, #popup_search_calendar .ui-datepicker .ui-widget-content .ui-state-default, #popup_search_calendar .ui-datepicker .ui-widget-header .ui-state-default{padding:0;width:25px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#6c6c6c;font-weight:normal;border:1px solid #fff;background:#fff} #popup_search_calendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default{color:#ff0000} #popup_search_calendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active{color:#fff;border:1px solid #c6130e;background:#c6130e} #popup_search_calendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight{border:1px solid #999} #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-prev, #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-next{display:block;left:2px;top:2px;width:20px;height:20px;border:0!important;border-radius:0;background:url("../../img/kr/paper/icon_page_prev.jpg") no-repeat;filter:alpha(opacity=50);opacity:0.5} #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-next{left:auto;right:2px;background:url("../../img/kr/paper/icon_page_next.jpg") no-repeat ;} #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover, #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-next:hover{filter:"";opacity:1} #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-disabled, #popup_search_calendar .ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-disabled{display:none} #popup_search_calendar .ui-datepicker .ui-datepicker-calendar .ui-state-disabled, #popup_search_calendar .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span{background:none!important} #popup_search_calendar .ui-widget-header .ui-icon{background-image:none !important;} /* 개인회원 가입 */ div.contents_layer ul.member.member_indi{width:auto} div.contents_layer ul.member li.member_box{float:none;padding:25px 0 22px 0;width:auto} div.contents_layer ul.member li.member_box .desc_box{padding-left:146px} div.contents_layer ul.member li.member_box .desc_box p, div.contents_layer ul.member li.member_box .desc_box .link{padding-left:8px;line-height:24px;font-size:12px;color:#6c6c6c;background:url('../../img/kr/common/dot_red.jpg') no-repeat 0 46%} div.contents_layer ul.member li.member_box .desc_box .link{display:block;color:#427fc0} div.contents_layer ul.member li.member_box .btn_box{margin-top:20px;text-align:center} div.contents_layer ul.member li.member_box .btn_box a{display:block;margin:0 auto;width:210px} div.contents_layer ul.member li.member_box .btn_box img{display:block} div.contents_layer ul.member li.member_box .btn_box .btn_auhorMinor{margin-top:8px} /* 20171012 */ #popup_alarm_rcmd{display:none;margin:-160px 0 0 -182px;width:363px} #popup_alarm_rcmd .popup_content .desc_box{margin:0 -10px 20px -10px;padding:0 10px 14px 10px;border-bottom:1px solid #cfcfcf} #popup_alarm_rcmd .popup_content .desc_box p{font-size:12px;color:#6c6c6c} #popup_alarm_rcmd .popup_content .desc_box .desc{margin-top:5px;color:#a7a7a7} #popup_alarm_rcmd .popup_content .alarm_list, #popup_alarm_rcmd .popup_content .alarm_list li{list-style:decimal} #popup_alarm_rcmd .popup_content .alarm_list{padding-left:15px} #popup_alarm_rcmd .popup_content .alarm_list li{position:relative;margin-top:8px;height:20px} #popup_alarm_rcmd .popup_content .alarm_list li:first-child{margin-top:0} #popup_alarm_rcmd .popup_content .alarm_list p{display:block;float:left;margin-top:-2px;width:240px;height:20px;line-height:20px;font-size:12px;color:#6c6c6c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #popup_alarm_rcmd .popup_content .alarm_list p span{color:#a7a7a7} #popup_alarm_rcmd .popup_content .alarm_list .check{cursor:pointer;display:block;position:absolute;margin:0;right:0;top:2px;z-index:20} #popup_alarm_rcmd .popup_content .alarm_list .btn_apply{display:block;float:right;margin-top:4px;width:37px;height:16px;line-height:16px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:#6c6c6c} #popup_alarm_rcmd .popup_content .bottom_box{margin:20px -10px -18px -10px;padding:6px 10px 0 10px;height:20px;border-top:1px solid #cfcfcf} #popup_alarm_rcmd .popup_content .check_box{display:block;cursor:pointer;position:relative;float:left;padding-left:20px;height:20px;line-height:20px;font-size:12px;color:#6c6c6c} #popup_alarm_rcmd .popup_content .check_box .check{position:absolute;left:0;top:3px;width:14px;height:14px;filter:alpha(opacity=0);opacity:0;z-index:10;background} #popup_alarm_rcmd .popup_content .check_box .icon{cursor:pointer;display:block;position:absolute;left:0;top:3px;width:12px;height:12px;border:1px solid #c6c6c6;z-index:10} #popup_alarm_rcmd .popup_content .check_box.active .icon{background:url("../../img/kr/paper/check.png") no-repeat center center} #popup_alarm_rcmd .popup_content .empty{font-size:12px;color:#6c6c6c} #popup_alarm_rcmd .popup_content .btn_box{margin-top:15px;height:32px} #popup_alarm_rcmd .popup_content .btn_confirm{cursor:pointer;display:block;margin:0 auto;width:130px;height:30px;text-align:center;font-size:12px;color:#fff;bordeR:0;background:#c6130e} #btn_alarm_rcmd_temp{position:fixed;left:0;top:0;padding:0 10px;height:30px;line-height:30px;text-align:18px;color:#000;font-weight:700;border:1px solid #c6130d;background:#fff;z-index:1000} .info_popup{position:fixed;left:0;bottom:0;right:0;border-top:3px solid #1e355f;background:#eff2f5;z-index:500} .info_popup .btn_info_close{display:block;position:absolute;right:0;top:0;z-index:20} .info_popup .btn_info_close .icon{display:block} .info_popup .info_wrap{margin:0 auto;max-width:940px} .info_popup .info_wrap .text_box{position:relative;padding:10px 170px 10px 0} .info_popup .info_wrap p{font-size:12px;color:#000} .info_popup .info_wrap .info_title{margin-bottom:2px;font-weight:700} .info_popup .info_wrap .btn_join{display:block;position:absolute;right:17px;bottom:10px;width:145px;height:26px;line-height:26px;text-align:center;font-size:12px;color:#fff;font-weight:700;text-decoration:none;background:#1e355f} .info_popup2 .info_wrap .text_box{padding-right:206px} .info_popup2 .info_wrap .btn_join{width:180px} /* 20171017 */ /* 검색결과 */ .sub-warp .sub-left .sub-menu p.text-gray{margin-bottom:0} .sub-warp .sub-left .sub-menu .menu_scroll_box{padding:5px 0;height:110px;border-bottom:1px solid #d5d5d5;overflow:hidden} .sub-warp .sub-left .sub-menu .menu_scroll_box dl.menu-block{padding:0;margin:0;border-bottom:0} .nicescroll-cursors{cursor:pointer} /* 20180117 플로팅 메모 */ #floating_memo{position:fixed;bottom:30px;right:30px;width:141px;height:143px;background:url("../../img/kr/sub/bg_memo.png") no-repeat center center;z-index:120} #floating_memo .text_box{padding:32px 0 0 16px;width:107px} #floating_memo .text_box p{position:relative;padding:0 3px;line-height:20px;font-size:12px;color:#505050} #floating_memo .text_box p span{display:block;position:absolute;right:5px;top:0} #floating_memo .text_box p span b{color:#c51218;font-weight:700} #floating_memo .text_box .link{display:block;margin-top:5px;height:18px;line-height:18px;text-align:center;font-size:12px;color:#fff;font-weight:700;border-radius:4px;background:#eb9f00;letter-spacing:-1px}