@charset "utf-8";

/* 페이지 : 국가지식 */
.knowledge .knowlAccordion{border-top:1px solid #ddd;}
.knowledge .knowlAccordion .caret{display:inline-block; width:12px; height:6px; margin-right:5px; background:url("../images/common/sprite_icon.png") -5px -97px no-repeat;}
.knowledge .knowlAccordion .on .caret{background-position: -22px -97px;}
.knowledge .knowlAccordion li{border-bottom:1px dashed #ddd;}
.knowledge .knowlAccordion .accheader{padding:10px 15px;}
.knowledge .knowlAccordion .accheader *{vertical-align:middle;}
.knowledge .knowlAccordion .accheader a.trigger{margin-right:10px; font-size:14px; color:#1A1A1A;}
.knowledge .knowlAccordion .acccont{display:none; padding:20px 40px; border-top:1px dashed #ddd; background:#F9F9F9;}
.knowledge .knowlAccordion .on .acccont{display:block;}
.knowledge .knowledgeView .knowlFilterBox{padding:15px 0px 0px 15px;}
.knowledge .knowledgeView .knowlFilterBox .dropdown{min-width:70px; margin-bottom:5px;}
.knowledge .knowledgeView .knowlContDl{}
.knowledge .knowledgeView .knowlContDl dt{float:left; width:90px; padding-left:10px; color:#964040; background:url("../images/ico/ico_circle_redbrown.png") 0 50% no-repeat;}
.knowledge .knowledgeView .knowlContDl dd{margin-left:100px; margin-bottom:5px;}
.knowledge .knowledgeView .knowlContAbout{margin-top:15px;}

.knowledge .knowledgeSite{border-bottom:1px solid #ddd;}
.knowledge .knowledgeSite .siteLogo{float:left; width:240px; padding:15px 0px; text-align: center;}
.knowledge .knowledgeSite .siteInfo{min-height:150px; margin-left:240px; padding: 15px 20px; border-left:1px solid #ddd;}
.knowledge .knowledgeSite .siteInfo .link{display:inline-block; margin-bottom:5px; font-size:16px; color:#00A0EA;}
.knowledge .knowledgeSite .siteInfo .link .i{display:inline-block; width:13px; height:13px; background: url("../images/common/sprite_btn.png") -5px -68px no-repeat;}
.knowledge .knowledgeSite .siteInfo .name{display:block; margin-bottom:5px; font-size:16px; font-weight:600;}
.knowledge .knowledgeSite .siteInfo .desc{font-size:13px;}
.knowledge .knowledgeSite .siteInfo .siteSearch{position:relative; margin-top:30px; text-align: right;}
.knowledge .knowledgeSite .siteInfo .siteSearch label{display:inline-block; padding:5px 0px; font-size:14px; color:#4D4D4D;}
.knowledge .knowlSiteMainList{padding:15px;}
.knowledge .knowlSiteMainList > ul{margin-left:-20px; overflow: hidden;}
.knowledge .knowlSiteMainList > ul > li{float:left; margin-bottom:20px; width:50%;}
.knowledge .knowlSiteMainList .ksbox{position:relative; padding:15px; margin-left:20px; border:1px solid #ddd; background: #fcfcfc;}
.knowledge .knowlSiteMainList .ksbox .btntxt{position:absolute; top:10px; right:10px;}
.knowledge .knowlSiteMainList .ksbox .ti{font-size:15px;}
.knowledge .knowlSiteMainList .ksbox .txtList{margin-top:15px; font-size:12px; min-height:100px;}
.knowledge .knowledgeSearch{padding:15px;}
.knowledge .knowledgeSearch .listTopBox{padding:0px 0px 15px 0px;}
.knowledge .knowledgeListDesc{padding:15px; color: #4D4D4D;}
.knowledge .knowledgeList{padding:15px;}
.knowledge .knowledgeView{}
.knowledge .knowledgeView .knowlDetTab{margin-top:20px; padding-left:10px; overflow:hidden;}
.knowledge .knowledgeView .knowledgeProdInfo{padding:20px; overflow:hidden; border-bottom:1px solid #ddd;}
.knowledge .knowledgeView .knowledgeProdInfo .prodImage{float:left; width:70px; padding:5px; text-align:center; border:1px solid #E0E0E0;}
.knowledge .knowledgeView .knowledgeProdInfo .prodImage img{max-width:100%;}
.knowledge .knowledgeView .knowledgeProdInfo .prodName{margin-left:100px; margin-bottom:5px; font-size:16px; color:#1A1A1A;}
.knowledge .knowledgeView .knowledgeProdInfo .prodInfo{margin-left:100px; margin-bottom: 20px;}
.knowledge .knowledgeView .knowledgeProdInfo .prodTabs{margin-left:100px;}
.knowledge .knowledgeView .knowledgeProdInfo .prodTabs .btntxt{min-width:0px; margin:0px 4px 5px 0px;color:#a82c2c;border-color:#e5b3b2;background:#faeeee;}
.knowledge .knowledgeView .knowledgeProdInfo .prodInfo dt{float:left; width:50px; padding:2px 0px; color:#1A1A1A;}
.knowledge .knowledgeView .knowledgeProdInfo .prodInfo dd{margin-left:50px; padding:3px 0px; color:#808080;}
.knowledge .knowledgeView .knowledgeProdDetail{padding:15px;}
.knowledge .knowledgeView .knowledgeProdDetail .prodCopy{margin-top:40px; padding:5px; font-size:13px; color:#4D4D4D; background: #F9F9F9;}
.knowledge .knowledgeView .knowledgeProdDetail .kpdDescList{margin:30px 30px 0px 30px;}
.knowledge .knowledgeView .knowledgeProdDetail .kpdDescList dt{float:left; width:100px; font-size:16px; font-weight:600; clear:left;}
.knowledge .knowledgeView .knowledgeProdDetail .kpdDescList dd{margin-left:100px;}
.knowledge .knowledgeView .knowledgeProdDetail .kpdDescList .knowledgeCommentary{padding:15px 0px;}
.knowledge .knowledgeView .knowledgeProdDetail .kpdDescList .knowledgeCommentary .em{margin-right:12px;}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* 페이지 : 국가지식 */
    .knowledge .knowledgeSite{border-bottom:1px solid #ddd;}
    .knowledge .knowledgeSite .siteLogo{float:none; width:auto; border-bottom:1px solid #ddd;}
    .knowledge .knowledgeSite .siteInfo{min-height:0px; margin-left:0px; border:none;}
    .knowledge .knowledgeSite .siteInfo .siteSearch{position:relative; margin-top:30px; text-align: right;}
    .knowledge .knowledgeSite .siteInfo .siteSearch label{display:block; padding:5px 0px; font-size:14px; color:#4D4D4D;}
    .knowledge .knowlSiteMainList > ul > li{float:none; margin-bottom:20px; width:100%;}

    .knowledge .knowledgeView .knowledgeProdInfo{border-bottom:1px solid #ddd;}
    .knowledge .knowledgeView .knowledgeProdInfo .prodImage{float:none; margin:0px auto 20px;}
    .knowledge .knowledgeView .knowledgeProdInfo .prodName{margin-left:0px; margin-bottom:5px;}
    .knowledge .knowledgeView .knowledgeProdInfo .prodInfo{margin-left:0px;}
    .knowledge .knowledgeView .knowledgeProdInfo .prodInfo dt{float:left; width:50px; color:#1A1A1A;}
    .knowledge .knowledgeView .knowledgeProdInfo .prodInfo dd{margin-left:50px; color:#808080;}

    .knowledge .knowledgeView .knowledgeProdDetail .kpdDescList{margin:0px 0px 20px 0px;}
    .knowledge .knowledgeView .knowledgeProdDetail .kpdDescList dt{float:none; margin-bottom:10px;}
    .knowledge .knowledgeView .knowledgeProdDetail .kpdDescList dd{margin-left:0px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}