@charset "utf-8";

/* 기관검색팝업 */
.popCompanyList{width:300px; background:#fff;}
.popCompanyList ul.lst{max-height:130px; overflow-y:auto; margin:0px; padding:0px; border:1px solid #ccc;}
.popCompanyList ul.lst li{padding:0px; margin:0px; border-top:1px dashed #ddd;}
.popCompanyList ul.lst li:first-child{border-top:none;}
.popCompanyList ul.lst a{display:block; padding:5px 10px 7px; font-size:13px; color:#777;}
.popCompanyList ul.lst a:hover{color:#333; text-decoration: underline; background:#f3f3f3;}
.popCompanyList ul.lst .focus a,
.popCompanyList ul.lst a:focus{background:#D7F1FA;}

/* 제품검색 팝업 */
.popProdSearchResult{width:100%; background:#fff;}
.popProdSearchResult ul.lst{max-height:130px; overflow-y:auto; margin:0px; padding:0px; border:1px solid #ccc;}
.popProdSearchResult ul.lst li{padding:0px; margin:0px; border-top:1px dashed #ddd;}
.popProdSearchResult ul.lst li:first-child{border-top:none;}
.popProdSearchResult ul.lst a{display:block; padding:5px 10px 7px; font-size:13px; color:#777;}
.popProdSearchResult ul.lst a:hover{color:#333; text-decoration: underline; background:#f3f3f3;}
.popProdSearchResult ul.lst .focus a,
.popProdSearchResult ul.lst a:focus{background:#D7F1FA;}

/* 팝업 : 마이페이지 > 북마크 */
.manageBookmark{}
.manageBookmark .manageCont{display:none;}
.manageBookmark .modal-header .ti{border-bottom:1px solid #964040;}
.manageBookmark .modal-header .toggleCont{margin-left:10px;float:left; font-size:18px; line-height:30px;}
.manageBookmark.activeFolder .folderCont{display:block;}
.manageBookmark.activeBookmark .bookmarkCont{display:block;}
.manageBookmark .managementForm .btntxt{min-width: 0px; width:65px;}
.manageBookmark .btnGroup{text-align:left; font-size:0px; padding:0px;}
.manageBookmark .folderCont{}
.manageBookmark .folderCont .folderAdd{padding:10px 15px; border:1px solid #EFEFEF; background:#F9F9F9;}
.manageBookmark .folderCont .folderAdd .formGroup{margin:0px;}
.manageBookmark .folderCont .folderAdd .formLabel{width:100px;}
.manageBookmark .folderAdd .formItem{position:relative; padding-left:110px; padding-right:144px;}
.manageBookmark .folderAdd .formItem .inpbx{display:block; margin-left:0px; margin-right:0px; background:#fff;}
.manageBookmark .folderCont .folderAdd .formItem .btnGroup{position: absolute; top:0px; right:0px;}
.manageBookmark .folderCont .folderList{}
.manageBookmark .folderCont .folderList li{position:relative; padding:10px 0px; border-bottom:1px solid #EFEFEF;}
.manageBookmark .folderCont .folderList .btnGroup{position:absolute; top:10px; right:0px;}
.manageBookmark .folderCont .folderList .item{padding:0px 0px 0px 15px;}
.manageBookmark .folderCont .folderList .el-role-text{padding-top:8px; padding-bottom:8px;  word-break: break-all;}
.manageBookmark .folderCont .folderList .editItem{display:none; padding-right:140px; }
.manageBookmark .folderCont .folderList .editItem .inptxt{width:80%;}
.manageBookmark .folderCont .folderList .viewItem{padding-right:140px;}
.manageBookmark .folderCont .folderList .edit .editItem{display:block;}
.manageBookmark .folderCont .folderList .edit .viewItem{display:none;}
.manageBookmark .bookmarkCont{}
.manageBookmark .bookmarkCont .bookmarkList{border-top:1px solid #EFEFEF;}
.manageBookmark .bookmarkCont .bookmarkList li{position:relative; padding:10px 75px 10px 0px ; min-height:35px; border-bottom:1px solid #EFEFEF;}
.manageBookmark .bookmarkCont .bookmarkList .item{padding:8px 0px 8px 15px;}
.manageBookmark .bookmarkCont .bookmarkList .el-role-root{padding-top:9px; padding-bottom:8px; word-break: break-all;}
.manageBookmark .bookmarkCont .bookmarkList .btnGroup{position:absolute; top:10px; right:0px;}
.popManageComment .userCmmtCont{height:360px; overflow-y:auto; padding:15px; font-size:14px; }
.popManageComment .userCmmtCont li{padding-bottom:20px; text-align:center; border-top:1px solid #ddd;}
.popManageComment .userCmmtCont li:first-child{border-top:none;}


/* 팝업 : 다국어입력 */
.popMultiLang.modal{width:720px; margin-left:-360px;}
.popMultiLang.modal .modal-body{max-height:none; padding-bottom:0px; overflow-y:visible;}
.popMultiLang .langTabs{position:relative; padding-top:15px; border-bottom:1px solid #ddd;}
.popMultiLang .langTabs ul{overflow:hidden;}
.popMultiLang .langTabs li{float:left; padding:0px 10px;}
.popMultiLang .langTabs a{display:block; padding:5px 0px; text-align: center; font-size:14px; border-bottom:1px solid transparent;}
.popMultiLang .langTabs .on a{color:#964040; border-bottom:1px solid;}
.popMultiLang .langInput{position:relative; width:90%; margin:0px auto;}
.popMultiLang .langInput .inpbx{display:block; margin-right:125px;}
.popMultiLang .langInput .inpbx .txt{font-family: "new gulim", "새굴림"}
.popMultiLang .langInput .btntxt{float:left; margin-left:5px; min-width:0px;}
.popMultiLang .langInput .btnwrap{position:absolute; right:0px; top:0px;}
.popMultiLang .langCont{border-top:1px solid #ddd; font-family:'new gulim';}
.popMultiLang .langCont:first-child{border-top:none;}
.popMultiLang .langCont ul{padding:10px; overflow:hidden;}
.popMultiLang .langCont li{float:left; margin:4px;font-size:14px; word-break: break-all;}
.popMultiLang .langCont a{font-size:14px;}
.popMultiLang .langCont .nos{font-weight: bold; color:#964040;}
.popMultiLang .langCont .langContSub{padding:10px;}
.popMultiLang .langCont .langContSub .sti{display:block; margin-bottom:5px; font-size:14px; font-weight: 600;}
.popMultiLang .langCont .langContSub ul{padding:0px;}
.popMultiLang .languageContents{height:200px; overflow-y:auto; border-bottom:1px solid #ddd;}
.popMultiLang .langCharZoom{margin:0px 15px;}
.popMultiLang .zoomtxt{font-family: "new gulim", "새굴림";font-size: 30px;letter-spacing: -1px;font-weight: 600;color: #d03838;}
.popMultiLang .txtcode{font-family: "new gulim", "새굴림", '돋움',dotum; font-size:12px;}

#viewerLoginPopup{border:1px solid #222;}
#viewerLoginPopup .close{position:absolute; right:10px; top:10px; margin:0px;}
#viewerLoginPopup .modal-header{background:#2d3339;}
#viewerLoginPopup .loginbox{}
#viewerLoginPopup .loginbox.b2c .b2cItem{display:none;}
#viewerLoginPopup .loginbox .b2bItem{position:relative; z-index:10;}
#viewerLoginPopup .loginbox .b2cItem{position:relative; z-index:10; display:list-item;}
#viewerLoginPopup .loginbox .btnLogin .btntxt{width:100%; padding:0px;}
#viewerLoginPopup .loginbox .loginType{padding:10px 0px;}
#viewerLoginPopup .loginbox .loginType a{display:inline-block; padding:0px 12px; font-size:14px;}
#viewerLoginPopup .loginbox .loginType .on{color:#A34545; text-decoration: underline;}
#viewerLoginPopup .loginbox .inpForm{}
#viewerLoginPopup .loginbox .inpForm>li{margin-bottom:10px;}
#viewerLoginPopup .loginbox .inpForm li .popCompanyList{position:absolute; z-index:10; top:34px; left:0px; width:100%;}
#viewerLoginPopup .loginbox .inpForm li .popCompanyList li{margin:0px;}
#viewerLoginPopup .loginbox .inpForm .inpbx{position:relative; display:block; margin:0px; padding-right:30px;}
#viewerLoginPopup .loginbox .inpForm .inpbx .txt{font-size:14px;}
 .inpForm .inpbx .checkMsg{position:absolute; right:0px; top:2px;}

#viewerLoginPopup .loginbox .findInfo{padding:10px 0px; overflow:hidden;}
#viewerLoginPopup .loginbox .findInfo a{display:block; float:left; width:50%; text-align:center; font-size:14px;}
#viewerLoginPopup .loginbox .findInfo a .i{display:inline-block; margin-right:5px; width:17px; height:17px; vertical-align: middle; background: url("../images/common/sprite_common.png") 0 0 no-repeat;}
#viewerLoginPopup .loginbox .findInfo a.findId .i{background-position: -127px 0px;}
#viewerLoginPopup .loginbox .findInfo a.findPassWord .i{background-position: -145px 0px;}

/* 제품 요청하기  팝업 */
.tibox .ti2{ padding-top:15px;       line-height:1.5;    color:#666;        margin-left:15px; margin-right:15px;          font-size:13px;}
.RequestProduct .privacyInfoCheck {          margin-top: 20px;}
.RequestProduct .privacyInfoCheck ul {      padding: 0px 20px;         font-size: 13px;   border-bottom: 1px solid #eee;}
.RequestProduct .privacyInfoCheck ul li {    margin-bottom: 20px;      padding: 2px 0px;}
.RequestProduct .privacyInfoCheck .chkbox {          padding: 15px;   text-align: right;}
.servicecenter .contractForm .btnGroup {    padding: 20px 0px;}
.btnGroup {       margin-bottom:20px;}
.RequestForm .brdData .inpbx { min-width: 180px;}
#InsertRequestProduct { width: 400px; margin-left:-200px;top:2%;}


/*  ------------------------------------------------------------------------------------------
    viewer
  ------------------------------------------------------------------------------------------*/

/* 레이어팝업 정의 */
.layerPopup{position:absolute; right:0px; top:30px; z-index:10; display:none; min-width:300px; background:#F9F9F9; border:1px solid #ddd;}
.layerPopup .lptitle{float:left; color:#41434E; font-size:16px;}
.layerPopup .lpTop{padding:10px 15px; overflow:hidden; border-bottom:1px solid #C4C4C4; background: #F4F4F4;}
.layerPopup .lpBody{}
.layerPopup .btnCloseA{position:absolute; right:10px; top:12px;}
.contLayerPopup{width:60%; margin-left:-30%;}
.contLayerPopup .clpTop{position:relative; height:40px; text-align:center; background: #2D3339;}
.contLayerPopup .clpTop .clpLogo{position:absolute; left:10px; top:50%; margin-top:-12px}
.contLayerPopup .clpTop .btnCloseB{position:absolute; right:10px; top:10px;}
.contLayerPopup .clpTop .clpTitle{line-height:40px; font-size:16px; color:#fff}
.contLayerPopup .clpBottom{font-size:13px; padding:15px 0px; text-align:center; background:#f4f4f4; color:#999999;}

/* modal.css 재정의 */
.vmodal{width:60%; margin-left:-30%;}
.vmodal .modal-header{position:relative; height:40px; padding:0px; text-align:center; background: #2D3339;}
.vmodal .modal-header .close{margin:0px;}
.vmodal .modal-body{max-height: 70%}
.vmodal .modal-footer{font-size:13px; padding:15px 0px; text-align:center; background:#f4f4f4; color:#999999;}


/*==========  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) {

    /* 팝업 : 다국어입력 */
    .popMultiLang.modal{width:auto; margin:0px;}
    .popMultiLang.modal .modal-body{max-height:none; padding-bottom:0px; overflow-y:visible;}

}

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

}

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

}