@charset "utf-8";

@import url("reset.css");

.body-warp {background:url('../../img/kr/common/bg_top.gif') repeat-x 0 135px; }
.canvas-warp {width:940px; margin:0 auto;  }


/** 링크모음 **/
.a-blue a:hover{color:#0054e0;}
.a-none a:hover{text-decoration:none; }
.a-red a{ color:#ff0000; }
.a-red02 a{ color:#a80d08; }
.a-red03 a:hover{ color:#ff0000; text-decoration:underline;}
.a-black a{ color:#6C6C6C; }


.a-blue02 a{color:#407fc0;}
.a-blue02 a:hover{text-decoration:none;}

.a-blue-under a{color:#407fc0;}
.a-blue-under a:hover{text-decoration:underline;}


/** 텍스트 색, 볼드 모음 **/
.color-red01{ color:#a80d08; }
.color-red02{ color:#c6130e; }
.color-red03{ color:#ff0000; }
.color-red04{ color:#c8120f; }
.color-blue{ color:#407fc0; }

.b{ font-weight:bold; }
.word-break {text-overflow:clip; overflow:hidden;word-break:break-all;word-wrap:break-word;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.font13{font-size:13px;}

/* 검색결과에서 쓰임. 기존 프로그램 안 건드리기 위해서... */
.red { color:#a80d08; } 
.rtext { color: #1F497D; font-weight: normal; }
.fsize9 { font-size: 9pt; }

.blue{ color:#407fc0; }

/** 공통 추가 : 2013-08-16(leelack) **/
.fGroup {*zoom:1;}
.fGroup:after{content:""; display:block; clear:both;}
.fLeft { float:left; }
.fRight { float:right; }

.font11{font-size:11px;}

/** 간격 모음 **/
.mr06{ margin-right:6px;}
.mr20{ margin-right:20px;}

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

.ml09{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}

.ma2409{margin:24px 9px;}
.ma2410{margin:24px 10px;}
.ma1520{margin:15px 20px;}

.ma10{margin:10px;}

.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt24{margin-top:24px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt-05{ margin-top:-5px;}
.mt-10{ margin-top:-10px;}

/* 2013-08-02 haknight 코더부분 추가*/
.ma40{margin:40px;}
.mt-10{ margin-top:-10px;}
.mt19{margin-top:19px;}
@-moz-document url-prefix() { .mt19{margin-top:17px;}} 
.pt05{padding-top:5px;}
/*코더부분 추가 끝*/

.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pa009{padding:0 9px;}

/* 2013-08-01 haknight 저자회원 상단 간격때문에 추가*/
.qq{ margin-left:10px}

/** width 모음 **/
.widthFull { width: 100%;}
.width634 {  width: 634px; }
.width175 {  width: 175px; }
.width65 {  width: 65px; }
.width85 {  width: 85px; }
.width300 {  width: 300px; }

/** 배경색 모음 **/
.bgy{background-color:Yellow;}

/** dot **/
.dot-red {background:url('../../img/kr/common/dot_red.jpg') no-repeat 0 42%; padding-left:10px;}
.dot-red-fix {background:url('../../img/kr/common/dot_red.jpg') no-repeat 0 6px; padding-left:10px;}
.dot-black {background:url('../../img/kr/common/dot_black.gif') no-repeat 0 42%; padding-left:10px;}
.dot-black-fix {background:url('../../img/kr/common/dot_black.gif') no-repeat 0 6px; padding-left:10px;}
.dot-black02-fix {background:url('../../img/kr/common/dot_black02.gif') no-repeat 0 6px; padding-left:6px;}

.dot-red-big {background:url('../../img/kr/common/dot_red_big.jpg') no-repeat 0 42%; padding-left:10px;}

.dot-title {margin:15px 10px;}

.bar-line p {padding-left:9px; line-height:1.5em;  background:url('../../img/kr/common/line_bar.gif') no-repeat 0 8px;}

/** border **/
.border-grey {border:#cacaca 1px solid;}
.border-grey-b {border-bottom:#cacaca 1px solid;}
.border-grey-t {border-top:#cacaca 1px solid;}
.border-none-b {border-bottom:0 none;}

.top-warp {position:relative;}
#container {position:relative;}

/** top 버튼들 **/
.top-navi-warp {text-align:right;height:20px;margin:10px 0;}
.top-navi-warp span{ line-height:1.6em;}
.top-navi-warp img{vertical-align:-5px; padding:0 6px 0 6px;}
.top-navi-warp span.blank{padding:0 4px;}

/** 로고 및 전체검색 **/
.top-search-warp {margin:32px 0 14px 0;*zoom:1;}
.top-search-warp:after{content:""; display:block; clear:both;}
.top-search-warp h1.top-logo {float:left; margin-right:10px;}
.top-search-warp .top-search {float:left; }
.top-search-warp .top-right {float:right; position:relative; width:159px; height:59px;  }
.top-search-warp .top-right .top-right-btn{ position:absolute; right:0; top:40px; }
.top-search-warp .top-right .top-right-btn2{ position:absolute;margin-left:33px; bottom:30px;}
.top-search-warp .top-right .top-right-btn3{ position:absolute;margin-left:33px; bottom:0px;}
.top-search-warp .top-right .top-right-btn .btn-boxs { cursor:pointer; }
.top-search-warp .top-right .boxs{ position:absolute;  border:1px solid #d5d5d5; background-color:#fbfbfb; padding:10px; width:345px; top:120px; left:-207px; z-index:200; }
.top-search-warp .top-right .boxs p { padding:2px 0; }


.top-search ul{*zoom:1;}
.top-search ul:after{content:""; display:block; clear:both;}
.top-search-warp .top-search .top-search-input li{margin-right:6px;float:left; font-size:0;}
.top-search-warp .top-search .top-search-input .big-search input[type=text]{font-weight:bold;border:5px solid #db2027; width:378px; height:20px;line-height:18px;}
.top-search-warp .top-search .top-search-input .small-search {margin-top:7px;}
.top-search-warp .top-search .top-search-input .last{padding-top:5px;}
.top-search-warp .top-search .top-search-input .small-search input[type=text]{font-weight:bold;border:1px solid #db2027; width:110px; height:20px;line-height:20px;}

/** 탑메뉴 **/
.top-menu-warp{width:950px;}
.top-menu-warp ul{*zoom:1;}
.top-menu-warp ul:after{content:""; display:block; clear:both;}
.top-menu-warp li{float:left;font-size:0; position:relative;z-index:9;height:35px;}
.top-menu-warp li a{display:block; overflow:hidden; height:35px;}
.top-menu-warp li a img{vertical-align:top;}
.top-menu-warp li a:hover img{margin-top:-35px;}

.top-menu-warp .top-on img{margin-top:-35px;}

.top-menu-warp li .top-menu-depth2 {left:25px;position:absolute;z-index:1001;font-size:0;padding:10px 0 0 1px;background:url('../../img/kr/common/topnavi_back.jpg') no-repeat 0 0; width:109px;height:150px;display:none;}
.top-menu-warp li .top-menu-depth2 a{height:21px;}
.top-menu-warp li .top-menu-depth2 a:hover img{margin-top:0;}

.specific_check{position:absolute;width:108px;line-height:1.9em;padding-left:4px;padding-top:2px;background:#CC0001;color:#ffffff;top:22px;left:216px;display:none;}

/** copyright **/
.bottom-copyright{position:relative;border-top:1px solid #ccc; padding-top:10px; margin:10px 0 20px 0;*zoom:1;}
.bottom-copyright:after{content:""; display:block; clear:both;}
.bottom-copyright h2,
.bottom-copyright dl,
.bottom-copyright dt, 
.bottom-copyright dd{float:left;}

.bottom-copyright dt{margin-left:12px; width:758px;}
.bottom-copyright .bottom-navi {margin-bottom:6px;}
.bottom-copyright .bottom-navi a{margin-right:11px;}
.bottom-copyright dt p{margin:2px 0;font-size:8.8pt;}
.bottom-copyright dt a{font-size:8.8pt;}

.bottom-copyright dd{padding-top:5px; display:none; }
.bottom-copyright .bottom-db-warp{position:absolute;top:24px;right:0px;} /* 2013-12-06 */
.bottom-copyright .bottom-family-warp{position:absolute; right:-6px; bottom:5px; font-size:0;}


/** 페이징 **/
.paging{ text-align:center; line-height:18px; margin:20px 0;}
.paging ul{margin:0 auto;}
.paging li{display:inline;padding:0 3px; }
.paging li img{vertical-align:middle;}


/** 팝업 ========================================================================================================================**/
#barLayer {position:relative;overflow:hidden;}
#barLayer .bar{position:relative;background-color:#C6130E;height:32px;}
#barLayer .message{position:relative;top:9px;left:6px;color:#ffffff;font-weight:bold;}
#barLayer .closing{position:absolute;right:-2px;width:45px;height:32px;background:url('/images/kr/common/popup_title02.jpg');background-repeat:no-repeat;}
#popup_layer{position:relative;overflow:hidden;}

#downloadLayer {display:none;width:520px;border:solid #951f34 1px;background-color:#ffffff;}
#downloadLayer .boxs{margin:20px 0 20px 20px;float:left;overflow:hidden;}
#downloadLayer .boxs ul.lgubun li{margin:0 0 2px 0;padding:0 0 0 0px;line-height:18px;width:520px;text-align:left;float:left;}
#downloadLayer .box_in{width:520px;height:50px;margin:20px 0 0 0;float:left;overflow:hidden;}
#downloadLayer .box_in ul{text-align:center;margin:0 0px 20px 0;.margin:0 0px 10px 0;}
#downloadLayer .box_in li{text-align:center;margin:0 0px 0 0;}

#productLayer {display:none;width:560px;border:solid #951f34 1px;background-color:#ffffff;}
#productLayer .boxs{position:relative;width:526px;margin:14px 0 16px 20px;padding-bottom:6px;overflow:hidden;}
#productLayer .boxs ul.decript{position:relative;width:500px;}
#productLayer .boxs li{width:526px;line-height:1.3em;}
#productLayer .boxs div.link{position:relative;padding-top:12px;font-weight:bold;}
#productLayer .boxs .link .right{padding-left:6px;}
#productLayer .boxs div.line{position:relative;width:520px;border-top:solid 1px #c6130d;margin:10px 0 10px 0;}
#productLayer .boxs ul.product{position:relative;width:520px;margin-top:12px;}
#productLayer .boxs .product li{position:relative;width:520px;}
#productLayer .boxs .product div.title{width:340px;font-size:10pt;font-weight:600;}
#productLayer .boxs .product div.publisher{position:relative;width:320px;padding-top:3px;}
#productLayer .boxs .product div.price{position:relative;width:320px;padding-top:2px;}
#productLayer .boxs .product div.buttons{position:absolute;bottom:0px;right:2px;}
#productLayer .boxs ul.krpia{position:relative;width:520px;margin-top:12px;}
#productLayer .boxs .krpia li{position:relative;width:520px;}
#productLayer .boxs .krpia .title{color:#407fc0;font-size:10pt;font-weight:600;}
#productLayer .boxs .krpia div.buttons{position:absolute;bottom:0px;right:2px;}
#productLayer .boxs span.wait {color:#c6130d;font-size:11pt;font-weight:bold;}

#rcmLayer {display:none;width:560px;border:solid #951f34 1px;background-color:#ffffff;}
#rcmLayer .boxs{position:relative;width:520px;margin:14px 0 16px 20px;padding-bottom:6px;overflow:hidden;}
#rcmLayer .boxs ul.decript{position:relative;width:500px;}
#rcmLayer .boxs li{width:520px;line-height:1.3em;}
#rcmLayer .boxs div.link{position:relative;padding-top:12px;font-weight:bold;}
#rcmLayer .boxs .link .center{float:left;width:520px;text-align:center;}
#rcmLayer .boxs div.line{position:relative;width:520px;border-top:solid 1px #c6130d;margin:10px 0 10px 0;}
#rcmLayer .boxs ul.product{position:relative;width:520px;margin-top:12px;}
#rcmLayer .boxs .product li{position:relative;width:520px;}
#rcmLayer .boxs .product div.title{width:340px;font-size:10pt;font-weight:600;}
#rcmLayer .boxs .product div.publisher{position:relative;width:320px;padding-top:3px;}
#rcmLayer .boxs .product div.price{position:relative;width:320px;padding-top:2px;}
#rcmLayer .boxs .product div.buttons{position:absolute;bottom:0px;right:2px;}
#rcmLayer .boxs ul.krpia{position:relative;width:520px;margin-top:12px;}
#rcmLayer .boxs .chapter li{position:relative;width:520px;margin-bottom:12px;}
#rcmLayer .boxs .chapter li div{background:url(/images/kr/common/black_dot.jpg) no-repeat 2px 8px;padding:2px 0 0 10px;}
#rcmLayer .boxs span.wait {color:#c6130d;font-size:11pt;font-weight:bold;}

#multiLayer {display:none;width:560px;border:solid #951f34 1px;background-color:#ffffff;}
#multiLayer .boxs{position:relative;width:520px;margin:14px 0 16px 20px;padding-bottom:6px;overflow:hidden;}
#multiLayer .boxs ul.decript{position:relative;width:500px;}
#multiLayer .boxs li{width:520px;line-height:1.3em;}
#multiLayer .boxs div.link{position:relative;padding-top:12px;font-weight:bold;}
#multiLayer .boxs .link .center{float:left;width:520px;text-align:center;}
#multiLayer .boxs .link .right{padding-left:6px;}
#multiLayer .boxs div.line{position:relative;width:520px;border-top:solid 1px #c6130d;margin:10px 0 10px 0;}
#multiLayer .boxs ul.krpia{position:relative;width:520px;margin-top:12px;}
#multiLayer .boxs .krpia li{position:relative;width:520px;}
#multiLayer .boxs .krpia .title{color:#407fc0;font-size:10pt;font-weight:600;}
#multiLayer .boxs .krpia div.buttons{position:absolute;bottom:0px;right:2px;}

#searchHistoryLayer {display:none;width:410px;border:solid #951f34 1px;background-color:#ffffff;}
#searchHistoryLayer .boxs{position:relative;width:370px;margin:14px 0 16px 20px;padding-bottom:6px;overflow:hidden;}
#searchHistoryLayer .boxs ul.txt{position:relative;width:370px;}
#searchHistoryLayer .txt li{padding-bottom:8px;}
#searchHistoryLayer .boxs ul.btns{position:relative;width:370px;}
#searchHistoryLayer .btns li{width:370px;text-align:center;}
#searchHistoryLayer .btns li span{padding-left:4px;cursor:pointer;}

#loginLayer {display:none;width:440px;border:solid #951f34 1px;background-color:#ffffff;}
#loginLayer .boxs{position:relative;width:400px;margin:14px 0 4px 20px;padding-bottom:6px;overflow:hidden;}
#loginLayer .boxs ul.gubun{float:left;position:relative;width:400px;}
#loginLayer .boxs .gubun li{position:relative;float:left;}
#loginLayer .boxs li.left{width:178px;text-align:right;}
#loginLayer .boxs li.right{padding-left:14px;}
#loginLayer .boxs ul.inputbox{float:left;position:relative;margin:16px 0 26px 46px;}
#loginLayer .boxs .inputbox li{clear:both;position:relative;margin:5px 0 4px 0;width:308px;}
#loginLayer .boxs .loginbtn{position:absolute;bottom:1px;right:1px;}
#loginLayer .boxs .organfind{padding-bottom:4px;}
#loginLayer .boxs div.loginLayer_personal{margin:12px 0 0 0;width:326px;}
#loginLayer .boxs div.loginLayer_personal p{font-size:8.7pt;letter-spacing:-0.1em;padding:6px 0 0 6px;background:url(/img/kr/common/dot_black.gif) no-repeat 0px 12px;}
#loginLayer .boxs div.loginLayer_personal a{position:absolute;right:0px;}
#loginLayer .boxs div.loginLayer_oauthLogin{margin: 10px 0 5px 0;text-align: center;}
#loginLayer .boxs div.loginLayer_oauthLogin p{margin-top:5px;}
#loginLayer .input_txt {width:164px;}
#loginLayer .boxs ul.loginLayer_message{float:left;position:relative;width:360px;margin:0 0 12px 20px;display:none;}
#loginLayer .boxs .loginLayer_message li{border-bottom:solid 1px #c6130d;font-size:9pt;text-align:center;}
#loginLayer .boxs li.loginLayer_auto{width:226px;text-align:center;}
#loginLayer .boxs li.loginLayer_desc{font-size:8.7pt;color:#c6130d;display:none;}
#loginLayer .boxs .loginLayer_auto li{line-height:1.4;text-align:center;}
#loginLayer .hover { background-color: #D7F1FA; }
#loginLayer strong { color:#c8120f; }

#outConnLayer {display:none;width:126px;position:absolute;top:102px;right:0px;z-index:900;}
#outConnLayer .boxs{position:relative;overflow:hidden;}
#outConnLayer li{float:left;}
#outConnLayer li img{cursor:pointer;}
#outConnLayer .outConnHelp{position:relative;top:0px;left:3px;}
/*
#outConnTextLayer {display:none;width:358px;border:solid #d5d5d5 1px;background-color:#fbfbfb;position:absolute;top:180px;right:0px;z-index:900;}
*/
/* 2013-05-29 간편인증 텍스트 위치수정 (haknight) */
#outConnTextLayer {display:none;width:358px;border:solid #d5d5d5 1px;background-color:#fbfbfb; top:5px; position:absolute;right:0px;z-index:900;}
#outConnTextLayer .boxs{position:relative;width:358px;overflow:hidden;padding:12px 12px;}
#outConnTextLayer li{font-size:8.7pt;line-height:1.4;letter-spacing:-0.1px;}

.outConnContent {width:920px;overflow:hidden;padding-top:11px;}
.outConnContent .outConnBox{float:left;width:920px;background-color:#efefef;padding:8px 0 8px 8px;}
.outConnContent .outConnBox li{line-height:1.4;}
.outConnContent .outConnBox li.title{font-weight:bold;font-size:10pt;line-height:1.6;}
.outConnContent .outConnText{float:left;width:920px;margin:20px 0 0 0;padding:0 0 4px 0;border-bottom:solid 1px #c6130d;}
.outConnContent .outConnText li.list{padding:3px 0 0 11px;}
.outConnForm {float:left;width:920px;}
.outConnForm .formList{float:left;width:920px;}
.outConnForm .formList li{float:left;border-bottom:solid 1px #e9e9e9;}
.outConnForm .formList .subject{width:180px;background-color:#f8f8f8;font-weight:700;font-size:12px;padding:9px 0 9px 8px;}
.outConnForm .formList .label{width:714px;padding:9px 0 9px 18px;}
.outConnForm .formList .descript{position:absolute;right:18px;color:#77848a;font-size:8.7pt;letter-spacing:-0.1em;}
.outConnForm .formList .input{width:714px;padding:8px 0 7px 18px;}
.outConnForm .btn{float:left;width:920px;text-align:center;margin-top:14px;}

#sknowledgeLayer {display:none;width:470px;overflow:hidden;}

/* #outConnBannerLayer{display:none;width:630px;overflow:hidden;margin-top:58px;} */
#mobileLayer{display:none;width:650px;overflow:hidden;margin-top:58px;}
#doiLayer{display:none;width:650px;overflow:hidden;margin-top:58px;}

/* 20140728 */
/* 검색 영역 */
.top-search-warp .top-search .top-search-input .big-search{position:relative}
.top-search-warp .top-search .top-search-input .big-search input[type=text]{padding-left:60px;width:326px}
.top-search-warp .type_wrap{position:absolute;left:5px;top:5px;width:54px;height:18px}
.top-search-warp .type_wrap input{display:none;width:54px;height:20px;text-align:center;font-size:12px;color:#fff;border:0;background:#af1a1f}
.top-search-warp .type_wrap .btn_except{background:#b3b3b3}
.top-search-warp .type_wrap .on{display:block}

/* 20150413 by kisup */
#layer_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#dbdbdb;z-index:998}
/*#recommand_layer{display:none;position:fixed;left:50%;top:50%;margin:-227px 0 0 -313px;width:624px;height:452px;border:1px solid #951f34;background-color:#fff;z-index:999}*/

/*#recommand_layer{display:none;position:absolute;left:0px;top:0px;width:624px;height:355px;border:1px solid #951f34;background-color:#fff;z-index:999}*/
#recommand_layer{display:none;position:absolute;left:0px;top:0px;width:624px;height:475px;border:1px solid #951f34;background-color:#fff;z-index:999}
#recommand_layer .header_wrap{position:relative;padding-left:24px;height:35px;line-height:35px;background:#C6130E}
#recommand_layer .header_wrap .title{height:35px;line-height:35px;font-size:13px;color:#fff;font-weight:bold}
#recommand_layer .header_wrap .btn_close{display:block;position:absolute;right:0;bottom:0;width:43px;height:35px;text-indent:-9999px;background:url('../../img/kr/popup/popup_title02.jpg') no-repeat}
#recommand_layer .banner_wrap{padding:0 24px;height:30px;line-height:30px;border-bottom:1px solid #ededed;}
#recommand_layer .banner_wrap .notice{display:block;float:left;font-size:12px;color:#888;}

/*#recommand_layer .popup_wrap{position:relative;height:255px;overflow:hidden;overflow-y:auto;zoom:1}*/
#recommand_layer .popup_wrap{position:relative;height:375px;overflow:hidden;overflow-y:auto;zoom:1}
#recommand_layer .popup_content{padding:20px 0 20px 24px;width:578px}
#recommand_layer .footer_wrap{padding:0 24px;height:34px;line-height:34px;border-top:1px solid #ededed}
#recommand_layer .footer_wrap .btn_today{display:block;float:left;font-size:12px;color:#888}
#recommand_layer .footer_wrap .btn_close{display:block;float:right;font-size:12px;color:#888}
#recommand_layer .footer_wrap a:hover{color:#b52926;text-decoration:none}
#recommand_layer .paper_list{padding-left:14px}
#recommand_layer .paper_list li{position:relative;margin-top:15px}
#recommand_layer .paper_list li:first-child{margin-top:0}
#recommand_layer .paper_list p{line-height:16px;font-size:12px;color:#888}
#recommand_layer .paper_list .paper_title{display:block;position:relative;width:486px;margin-bottom:3px;line-height:16px;font-size:12px;color:#666;font-weight:bold}
#recommand_layer .paper_list .paper_title .number{display:block;position:absolute;left:-14px;top:0;width:14px;height:16px;line-height:16px;font-size:12px}
#recommand_layer .paper_list .paper_title:hover{color:#000;text-decoration:none}
#recommand_layer .paper_list .price{position:absolute;right:0;top:0;color:#c6130d;font-weight:bold}
#recommand_layer .paper_list .expand_wrap{padding-top:3px}
#recommand_layer .paper_list .expand_top{height:16px;line-height:16px}
#recommand_layer .paper_list .expand_top a{display:block;float:left;height:16px;line-height:16px;font-size:12px;color:#666}
#recommand_layer .paper_list .expand_top .btn_download{padding-left:20px;background:url("../../img/kr/browse/icon_save_on.gif") no-repeat 2px top}
#recommand_layer .paper_list .expand_top .btn_expand{padding-left:15px;background:url("../../img/kr/browse/icon_open_off.gif") no-repeat left top}
#recommand_layer .paper_list .expand_top .btn_expand:hover{color:#b52926;text-decoration:none;background:url("../../img/kr/browse/icon_open_on.gif") no-repeat left top}
#recommand_layer .paper_list .expand_top .btn_cart{padding-left:18px;background:url("../../img/kr/browse/icon_cart_off.gif") no-repeat left top}
#recommand_layer .paper_list .expand_top .btn_cart:hover{color:#b52926;text-decoration:none;background:url("../../img/kr/browse/icon_cart_on.gif") no-repeat left top}
#recommand_layer .paper_list .expand_top .line{display:block;float:left;margin:0 10px;height:16px;line-height:16px;font-size:12px;color:#dcdcdc}
#recommand_layer .paper_list .expand_content{display:none;padding-top:3px}
#recommand_layer .paper_list .expand_top .btn_expand.on{background:url("../../img/kr/browse/icon_close_off.gif") no-repeat left top}
#recommand_layer .paper_list .expand_top .btn_expand.on:hover{color:#b52926;background:url("../../img/kr/browse/icon_close_on.gif") no-repeat left top}
#recommand_layer.buypopup .paper_list .paper_title{padding-right:130px}



/* 20150623 설문조사 */
#vote_popup{position:fixed;right:14px;bottom:14px;width:302px;z-index:999}
#vote_popup .popup_header{height:38px}
#vote_popup .popup_header .title{display:block;position:relative;height:38px}
#vote_popup .popup_header .img{display:block}
#vote_popup .popup_header .icon{display:block;position:absolute;right:20px;top:14px;width:11px;height:14px;background:url("../../img/kr/vote/icon_arrow.png") no-repeat;z-index:20}
#vote_popup.on .popup_header .icon{background:url("../../img/kr/vote/icon_arrow_on.png") no-repeat}
#vote_popup .popup_content{display:none;width:300px;border:1px solid #cbcbcb;border-top:0;background:#fff}
#vote_popup .popup_content .content_wrap{position:relative;padding:10px 10px 0 10px;height:355px}
#vote_popup .popup_content .content_continue{display:none}
#vote_popup .popup_content .desc{margin-bottom:19px;font-size:12px;color:#9d9d9d}
#vote_popup .popup_content .question_wrap{margin-bottom:15px}
#vote_popup .popup_content .question{margin-bottom:5px;font-size:12px;color:#3a3a3a;font-weight:bold;}
#vote_popup .popup_content .question_list{padding-left:20px}
#vote_popup .popup_content .question_list label{cursor:pointer;line-height:20px;font-size:12px;color:#3b3b3b}
#vote_popup .popup_content .question_list .radio_box{cursor:pointer;display:inline-block;position:relative;margin:-1px 6px 0 0;width:14px;height:20px;vertical-align:middle;background:url("../../img/kr/vote/icon_radio.png") no-repeat left -17px;overflow:hidden;*display:inline;zoom:1}
#vote_popup .popup_content .question_list .radio_box input{cursor:pointer;display:block;position:absolute;left:0;top:0;width:14px;height:20px;font-size:20px;filter:alpha(opacity=0);opacity:0}
#vote_popup .popup_content .question_list .radio_box.active{background-position:0 4px}
#vote_popup .popup_content .btn_wrap{position:absolute;left:0;bottom:18px;right:0;width:100%;text-align:center}
#vote_popup .popup_content .continue_text{padding-top:130px;text-align:center}
#vote_popup .popup_content .continue_text p{line-height:18px;font-size:12px;color:#3a3a3a}




.banner-top {position:absolute;position:fixed;z-index:111111; width:100%; top:0px; left:0px; border-bottom:1px solid #FFE39D; background:#FDF2AB no-repeat 13px center ;text-align:left; color:#666666; font-size: 12px; display:none;}
.banner-top div { padding:8px 36px 5px 20px; } 
.banner-top b { color:#c6130d; font-weight:bold; } 
.banner-top-close { position: absolute; right: 6px; height: 20px; width: 30px; text-align:center; }

/* 20160107 */
/* floating 메뉴 */
#floating_menu{position:absolute;right:50%;top:188px;margin-right:-670px;width:167px;border:1px solid #ddd;border-radius:2px;background:#fff;z-index:0;overflow:hidden}
#floating_menu.fixed{position:fixed;top:18px}
#floating_menu .menu{border-top:1px solid #ddd}
#floating_menu .menu:first-child{border-top:0}
#floating_menu .btn_link{display:block;position:relative;padding:0 40px 0 12px;height:35px;line-height:35px;font-size:12px;color:#6c6c6c;background:#f7f7f7}
#floating_menu .btn_link .count{display:block;position:absolute;top:0;right:12px;height:35px;line-height:35px;font-size:12px;color:#c6130e;text-align:right;z-index:20}
#floating_menu .recent_wrap{padding:12px}
#floating_menu .recent_wrap .title{margin-bottom:10px;padding:0 0 4px 0;line-height:20px;text-align:center;font-size:12px;color:#6c6c6c;border-bottom:1px solid #ddd}
#floating_menu .recent_list li{margin-bottom:10px}
#floating_menu .recent_list a{display:block;padding-left:12px;line-height:21px;font-size:12px;color:#6c6c6c;background:url("../img/kr/common/dot_black.gif") no-repeat left 8px}
#floating_menu .recent_list .hide{display:none}
#floating_menu .btn_wrap{padding-top:10px;height:12px}
#floating_menu .btn_more{display:block;float:right;width:40px;height:12px;line-height:12px;text-indent:-9999px;background:url("../img/common/btn/more.gif") no-repeat 2px 2px}
#floating_menu .btn_more:hover{background-position:2px -18px}
#floating_menu .btn_more.active{background-position:-36px 2px}
#floating_menu .btn_more.active:hover{background-position:-36px -18px}

/*#floating_menu.topbanner1 { top: 280px; }
#floating_menu.topbanner2 { top: 248px; }*/

/* floating 옆에 top 버튼 2016-06-02 */
#floating_menu_top{position:absolute;right:68%; bottom: 46%;margin-right:-670px;width:23px;border:1px solid #ddd;border-radius:2px;background:#fff;z-index:0;overflow:hidden;display: none;}
#floating_menu_top.fixed{position:fixed;bottom:1%; right: 59%;display: block;}



/* 20160112 */
/* 자료구독신청 배너 */
#subscribe_banner{padding:15px 0;text-align:center;border-top:3px solid #f0f0f0;border-bottom:3px solid #f0f0f0;background:#f7f7f7;display:middle;}
#subscribe_banner .text_wrap{display:inline-block;margin-right:38px;vertical-align:middle;text-align:left;*display:inline;zoom:1}
#subscribe_banner p{line-height:17px;font-size:12px;color:#646464}
#subscribe_banner p span{color:#c6130e}
#subscribe_banner .btn_subscribe{display:inline-block;vertical-align:middle;*display:inline;zoom:1}

/* 자료 구독 팝업 */
.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;padding:0 25px;line-height:35px;font-size:13px;color:#fff}
.popup_window .popup_header .popup_title .img{display:block}
.popup_window .popup_header .btn_close{float:right}
.popup_window .popup_header .btn_close .img{display:block}
.popup_window .popup_content{padding:24px}
.popup_window .popup_content p{line-height:17px;font-size:12px;color:#727272;letter-spacing:-1px}
.popup_window .popup_content a{color:#407fc0}
.popup_window .popup_content .btn_wrap{margin-top:30px;text-align:center}
.popup_window .popup_content .btn_wrap a{margin:0 5px}
.popup_window .btn_wrap{margin-top:28px;text-align:center}
.popup_window pre{margin:0;padding:0;line-height:16px;font-size:12px;color:#727272}
.popup_window .popup_content .red{color:#c6130d}
.popup_window .popup_content .dot_title{margin:20px 0 5px 0;padding-left:12px;background:url("../../img/kr/common/dot_red.jpg") no-repeat left 6px}

#popup_subscribe_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:990}
#popup_subscribe{position:fixed;margin:-342px 0 0 -263px;left:50%;top:50%;width:524px}
#popup_subscribe .info_wrap{position:relative;padding:14px 14px 14px 106px;height:114px;background:#f7f7f7}
#popup_subscribe .info_wrap .book{display:block;position:absolute;left:14px;top:14px}
#popup_subscribe .info_wrap .book .img{display:block}
#popup_subscribe .info_wrap .book_title{display:block;line-height:24px;font-size:13px;color:#0073b1;font-weight:700}
#popup_subscribe .subscribe_table{width:100%;table-layout:fixed;border-top:1px solid #e7e7e7}
#popup_subscribe .subscribe_table th,
#popup_subscribe .subscribe_table td{text-align:left;border-bottom:1px solid #e7e7e7}
#popup_subscribe .subscribe_table th{padding:0 0 0 12px;width:115px;font-size:12px;color:#727272;font-weight:normal;background:#f7f7f7}
#popup_subscribe .subscribe_table td{padding:7px 0 7px 8px}
#popup_subscribe .subscribe_table .input_text{padding:0 8px;width:108px;height:17px;font-size:12px;color:#727272;border:1px solid #d1d1d1;*line-height:17px;line-height:17px\9}
#popup_subscribe .subscribe_table label{margin-right:5px;line-height:19px;font-size:12px;color:#727272}
#popup_subscribe .subscribe_table label input{margin:-1px 3px 0 0;vertical-align:middle}
#popup_subscribe .subscribe_table .input_text.etc{float:left;width:70px}
#popup_subscribe .subscribe_table .job_wrap label{display:block;float:left}
#popup_subscribe .subscribe_table .email_wrap .input_text{float:left}
#popup_subscribe .subscribe_table .email_wrap .unit{display:block;float:left;width:24px;height:19px;line-height:19px;text-align:center;font-size:12px}
#popup_subscribe .subscribe_table .email_wrap .input_text.email{width:82px}
#popup_subscribe .subscribe_table .email_wrap select{float:left;margin-left:5px;width:80px;height:19px;font-size:12px;color:#727272;border:1px solid #d1d1d1}
#popup_subscribe .terms_box{padding:8px 10px;height:58px;border:1px solid #d1d1d1;overflow:hidden;overflow-y:auto}
#popup_subscribe .check_wrap{margin-top:8px;height:40px}
#popup_subscribe .check_wrap .check_box{float:right;margin-right:-10px}
#popup_subscribe .check_wrap label{display:block;width:220px;line-height:20px;font-size:12px;color:#727272;white-space:nowrap}
#popup_subscribe .check_wrap label input{margin:-1px 5px 0 0;vertical-align:middle}
#popup_subscribe .popup_content{display:none}
#popup_subscribe .popup_content.subscribe_panel{display:block}

#popup_subscribe_search{position:absolute;margin:0 0 0 -263px;top:-180px;width:524px;}
#popup_subscribe_search .info_wrap{position:relative;padding:14px 14px 14px 106px;height:114px;background:#f7f7f7}
#popup_subscribe_search .info_wrap .book{display:block;position:absolute;left:14px;top:14px}
#popup_subscribe_search .info_wrap .book .img{display:block}
#popup_subscribe_search .info_wrap .book_title{display:block;line-height:24px;font-size:13px;color:#0073b1;font-weight:700}
#popup_subscribe_search .subscribe_table{width:100%;table-layout:fixed;border-top:1px solid #e7e7e7}
#popup_subscribe_search .subscribe_table th,
#popup_subscribe_search .subscribe_table td{text-align:left;border-bottom:1px solid #e7e7e7}
#popup_subscribe_search .subscribe_table th{padding:0 0 0 12px;width:115px;font-size:12px;color:#727272;font-weight:normal;background:#f7f7f7}
#popup_subscribe_search .subscribe_table td{padding:7px 0 7px 8px}
#popup_subscribe_search .subscribe_table .input_text{padding:0 8px;width:108px;height:17px;font-size:12px;color:#727272;border:1px solid #d1d1d1;*line-height:17px;line-height:17px\9}
#popup_subscribe_search .subscribe_table label{margin-right:5px;line-height:19px;font-size:12px;color:#727272}
#popup_subscribe_search .subscribe_table label input{margin:-1px 3px 0 0;vertical-align:middle}
#popup_subscribe_search .subscribe_table .input_text.etc{float:left;width:70px}
#popup_subscribe_search .subscribe_table .job_wrap label{display:block;float:left}
#popup_subscribe_search .subscribe_table .email_wrap .input_text{float:left}
#popup_subscribe_search .subscribe_table .email_wrap .unit{display:block;float:left;width:24px;height:19px;line-height:19px;text-align:center;font-size:12px}
#popup_subscribe_search .subscribe_table .email_wrap .input_text.email{width:82px}
#popup_subscribe_search .subscribe_table .email_wrap select{float:left;margin-left:5px;width:80px;height:19px;font-size:12px;color:#727272;border:1px solid #d1d1d1}
#popup_subscribe_search .terms_box{padding:8px 10px;height:58px;border:1px solid #d1d1d1;overflow:hidden;overflow-y:auto}
#popup_subscribe_search .check_wrap{margin-top:8px;height:40px}
#popup_subscribe_search .check_wrap .check_box{float:right;margin-right:-10px}
#popup_subscribe_search .check_wrap label{display:block;width:220px;line-height:20px;font-size:12px;color:#727272;white-space:nowrap}
#popup_subscribe_search .check_wrap label input{margin:-1px 5px 0 0;vertical-align:middle}
#popup_subscribe_search .popup_content{display:none;height:482px;overflow-y:scroll;}
#popup_subscribe_search .popup_content .btn_wrap {margin-bottom:12px;}
#popup_subscribe_search .popup_content.subscribe_panel{display:block}


#popup_subscribe_complete{margin:-120px 0 0 -263px;width:524px}



/* 20160309 */
/* 원문복사신청 배너 */
#RequestToLibrary_banner{padding:15px 0;text-align:center;border-top:3px solid #f0f0f0;border-bottom:3px solid #f0f0f0;background:#f7f7f7}
#RequestToLibrary_banner .text_wrap{display:inline-block;margin-right:38px;vertical-align:top;text-align:left;*display:inline;zoom:1}
#RequestToLibrary_banner p{line-height:17px;font-size:14px;color:#646464}
#RequestToLibrary_banner p span{color:#c6130e}
#RequestToLibrary_banner .btn_RequestToLibrary{display:inline-block;vertical-align:top;*display:inline;zoom:1}


/* 원문복사신청 팝업 */
.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;padding:0 25px;line-height:35px;font-size:13px;color:#fff}
.popup_window .popup_header .popup_title .img{display:block}
.popup_window .popup_header .btn_close{float:right}
.popup_window .popup_header .btn_close .img{display:block}
.popup_window .popup_content{padding:24px}
.popup_window .popup_content p{line-height:17px;font-size:12px;color:#727272;letter-spacing:-1px}
.popup_window .popup_content a{color:#407fc0}
.popup_window .popup_content .btn_wrap{margin-top:30px;text-align:center}
.popup_window .popup_content .btn_wrap a{margin:0 5px}
.popup_window .btn_wrap{margin-top:28px;text-align:center}
.popup_window pre{margin:0;padding:0;line-height:16px;font-size:12px;color:#727272}
.popup_window .popup_content .red{color:#c6130d}
.popup_window .popup_content .dot_title{margin:20px 0 5px 0;padding-left:12px;background:url("../images/common/dot_red.jpg") no-repeat left 6px}

#popup_RequestToLibrary_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:990}
#popup_RequestToLibrary{position:absolute;margin:0 0 0 -263px;top:70px;width:524px}
#popup_RequestToLibrary .info_wrap{position:relative;padding:14px 14px 14px 14px;background:#f7f7f7}
#popup_RequestToLibrary .info_wrap ul li{list-style-type: square;list-style-position: inside;line-height:24px;}
#popup_RequestToLibrary .RequestToLibrary_table{width:100%;table-layout:fixed;border-top:1px solid #e7e7e7}
#popup_RequestToLibrary .RequestToLibrary_table th,
#popup_RequestToLibrary .RequestToLibrary_table td{text-align:left;border-bottom:1px solid #e7e7e7}
#popup_RequestToLibrary .RequestToLibrary_table th{padding:0 0 0 12px;width:115px;font-size:12px;color:#727272;font-weight:normal;background:#f7f7f7}
#popup_RequestToLibrary .RequestToLibrary_table td{padding:7px 0 7px 8px}
#popup_RequestToLibrary .RequestToLibrary_table .input_text{padding:0 8px;width:108px;height:17px;font-size:12px;color:#727272;border:1px solid #d1d1d1;*line-height:17px;line-height:17px\9}
#popup_RequestToLibrary .RequestToLibrary_table label{margin-right:5px;line-height:19px;font-size:12px;color:#727272}
#popup_RequestToLibrary .RequestToLibrary_table label input{margin:-1px 3px 0 0;vertical-align:middle}
/*#popup_RequestToLibrary .RequestToLibrary_table .input_text.personal{float:left;width:50px}*/
#popup_RequestToLibrary .RequestToLibrary_table .input_text.job.etc{float:left;width:72px}
#popup_RequestToLibrary .RequestToLibrary_table .job_wrap label{display:block;float:left}
#popup_RequestToLibrary .RequestToLibrary_table .cellphone_wrap .input_text.cellphone{width:84px}
#popup_RequestToLibrary .RequestToLibrary_table .cellphone_wrap select{float:left;margin-right: 5px;width:100px;height:19px;font-size:12px;color:#727272;border:1px solid #d1d1d1}
#popup_RequestToLibrary .RequestToLibrary_table .email_wrap .input_text{float:left}
#popup_RequestToLibrary .RequestToLibrary_table .email_wrap .unit{display:block;float:left;width:24px;height:19px;line-height:19px;text-align:center;font-size:12px}
#popup_RequestToLibrary .RequestToLibrary_table .email_wrap .input_text.email{width:82px}
#popup_RequestToLibrary .RequestToLibrary_table .email_wrap select{float:left;margin-left:5px;width:80px;height:19px;font-size:12px;color:#727272;border:1px solid #d1d1d1}
#popup_RequestToLibrary .reason_wrap{float:left;}
#popup_RequestToLibrary .reason_wrap label{display:block;width:300px;line-height:20px;font-size:12px;color:#727272;white-space:nowrap}
#popup_RequestToLibrary .reason_wrap label input{margin:-1px 5px 0 0;vertical-align:middle}
#popup_RequestToLibrary .reason_wrap_etc{display:block;}
#popup_RequestToLibrary .reason_wrap_etc label{display:inline;width:150px;line-height:20px;font-size:12px;color:#727272;white-space:nowrap}
#popup_RequestToLibrary .reason_wrap_etc .input_text.etc{float:right;width:270px}
#popup_RequestToLibrary .terms_box{padding:8px 10px;height:58px;border:1px solid #d1d1d1;overflow:hidden;overflow-y:auto}
#popup_RequestToLibrary .check_wrap{margin-top:8px;height:40px}
#popup_RequestToLibrary .check_wrap .check_box{float:right;margin-right:-10px}
#popup_RequestToLibrary .check_wrap label{display:block;width:220px;line-height:20px;font-size:12px;color:#727272;white-space:nowrap}
#popup_RequestToLibrary .check_wrap label input{margin:-1px 5px 0 0;vertical-align:middle}
#popup_RequestToLibrary .popup_content{display:none}
#popup_RequestToLibrary .popup_content.RequestToLibrary_panel{display:block}

#popup_RequestToLibrary_complete{margin:-120px 0 0 -263px;width:524px}

/* 20160419 */
#top_banner{height:120px;background:#f0e1d9 ; text-align:center; width: 100%; overflow: hidden;background-image:url("../img/event/krpia201708/KRpia_2017_bg.jpg");}
#top_banner .banner_wrap{position:relative;margin:0 auto;width:940px;height:118px}
#top_banner .link_banner{display:block;width:940px;height:89px;background:url("../img/kr/topbanner/bg_banner.gif") no-repeat center top}
#top_banner .btn_close{display:block;position:absolute;right:17px;top:26px;width:34px;height:34px;text-indent:-9999px;background:url("../img/kr/topbanner/btn_close.png") no-repeat;z-index:20}
#top_banner span{display:block;line-height:20px;text-align:center;font-size:13px;color:#404040}
#top_banner .title{margin-bottom:5px;padding-top:18px;text-align:center;line-height:auto}

/*.body-warp.top_banner{background-position:0 246px}*/

.load_short{background:url('../../img/common/ajax-loader.gif') no-repeat 0 0; background-position:center;z-index:999;}

.load{background:url('../../img/common/ajax-loading-middle.gif') no-repeat 0 0; background-position:center;z-index:999;}

.logo-left-pad0{padding-left:0px !important;}

.crossCheck{display:none;}

.wing_banner{position:absolute;right:50%;top:20px;margin-right:-670px;width:167px;background:#fff;z-index:0;overflow:hidden}
.wing_banner.fixed{position:fixed;top:40px}

/* 20170119 */
/* 추천논문 팝업 */
#recommand_layer.paper_recommand{height:550px}
#recommand_layer.paper_recommand .banner_wrap{padding:25px 24px 0 24px;height:40px;line-height:19px;border-bottom:0}
#recommand_layer.paper_recommand .banner_wrap .notice{float:none}
#recommand_layer.paper_recommand .popup_content{padding-top:15px}
#recommand_layer.paper_recommand .popup_wrap{height:415px}
#recommand_layer.paper_recommand .tab_area .tab_menu{position:relative;margin-bottom:15px;height:30px;border-bottom:1px solid #ababab}
#recommand_layer.paper_recommand .tab_area .tab_menu .tab{display:block;position:relative;margin-left:-1px;float:left;padding:0 20px;height:29px;line-height:29px;font-size:13px;color:#5d5d5d;font-weight:700;text-decoration:none;border:1px solid #cfcfcf;border-bottom:0;background:#f0f0f0;z-index:10}
#recommand_layer.paper_recommand .tab_area .tab_menu .tab:first-child{margin-left:0}
#recommand_layer.paper_recommand .tab_area .tab_menu .tab.active{color:#000;border-color:#ababab;border-bottom:1px solid #fff;background:#fff;z-index:20}
#recommand_layer.paper_recommand .tab_area .tab_panel{display:none}
#recommand_layer.paper_recommand .tab_area .tab_panel.active{display:block}
#recommand_layer.paper_recommand .tab_panel_top{height:40px}
#recommand_layer.paper_recommand .tab_panel_top .btn_save_all{display:block;float:left}
#recommand_layer.paper_recommand .tab_panel_top .btn_more{display:block;float:right;line-height:26px;font-size:13px;color:#417ebf;font-weight:700}