@charset "utf-8";

/* 페이지 : 고객센터 */
.servicecenter{}
.servicecenter .qnaListWrap{padding:15px;}
.servicecenter .qnaTopBox{margin:20px 0px; overflow:hidden;}
.servicecenter .qnaTopBox .tibox{padding:15px;}
.servicecenter .qnaTopBox .boxLeft{float:left; width:48%; padding-right:2%;}
.servicecenter .qnaTopBox .boxRight{float:right; width:48%; padding-left:2%;}
.servicecenter .qnaInquire{margin-bottom:20px; padding:10px; line-height:33px; color:#7E91B1; overflow:hidden; background:#F0F4F7;}
.servicecenter .qnaInquire .txt{float:left; padding-top:5px}
.servicecenter .qnaInquire .btnInquire{float:right;}

/* 페이지 : 공지사항 */
.servicecenter .noticeListWrap{padding:15px;}

/* 페이지 : 고객센터 > 메인 */
.servicecenter .serviceMainSearch{padding:15px;}
.servicecenter .serviceMainSearch .msearch{}
.servicecenter .serviceMainSearch .msearch .inptxt{width:50%;}
.servicecenter .serviceMainCont{padding-top:15px; overflow:hidden; border-top:1px solid #ddd;}
.servicecenter .serviceMainCont .tibox{padding:15px 15px 0px 15px;}
.servicecenter .serviceMainCont .smFaqList{float:left; width:50%; }
.servicecenter .serviceMainCont .smFaqList .qna{margin:0px 15px 15px; border:none;}
.servicecenter .serviceMainCont .smNotiList{float:right; width:50%;}
.servicecenter .serviceMainCont .smNotiList ul{margin:0px 15px 15px; font-size:14px;}
.servicecenter .serviceMainCont .smNotiList li{padding:10px 10px; border-bottom:1px solid #ddd;}
.servicecenter .serviceMainCont .smNotiList .ico-new{margin-right:5px;}

/* 페이지 : 고객센터 > krpia */
.servicecenter .serviceAboutCont{margin-bottom:30px; font-size:14px;}
.servicecenter .serviceAboutCont h3{margin-bottom:15px;}
.servicecenter .serviceAboutChart{padding:40px 0px 20px; margin:0px auto;}
.servicecenter .serviceAboutChart img{max-width:100%;}
.servicecenter .krpiaProvidProd{margin-top:20px;}
.servicecenter .krpiaProvidProd .kpTitle{margin:0px 0px 15px 0px; font-weight:600; font-size:14px;}
.servicecenter .krpiaProvidProd .kpTitle span{color:#B3B3B3;}
.servicecenter .krpiaProvidProd .kpTitle span{}
.servicecenter .krpiaProvidProd .kpProdBox{padding:15px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background: #F9F9F9;}
.servicecenter .krpiaProvidProd .kpProdBox ul{overflow:hidden; margin-bottom:15px;}
.servicecenter .krpiaProvidProd .kpProdBox li{float:left; width:33.3333%; margin-bottom:10px; line-height:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.servicecenter .krpiaProvidProd .kpProdBox li a{padding:0px 5px 0px 10px; font-size:13px;}
.servicecenter .krpiaProvidProd .kpProdBox .btnGroup{text-align:right;}
.servicecenter .krpiaProvidProd .kpProdBox .btnGroup .btntxt{margin:2px 3px; width:150px;}

/* 페이지 : 고객센터 > 이용안내 */
.servicecenter .guideSearch{padding:15px; border-bottom:1px solid #ddd;}
.servicecenter .guideSearch label{margin-right:10px; font-size:16px; font-weight:600;}
.servicecenter .guideSearch .inptxt{width:85%;}
.servicecenter .guideSearch .btntxt{min-width:0px;}
.servicecenter .guideSearchResult{}
.servicecenter .guideSearchResult .resultBlock{margin-top:-1px; padding:20px; border:1px solid #ddd; background:#FCFCFC;}
.servicecenter .guideSearchResult .resultBlock .guidePath{margin-bottom:15px; font-size:16px; font-weight:600;}
.servicecenter .guideSearchResult .resultBlock ul{margin-left:20px;}
.servicecenter .guideSearchResult .resultBlock li{margin-top:10px; list-style:disc;}
.servicecenter .guideSearchResult .resultBlock li:first-child{margin:0px;}
.servicecenter .guideSearchResult .resultBlock li a{font-size:14px; color:#4D4D4D;}
.servicecenter .guideListWrap{padding:25px 15px;}
.servicecenter .guideListWrap .ti3{font-size:16px;}
.servicecenter .guideListWrap .guideboxWrap{overflow:hidden; padding-bottom:20px;  border:1px solid #E8E8E8; background:#FCFCFC;}
.servicecenter .guideListWrap .guidebox{float:left; width:25%; padding:20px 0px; min-height: 200px}
.servicecenter .guideListWrap .guidebox .boxtitle{padding:0px 25px 0px 25px; font-size:15px; color:#4D4D4D;}
.servicecenter .guideListWrap .guidebox .boxlist{padding:15px 25px; font-size:14px;}
.servicecenter .guideListWrap .guidebox .boxlist li{margin-top:5px;}
.servicecenter .guideListWrap .guidebox .boxlist a{color:#4D4D4D;}
.servicecenter .guideDetail{padding:15px;}
.servicecenter .guideDetail img{max-width:820px; margin-top: 20px;  margin-bottom: 20px;}
.servicecenter .guideDetail h3{margin-bottom:15px;}
.servicecenter .guideDetail .guideDetailCont{font-size:13px;}
.servicecenter .guideDetail .guideDetailCont img{max-width: 100%;}

/* 페이지 > 고객센터 > 계약 및 트라이얼 */
.servicecenter .privacyInfoCheck{margin-top:20px;}
.servicecenter .privacyInfoCheck ul{padding:0px 20px; font-size:13px; border-bottom:1px solid #ddd;}
.servicecenter .privacyInfoCheck ul li{margin-bottom:20px; padding:2px 0px;}
.servicecenter .privacyInfoCheck .chkbox{padding:15px; text-align: right;}
.servicecenter .serviceContract{padding:15px;}
.servicecenter .privacyAgreement{}
.servicecenter .privacyAgreement{margin-bottom:20px; padding:15px 20px; border:1px solid #ddd;}
.servicecenter .privacyAgreement > p{font-size:15px;}
.servicecenter .privacyAgreement .privacyCont{margin:15px 0px 10px; padding:15px; font-size:13px; border:1px solid #ddd; background: #F9F9F9;}
.servicecenter .contractForm{}
.servicecenter .contractForm .tips{margin-bottom:10px;}
.servicecenter .contractForm .btnGroup{padding:20px 0px;}
.servicecenter .contractForm .inpbx{width:150px;}

/* 페이지 > 고객센터 > 이용자 주석 */
.servicecenter .userCmmtWrite{padding:20px 15px;}
.servicecenter .userCmmtWrite .formHorizontal{padding:15px 0px;}
.servicecenter .userCmmtWrite .txt{margin-bottom:15px; font-size:13px;}
.servicecenter .userCmmtWrite .formLabel{width:80px;}
.servicecenter .userCmmtWrite .formItem{padding-left:90px;}
.servicecenter .userCmmtWrite .formItem .inptxt{width:50%; }
.servicecenter .userCmmtWrite .formItem .txtarea{width:70%; margin-bottom:10px; vertical-align: top;}
.servicecenter .userCmmtWrite .formItem .radioGroup .radiobox{display:inline-block; width:auto;}
.servicecenter .userCmmtWrite .ucProdSearch{position:relative; z-index:1; width:400px; padding-right:55px;}
.servicecenter .userCmmtWrite .ucProdSearch .srchbox{position:relative;}
.servicecenter .userCmmtWrite .ucProdSearch .inpbx{display:block; margin:0px;}
.servicecenter .userCmmtWrite .ucProdSearch .btntxt{position:absolute; top:0px; right:0px; min-width:0px;}
.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult{position:absolute; left:0px; top:34px; z-index:1; width:100%; background:#fff;}
/*.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult ul.lst{max-height:130px; overflow-y:auto; margin:0px; padding:0px; border:1px solid #ccc;}*/
/*.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult ul.lst li{padding:0px; margin:0px; border-top:1px dashed #ddd;}*/
/*.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult ul.lst li:first-child{border-top:none;}*/
/*.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult ul.lst a{display:block; padding:5px 10px 7px; font-size:13px; color:#777;}*/
/*.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult ul.lst a:hover{color:#333; text-decoration: underline; background:#f3f3f3;}*/
/*.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult ul.lst .focus a,*/
/*.servicecenter .userCmmtWrite .ucProdSearch .popProdSearchResult ul.lst a:focus{background:#D7F1FA;}*/
.servicecenter .userCmmtList li{padding-bottom:0px;}
.servicecenter .userCmmtList .cmmtRow{overflow:hidden; padding:8px 0px; border-top:1px solid #F2F2F2;}
.servicecenter .userCmmtList .cmmtRow.cmmtAuthor{background:#F9F9F9; border-bottom:1px solid #F2F2F2;}
.servicecenter .userCmmtList .cmmtRow .cmmtTitle{float:left; width:90px; text-align: center;}
.servicecenter .userCmmtList .cmmtRow .cmmtCont{margin-left:90px; padding-right:15px; font-size:13px;}
.servicecenter .userCmmtList .cmmtRow .cmmtCont .author{margin-right:12px; color:#3FA9F5;}
.servicecenter .userCmmtList .cmmtRow .cmmtCont .inpbx{display:block;}
.servicecenter .userCmmtList .cmmtRow .cmmtCont .txtbx{display:block;}



/*==========  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) {
    /* 페이지 : 고객센터 */
    .servicecenter{}
    .servicecenter .qnaListWrap{padding:15px;}
    .servicecenter .qnaTopBox{margin:20px 0px; overflow:hidden;}
    .servicecenter .qnaTopBox .tibox{padding:15px;}
    .servicecenter .qnaTopBox .boxLeft{float:none; width:auto; padding:0px;}
    .servicecenter .qnaTopBox .boxRight{float:none; width:auto; padding:0px; margin-top:-1px;}
    .servicecenter .qnaInquire{margin-bottom:20px; padding:10px; line-height:33px; color:#7E91B1; overflow:hidden; background:#F0F4F7;}
    .servicecenter .qnaInquire .btnInquire{float:right;}

    /*.servicecenter .serviceMainSearch{padding:15px; margin-top:-15px;}*/
    /*.servicecenter .serviceMainSearch .msearch{}*/
    /*.servicecenter .serviceMainSearch .msearch .inptxt{width:50%;}*/
    /*.servicecenter .serviceMainCont{overflow:hidden; border-top:1px solid #ddd;}*/
    /*.servicecenter .serviceMainCont .tibox{padding:15px 15px 0px 15px;}*/
    .servicecenter .serviceMainCont .smFaqList{float:none; width:auto; }
    /*.servicecenter .serviceMainCont .smFaqList .qna{margin:0px 15px; border:none;}*/
    .servicecenter .serviceMainCont .smNotiList{float:none; width:auto;}
    /*.servicecenter .serviceMainCont .smNotiList ul{margin:0px 15px; font-size:14px;}*/
    /*.servicecenter .serviceMainCont .smNotiList li{padding:10px 0px; border-bottom:1px solid #ddd;}*/

    .servicecenter .guideSearch{padding:15px; border-bottom:1px solid #ddd;}
    .servicecenter .guideSearch label{display:block; margin-bottom:15px;}
    .servicecenter .guideSearch .inptxt{width:70%;}
    .servicecenter .guideListWrap{padding:15px; }
    .servicecenter .guideListWrap .guideboxWrap{overflow:hidden; border:1px solid #E8E8E8; background:#FCFCFC;}
    .servicecenter .guideListWrap .guideboxRow.row1 .guideBox{border-left:1px solid #E8E8E8;}
    .servicecenter .guideListWrap .guidebox{float:none; width:auto; border-top:1px solid #e8e8e8}
    .servicecenter .guideListWrap .guidebox:first-child{border-top:none;}
    .servicecenter .guideListWrap .guidebox .boxtitle{ font-size:16px; color:#4D4D4D;}
    .servicecenter .guideListWrap .guidebox .boxlist{font-size:14px;}
    .servicecenter .guideListWrap .guidebox .boxlist a{color:#4D4D4D;}

    /* 페이지 : 고객센터 > krpia */
    .servicecenter .serviceAboutCont{margin-bottom:30px; font-size:14px;}
    .servicecenter .serviceAboutCont h3{margin-bottom:15px;}
    .servicecenter .serviceAboutChart{padding:40px 0px 20px; text-align: center;}
    .servicecenter .serviceAboutChart img{max-width:100%;}
    .servicecenter .krpiaProvidProd{margin-top:20px;}
    .servicecenter .krpiaProvidProd .kpTitle{margin:0px 0px 15px 0px; font-weight:600; font-size:14px;}
    .servicecenter .krpiaProvidProd .kpTitle span{color:#B3B3B3;}
    .servicecenter .krpiaProvidProd .kpTitle span{}
    .servicecenter .krpiaProvidProd .kpProdBox{padding:15px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background: #F9F9F9;}
    .servicecenter .krpiaProvidProd .kpProdBox ul{overflow:hidden; margin-bottom:15px;}
    .servicecenter .krpiaProvidProd .kpProdBox li{float:none; width:auto; margin-bottom:10px;}
    .servicecenter .krpiaProvidProd .kpProdBox li a{font-size:13px;}
    .servicecenter .krpiaProvidProd .kpProdBox .btnGroup{text-align:right;}

    /* 페이지 > 고객센터 > 계약 및 트라이얼 */
    .servicecenter .privacyInfoCheck{margin-top:20px;}
    .servicecenter .privacyInfoCheck ul{padding:0px 20px; font-size:13px; border-bottom:1px solid #ddd;}
    .servicecenter .privacyInfoCheck ul li{margin-bottom:20px; padding:2px 0px;}
    .servicecenter .privacyInfoCheck .chkbox{padding:15px; text-align: right;}
    .servicecenter .serviceContract{padding:15px;}
    .servicecenter .privacyAgreement{}
    .servicecenter .privacyAgreement{margin-bottom:20px; padding:15px 20px; border:1px solid #ddd;}
    .servicecenter .privacyAgreement > p{font-size:15px;}
    .servicecenter .privacyAgreement .privacyCont{margin:15px 0px 10px; padding:15px; font-size:13px; border:1px solid #ddd; background: #F9F9F9;}
    .servicecenter .contractForm{}
    .servicecenter .contractForm .tips{margin-bottom:10px;}
    .servicecenter .contractForm .btnGroup{padding:20px 0px;}
    .servicecenter .contractForm .inpbx{display:block; width:auto;}

    /* 페이지 > 고객센터 > 이용자 주석 */
    .servicecenter .userCmmtWrite .ucProdSearch{position:relative; z-index:1; width:auto; padding-right:55px;}

}

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

    /* 페이지 : 고객센터 > krpia */
    .servicecenter .serviceAboutCont{margin-bottom:30px; font-size:14px;}
    .servicecenter .serviceAboutCont h3{margin-bottom:15px;}
    .servicecenter .serviceAboutChart{padding:40px 0px 20px; text-align: center;}
    .servicecenter .serviceAboutChart img{max-width:100%;}
    .servicecenter .krpiaProvidProd{margin-top:20px;}
    .servicecenter .krpiaProvidProd .kpTitle{margin:0px 0px 15px 0px; font-weight:600; font-size:14px;}
    .servicecenter .krpiaProvidProd .kpTitle span{color:#B3B3B3;}
    .servicecenter .krpiaProvidProd .kpTitle span{}
    .servicecenter .krpiaProvidProd .kpProdBox{padding:15px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background: #F9F9F9;}
    .servicecenter .krpiaProvidProd .kpProdBox ul{overflow:hidden; margin-bottom:15px;}
    .servicecenter .krpiaProvidProd .kpProdBox li{float:none; width:auto; margin-bottom:10px;}
    .servicecenter .krpiaProvidProd .kpProdBox li a{font-size:13px;}
    .servicecenter .krpiaProvidProd .kpProdBox .btnGroup{text-align:right;}
    .servicecenter .krpiaProvidProd .kpProdBox .btnGroup .btntxt{margin:2px 0px; display:block; width:100%;}

}

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

}