@charset "utf-8";

/* ui : pagenate */
.pagenate{padding:25px 0px; font-size:0px; text-align:center;}
.pagenate *{vertical-align: middle;}
.pagenate strong,
.pagenate a{display:inline-block; margin:0px 2px;  height:28px; vertical-align:middle; font-size:18px; font-weight:normal; color:#B3B3B3; border:1px solid #fff;}
.pagenate a:hover{font-weight:normal; color:#4D4D4D; text-decoration: none;}
.pagenate strong{border:1px solid #B3B3B3; color:#4D4D4D;  }
.pagenate .page_no {  }
.pagenate .btn{width:30px; height:30px; border:none; background:url("/resources/images/common/sprite_common.png") 0px 0px no-repeat;}
.pagenate .btn.btnFirst{background-position:-0px -38px;}
.pagenate .btn.btnFirst:hover{background-position:-0px -69px;}
.pagenate .btn.btnPrev{background-position:-30px -38px;}
.pagenate .btn.btnPrev:hover{background-position:-30px -69px;}
.pagenate .btn.btnNext{background-position:-60px -38px;}
.pagenate .btn.btnNext:hover{background-position:-60px -69px;}
.pagenate .btn.btnLast{background-position:-90px -38px;}
.pagenate .btn.btnLast:hover{background-position:-90px -69px;}
.pagenate span.btn { margin: 0px 2px; cursor: default;}
.pagenate span.btn.btnFirst:hover { background-position: -0px -38px; !important; cursor: default; }
.pagenate span.btn.btnPrev:hover { background-position: -30px -38px; !important; cursor: default; }
.pagenate span.btn.btnNext:hover { background-position: -60px -38px; !important; cursor: default; }
.pagenate span.btn.btnLast:hover { background-position: -90px -38px; !important; cursor: default; }

/* title */
.ptibox{/*margin-bottom:15px;*/ padding:10px 15px; border-bottom:1px solid #ddd; overflow:hidden;}
.ptibox .ti{font-size:18px; color:#964040;}

/* qna list */
.qna{border-top:1px solid #ddd;}
.qna .ico-chev2-toggle{position:absolute; right:10px; top:15px;}
.qna .question{ border-bottom:1px solid #ddd; background:transparent url("/resources/images/ico/ico_question.png") 10px 12px no-repeat;}
.qna .question a{position:relative; display:block; padding:10px 28px 10px 40px; font-size:14px;}
.qna .question a:hover{text-decoration: underline;}
.qna .question a *{vertical-align:top;}
.qna .answer{display:none; padding:15px 15px 15px 40px; border-bottom:1px solid #ddd; font-size:13px; background: url("/resources/images/ico/ico_answer.png") 10px 18px no-repeat;}
.qna .on{background:#F9F9F9;}
.qna .on .ico-chev2-toggle{background-position: -53px -21px;}
.qna .on .answer{display:block;}

/* prod list */
.prodList{position: relative;}
.prodList .default{padding:0px 32px;}
.prodList .default li{border-top:1px solid #E5E5E5;}
.prodList .default li:first-child{border-top:none;}
.prodList .default .type1{padding:18px 0px; overflow:hidden;}
.prodList .default .type1 .thumb{float:left; width:130px; line-height:0; font-size:0;}
.prodList .default .type1 .thumb img{width:100%;}
.prodList .default .type1 .rbox{padding-left:154px; padding-right:13px;}
.prodList .default .type1 .rbox .title{display:block; margin-bottom:5px;}
.prodList .default .type1 .rbox .title *{vertical-align: middle;}
.prodList .default .type1 .rbox .title .ti{font-size:16px; font-weight:600; color:#1A1A1A; vertical-align: middle;}
.prodList .default .type1 .pub{display:block; margin-bottom:5px; color:#808080;}
.prodList .default .type1 .pub a{color:#808080;}
.prodList .default .type1 .cont{display:block; margin-bottom:5px;}
.prodList .default .type1 .cont a{color:#000000;}
.prodList .default .type2{padding:18px 13px;}
.prodList .default .type2 .title{display:block;}
.prodList .default .type2 .title .ti{font-size:16px; font-weight:600; color:#1A1A1A; vertical-align: middle;}
.prodList .default .type2 .pub{display:block; color:#808080;}
.prodList .default .type2 .pub a{color:#808080;}
.prodList .default .type2 .cont{display:block;}
.prodList .default .type2 .cont a{color:#000000;}


.prodList .typeConRow{}
.prodList .typeConRow .prodSeries{color:#808080; font-size:14px; font-weight: 600;}
.prodList .typeConRow li{padding:15px 0px; border-top:1px solid #eaeaea;}
.prodList .typeConRow li:first-child{border-top:none;}
.prodList .typeConRow .typeA{overflow:hidden;}
.prodList .typeConRow .typeA:first-child{margin:0px;}
.prodList .typeConRow .typeA .label{margin-right:5px;}
.prodList .typeConRow .typeA .thumb{float:left; width:130px; border:1px solid #ddd; line-height:0; font-size:0;}
.prodList .typeConRow .typeA .thumb img{width:100%;}
.prodList .typeConRow .typeA .pinfo{display:block; padding-left:154px; padding-right:13px;}
.prodList .typeConRow .typeA .pinfo .prodName{display:block; margin-bottom:5px;}
.prodList .typeConRow .typeA .pinfo .prodName a{font-weight: 600;}
/*.prodList .typeConRow .typeA .pinfo .prodName *{vertical-align: middle;}*/
.prodList .typeConRow .typeA .pinfo .prodName .ti{margin-right:5px; font-size:14px;}
.prodList .typeConRow .typeA .pinfo .prodName .pname{font-size:15px; font-weight:600; color:#1A1A1A; vertical-align: middle;}
.prodList .typeConRow .typeA .prodPub{display:block; margin-bottom:5px; color:#808080;}
.prodList .typeConRow .typeA .prodPub a{color:#808080;}
.prodList .typeConRow .typeA .prodCont{display:block; margin-bottom:5px;}
.prodList .typeConRow .typeA .prodCont a{color:#000000;}
.prodList .typeConRow .typeB{overflow:hidden;}
.prodList .typeConRow .typeB:first-child{margin:0px;}
.prodList .typeConRow .typeB .prodName{display:block; margin-bottom:5px;}
.prodList .typeConRow .typeB .prodName .pname{margin-right:5px;font-size:16px; font-weight:600; color:#1A1A1A; vertical-align: middle;}
.prodList .typeConRow .typeB .prodName .ti{margin-right:5px; font-size:14px; font-weight: 600;}
.prodList .typeConRow .typeB .prodPub{display:block; margin-bottom:5px; color:#808080;}
.prodList .typeConRow .typeB .prodPub a{color:#808080;}
.prodList .typeConRow .typeB .prodPath{display:block; margin-bottom:5px;}
.prodList .typeConRow .typeB .prodCont{display:block; margin-bottom:5px;}
.prodList .typeConRow .typeB .prodCont a{color:#000000;}

.prodList .typeConRow.thumbA .thumb{border:1px solid #ddd; width:70px; padding:5px; text-align:center; line-height:0; font-size:0;}
.prodList .typeConRow.thumbA .thumb img{max-width:100%;}
.prodList .typeConRow.thumbA .pinfo{padding-left:100px;}
.prodList .typeConRow.thumbB .thumb{border:1px solid #ddd; width:110px; padding:5px; text-align:center; line-height:0; font-size:0;}
.prodList .typeConRow.thumbB .thumb img{max-width:100%;}
.prodList .typeConRow.thumbB .pinfo{padding-left:140px;}


.prodList .typeBox{margin-left:-20px; overflow: hidden;}
.prodList .typeBox>li{float:left; width:33.3333%; margin-bottom:20px;}
.prodList .typeBox .box{margin-left:20px; border:1px solid #ddd;}
.prodList .typeBox .info{position:relative; padding:10px;}
.prodList .typeBox .box .thumb{width:100%; line-height:0; font-size:0;}
.prodList .typeBox .box .thumb img{max-width:100%;}
.prodList .typeBox .box .btnbox{position:absolute; top:10px; right:10px;}
.prodList .typeBox .box .btnbox ul li{float:left; margin:0px 2px;}
.prodList .typeBox .box .prodSubject{ padding-bottom:10px; padding-right:50px; font-size:15px; color:#666666; }
.prodList .typeBox .box .prodSubject a{display:block; width:100%; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow: ellipsis; overflow:hidden;}
.prodList .typeBox .box .prodName{height:48px; font-weight:600; font-size:16px; color:#4D4D4D; overflow:hidden;}
.prodList .item4>li{width:25%;}
.prodList .item6>li{width:16.6666%;}



.prodList .typeCol{margin-left:-20px; overflow: hidden;}
.prodList .typeCol li{float:left;  width:16.6666%; margin-bottom:20px;}
.prodList .typeCol .thumb{margin-left:20px; display:block; border:1px solid #ddd; line-height:0; font-size:0;}
.prodList .typeCol .thumb img{width:100%;}
.prodList .typeCol .prodSubject,
.prodList .typeCol .prodCategory{ margin-left:20px; display:block; padding-top:5px; font-size:13px; color:#666666;} /* prodCategory 지우고 prodSubject로 변경필요 */
.prodList .typeCol .prodName{ margin-left:20px;display:block; padding-top:5px; height:42px; font-weight: 600; overflow: hidden;  text-overflow: ellipsis; /*font-weight:600;*/ font-size:15px; color:#4D4D4D;}

.prodList .typeCol.typeFloat{}
.prodList .typeCol.typeFloat a{position:relative; display:block; width:100%; height:100%;}
.prodList .typeCol .prodNameBox{position:absolute; left:0px; bottom:0px; display:block; margin-left:20px; width:100%; padding:3px 0px; text-align:left; background:#111;}
.prodList .typeCol .prodNameBox .txt{display:block; padding:0px 5px; font-size:13px; color:#fff; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}


.prodList .typeCol2{overflow: hidden;}
.prodList .typeCol2 li{float:left;  width:16.6666%; margin-bottom:20px;}
.prodList .typeCol2 .box,
.prodList .typeCol2 li > a{display: block; margin-left:20px;} /* a태그 지우고 box 추가해야함 */
.prodList .typeCol2 .thumb{display:block; width:130px; height:130px; margin:0px auto; border:1px solid #ddd;  line-height:0; font-size:0;}
.prodList .typeCol2 .thumb a{display:block; width:100%; height:100%;}
.prodList .typeCol2 .thumb img{width:100%; height:100%;}
.prodList .typeCol2 .prodSubject,
.prodList .typeCol2 .prodCategory{display:block; width:130px; margin:0px auto; padding-top:5px; font-size:14px; color:#666666;} /* prodCategory 지우고 prodSubject로 변경필요 */
.prodList .typeCol2 .prodName{display:block; width:130px; margin:0px auto; padding-top:5px; height:42px; overflow: hidden;  text-overflow: ellipsis; /*font-weight:600;*/ font-size:15px; color:#4D4D4D;}
.prodList .typeCol2 .prodName a{font-weight: 600;}

.prodList .item5 li{width:20%;}
.prodList .item1 li{width:100%;}

.prodList .typeRow{}
.prodList .typeRow li{margin-top:10px; overflow:hidden;}
.prodList .typeRow li:first-child{margin-top:0px;}
.prodList .typeRow .thumb{float:left; width:110px; height:110px; line-height:0; font-size:0;}
.prodList .typeRow .thumb img{width:100%; height:100%;}
.prodList .typeRow .info{margin-left:120px;}
.prodList .typeRow .info .prodName{font-weight:600; font-size:14px;}
.prodList .typeRow .info .prodSummary{font-size:13px; color:#808080;}
.prodList .typeRow.small .thumb{float:left; width:110px; height:110px;}
.prodList .typeRow.small .thumb img{width:100%; height:100%;}
.prodList .typeRow.small .info{margin-left:120px;}




/* ui : 쿠폰 */
.couponbox{display:inline-block; width:292px; height:85px; overflow: hidden; background:url("/resources/images/common/bg_couponbox.png") 0px 0px no-repeat;}
.couponbox .cpnInfo{display:block; margin-left:164px; padding-top:15px; width:128px; height:70px; line-height:1.5; font-size:0px;}
.couponbox .cpnInfo .cname{display:block; text-align: center; font-size:15px;}
.couponbox .cpnInfo .cprice{display:block; margin-top:5px; text-align: center; font-size:20px; font-weight:600; color: #249CFF;}
.couponbox .cpnInfo .cprice .currency{font-size:15px; vertical-align: middle;}

/* ui : treeList */
.treeview{}
.treeview ul{padding-left:20px;}
.treeview li{margin-top:5px; line-height:1;}
.treeview li *{vertical-align: middle;}
.treeview > li{padding-left:10px;}
.treeview > li.on .tvbul{background-position: -15px -20px;}
.treeview .tvIcon{display:inline-block; overflow:hidden; background:url("/resources/images/common/sprite_treelist.png") 0 0 no-repeat;}
.treeview .tvbul{width:7px; height:14px; margin-left:-10px; background-position: -5px -20px;}
.treeview .toggleA{width:14px; height:14px; margin-right:2px; background-position: -5px -5px;}
.treeview .toggleB{width:14px; height:14px; margin-right:2px; background-position: -24px -5px;}


/* ui : 테이블 */
.table{font-size:12px; min-height: .01%;}
.table .left{text-align: left;}
.table .right{text-align: right;}
.table .center{text-align: center;}
.table table{width:100%; table-layout: fixed; text-align:center; zoom:1; word-wrap:break-word; border-spacing: 0; border-collapse: collapse;}
.table table th,
.table table td{vertical-align: middle;}
.table .list{table-layout: fixed;}
.table .list thead th{height:20px; padding:9px 8px 8px; font-size:14px; font-weight: normal; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#F9F9F9;}
.table .list tbody td{padding:15px 8px 14px; font-size:14px; border-bottom:1px solid #ddd;}

.table .default{font-size:14px; border-top:1px solid #ddd; border-collapse: collapse;}
.table .default th{padding:10px 15px; background:#F9F9F9; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table .default td{padding:10px 15px; text-align:left; border-bottom:1px solid #ddd;}

.table .brdData{border-top:2px solid #ddd; font-size:14px; border-collapse: collapse;}
.table .brdData .th{padding:10px 15px; background:#F9F9F9; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table .brdData .td{padding:10px 15px; text-align:left; border-bottom:1px solid #ddd;}


.table .txtDate{font-size:13px; color:#999999;}
.table .txtNum{font-size:13px; color:#999999;}
.table .txtPayNum{font-size:15px;}
.table .txtPayMethod{font-size:14px;}
.table .txtPrice{font-size:17px; color:#C1272D;}





/* 임시 */
.guidetxt{padding:2px 0px; font-size:13px; color: #666666;}

/* menubox : 사이드 메뉴 */
.menubox{border:1px solid #ddd; background: #fff;}
.menubox a{font-size:13px; color:#808080;}
.menubox a.mgroup{display:block; margin:-1px; padding:10px 15px; font-size:14px; color:#fff; background:#9098a0;}
.menubox ul li{padding:2px 15px; border-top:1px solid #ddd;}
.menubox ul li li{padding-right:0px;}
.menubox ul li a:hover{text-decoration: underline;}
.menubox ul ul li{border:none; background: url("/resources/images/ico/ico_square_darkgray.png") 4px 10px no-repeat;}
.menubox ul ul{display:none; padding:5px 0px;}
.menubox ul ul ul li{background:url("/resources/images/ico/ico-dash-darkgray.png") 4px 10px no-repeat;}
.menubox > ul > li.on > ul{display:block;}
.menubox > ul > li.on{border-top:1px solid #ddd; background:#F9F9F9;}
.menubox > ul > li{padding:10px 15px;}
.menubox > ul > li > a{display:block; background:url("/resources/images/ico/ico_chevron_right.png") right 50% no-repeat;}
.menubox li.on > a{font-weight:600; background:none;}
.menubox li.on > a + ul{display:block;}


/*.menubox{border:1px solid #ddd; background: #fff;}*/
/*.menubox a{font-size:13px; color:#808080;}*/
/*.menubox a.mgroup{display:block; margin:-1px; padding:10px 15px; font-size:14px; color:#fff; background:#9098a0;}*/
/*.menubox ul li{padding:10px 15px;}*/
/*.menubox ul ul{display:none; padding:5px;}*/
/*.menubox > ul > li{border-top:1px solid #ddd;}*/
/*.menubox > ul > li:first-child{border-top:none;}*/
/*.menubox > ul > li > a{display:block; background:url("/resources/images/ico/ico_chevron_right.png") right 6px no-repeat;}*/
/*.menubox > ul > li.on{border-top:1px solid #ddd; background:#F9F9F9;}*/
/*.menubox > ul > li.on > a{font-weight:600; background: none;}*/
/*.menubox > ul > li.on > a + ul{display:block; padding:5px;}*/
/*.menubox ul ul li{padding:0; margin-top:5px;}*/
/*.menubox ul ul li:first-child{margin:0px;}*/
/*.menubox ul ul li a{display:inline-block; padding-left:15px; background: url("/resources/images/ico/ico_square_darkgray.png") 5px 7px no-repeat;}*/
/*.menubox ul ul li.on{background:none;}*/
/*.menubox ul ul li.on > a{font-weight:600; color:#C1272D;}*/
/*.menubox ul ul li.on > a + ul{display:block; padding:5px 5px 5px 10px;}*/






/* 페이지 : 게시판 */
.board .table{margin-top:15px;}
.board .brdHead{padding:15px 20px; overflow: hidden; border-bottom:1px solid #ddd;}
.board .brdHead .brdTitle{display:block; margin-bottom:5px; font-weight:600; font-size:16px;}
.board .brdHead .brdDate{float:left; font-size:15px; color:#808080;}
.board .brdHead .brdCnt{float:right; font-size:15px; color:#808080;}
.board .brdBody{padding:30px; font-size:15px; color:#000000;} /* respond padding 15px */
.board .brdBtn{padding:15px; text-align:right;}
.board .brdBtn.btncen{text-align:center;}
.board .brdBtn .btntxt{margin-top:4px;}






/* 페이지 : 주제분류 */
.subjectClass .subcAside{}
.subjectClass .subcAside .classbox{}
.subjectClass .subcAside .classbox li{font-size:0px;}
.subjectClass .subcAside .classbox li a .i{display:inline-block; width:8px; height:8px; margin-right:4px; vertical-align: middle;}
.subjectClass .subcAside .classbox .ti{margin-bottom:0px; padding:10px 0px 10px 30px; font-size:15px; font-weight:normal; color:#000; border-bottom:1px solid #ddd;}
.subjectClass .subcAside .classbox .classList{padding:5px 0px;}
.subjectClass .subcAside .classbox .classList li{}
.subjectClass .subcAside .classbox .classList li a{display:block; padding:5px 20px; font-size:14px;}
.subjectClass .subcAside .classbox .classList .EN {display:block; padding:5px 20px; font-size:12px;}
.subjectClass .subcAside .classbox .classList>li>a .i{background:url("/resources/images/common/sprite_common.png") 0px 0px no-repeat; background-position: -70px -18px;}
.subjectClass .subcAside .classbox .classList>li.on>a .i{background-position: -61px -18px;}
.subjectClass .subcAside .classbox .classList .classSubList a{display:block; padding:5px 30px; font-size:13px;}
.subjectClass .subcAside .classbox .classList .classSubList .on a{color:#964040;}
.subjectClass .subcAside .sideBanner{margin-top:20px;}
/*.subjectClass .subcAside .classbox .classList .classSubList a .i{background-position:-79px -18px;}*/
.subjectClass .subcrow{width:100%;margin:20px 0px 0px 0px;}
.subjectClass .subcrow .ti{margin-bottom:15px; font-size:15px; font-weight:600;}
.subjectClass .subcCont{padding-bottom:20px;}
.subjectClass .subcCont img{max-width:100%;}
.subjectClass .subcCont .useStatusChart{*zoom:1;}
.subjectClass .subcCont .useStatusChart:after{display:block; clear:both; content:'';}
.subjectClass .subcCont .useStatusChart{}
.subjectClass .subcCont .useStatusChart ul{*zoom:1;}
.subjectClass .subcCont .useStatusChart ul:after{display:block; clear:both; content:'';}
.subjectClass .subcCont .useStatusChart li{position:relative; float:left; width:33.3333%;}
.subjectClass .subcCont .useStatusChart li .chartLabel{position:absolute; left:38px; top:52px; z-index:70; display:table; width:77px; height:70px; word-break: break-word; text-align:center; font-size:14px; font-weight: 600;}
.subjectClass .subcCont .useStatusChart li .chartLabel span{ display: table-cell; vertical-align: middle}
.subjectClass .subcCont .useStatusChart li img{margin-left:10px; max-width:100%;}
.subjectClass .subcCont .prodCountChart{overflow:hidden;}
.subjectClass .subcCont .hasProdChart{overflow:hidden;}

.subjectClass .subcCont .detailClass{margin-left:-10px; overflow:hidden;}
.subjectClass .subcCont .detailClass .citem{float:left; width:25%; margin-bottom:10px; /*border:1px solid #ddd;*/ background: #fff;}
.subjectClass .subcCont .detailClass .citem .innerbx{height:100%; margin-left:10px; min-height:340px; border:1px solid #ddd;}
.subjectClass .subcCont .detailClass .citem .cti{padding:8px 0px; font-size:14px; border-bottom:1px solid #ddd; background:#F9F9F9;}
.subjectClass .subcCont .detailClass .citem .cti .i{display:inline-block; width:18px; height:18px; vertical-align: middle;}
.subjectClass .subcCont .detailClass .citem ul{padding:8px 0px;}
.subjectClass .subcCont .detailClass .citem li a{position:relative; display:block; overflow:hidden; padding:8px 15px 8px 20px;}
.subjectClass .subcCont .detailClass .citem li a .i{position:absolute; right:13px; top:12px; display:inline-block; width:11px; height:11px; background: url("/resources/images/common/sprite_common.png") -88px -18px;}
.subjectClass .subcEtc .etcbox{margin-bottom:15px; padding:15px;}
.subjectClass .subcEtc .etcbox .ti{margin-bottom:15px; font-size:15px; font-weight:600;}
.subjectClass .subcEtc .etcbox ul li{padding:2px 0px;}
.subjectClass .subcEtc .etcbox ul li a{font-size:12px; color:#666666;}


/* 페이지 : 홈 > 검색결과 */
.searchWrap{overflow:hidden;}
.searchWrap .searchResult{float:left; padding-bottom:25px;}
.searchWrap .searchResult .resultListWrap{float:right; width:760px;}
.searchWrap .searchResult .resultListWrap .listTopBox{padding:15px 15px;}
.searchWrap .searchResult .resultListWrap .appliedFilter{position:relative; padding:25px 25px 33px 25px; text-align: center; border-bottom:1px solid #E5E5E5; font-family: 'new gulim','NanumGothic', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, Helvetica, sans-serif;}
.searchWrap .searchResult .resultListWrap .appliedFilter.open{}
.searchWrap .searchResult .resultListWrap .appliedFilter.open ul{height:auto;}
.searchWrap .searchResult .resultListWrap .appliedFilter ul{margin-bottom:0px; overflow:hidden; text-align:left;}
.searchWrap .searchResult .resultListWrap .appliedFilter li{padding:2px 0px; overflow: hidden;}
.searchWrap .searchResult .resultListWrap .appliedFilter .more{position:absolute; left:0px; bottom:0px; display:block; padding:6px 0px; width:100%; font-size:14px; color:#AFAFAF; text-align:center;}
.searchWrap .searchResult .resultListWrap .appliedFilter .more .i{display:inline-block; margin-left:5px; width:12px; height:12px; vertical-align: -1px; background:url("/resources/images/common/sprite_icon2.png") -21px -21px no-repeat;}
.searchWrap .searchResult .resultListWrap .appliedFilter .more.active .i{background-position: -52px -21px}
.searchWrap .searchResult .resultListWrap .appliedFilter .lbl{float:left; display:inline-block; width:90px; margin-right:5px; font-size:14px; color:#B3B3B3;}
.searchWrap .searchResult .resultListWrap .appliedFilter .filters{padding-left:95px; font-size:14px;}
.searchWrap .searchResult .resultListWrap .appliedFilter .filters .fitem{margin-right:5px; font-size:14px; color:#000;}
.searchWrap .searchResult .resultListWrap .appliedFilter .filters .fitem .btnItemDel{margin-left:4px; width:16px; height:16px; background:url("/resources/images/common/sprite_common.png") -21px 0px no-repeat;}
.searchWrap .searchResult .resultListWrap .recommList{padding:15px 0px; border-bottom:1px solid #e5e5e5;}
.searchWrap .searchResult .resultListWrap .recommList .prodList{padding:0px 15px;}
.searchWrap .searchResult .resultListWrap .resultList{padding-bottom:60px;}
.searchWrap .searchResult .resultListWrap .resultList .prodList{padding:0px 15px;}
.searchWrap .searchResult .resultListWrap .resultList .pagenate{border-top:1px solid #e5e5e5;}
.searchWrap .searchResult .resultListWrap .otherResult{position:relative; padding:30px 0px 0px 0px; border-top:1px solid #e5e5e5;}
.searchWrap .searchResult .resultListWrap .otherResult h2{margin-left:15px; margin-bottom:15px;font-size:14px; font-weight:600;}
.searchWrap .searchResult .resultListWrap .otherResult .prodList{padding:0px 15px;}
.searchWrap .searchResult .resultListWrap .otherResult .btnMore{position:absolute; right:26px; top:35px; color:#999999;}
.searchWrap .searchResult .resultListWrap .otherResult .btnMore .i{display:inline-block; margin-left:5px; width:8px; height:8px; vertical-align: middle; background: url("/resources/images/common/sprite_common.png") -70px -18px;}


/*.searchWrap .searchResult .resultListWrap .recommList{padding:0px 32px; border-bottom:1px solid #E5E5E5;}*/
/*.searchWrap .searchResult .resultListWrap .resultList{padding:0px 32px 20px; border-bottom:1px solid #E5E5E5;}*/
.searchWrap .searchResult .resultFilter{float:left; width:180px; padding:25px 20px;}
.searchWrap .localSearch{margin-bottom:30px;}
.searchWrap .localSearch .ti{margin-bottom:15px; font-size:14px; color:#000;}
.searchWrap .localSearch .srchbox{position:relative; display:block; height:40px; padding-right:45px; border:1px solid #ddd;}
.searchWrap .localSearch .srchbox .inp{width:100%; height:20px; margin:10px; line-height:20px; border:0px;}
.searchWrap .localSearch .srchbox .btnSrch{position:absolute; right:5px; top:50%; display:inline-block; width:24px; height:24px; margin-top:-12px; overflow: hidden; text-indent: -1000px; cursor:pointer; background: url("/resources/images/btn/btn_search1.png") 2px 2px no-repeat;}

.searchWrap .facetedSearch .facetedList{margin-bottom:15px;}
.searchWrap .facetedSearch .btnMore{display:block; padding:10px 0px; width:100%; font-size:13px; color:#AFAFAF; text-align:center;}
.searchWrap .facetedSearch .btnMore .i{display:inline-block; margin-left:5px; width:12px; height:12px; vertical-align: middle; background:url("/resources/images/common/sprite_common.png") -21px -17px no-repeat;}
.searchWrap .facetedSearch .btnGroup .btnWhiteGray{width:150px;}
.searchWrap .facetedSearch .facetedList > li{padding:3px 0px;}
.searchWrap .facetedSearch .facetedList > li:first-child{margin-top:0px;}
.searchWrap .facetedSearch .facetedList li > a{font-size:14px; color:#1A1A1A;}
.searchWrap .facetedSearch .facetedList .facetedGroup{display:none; padding-left:15px; margin-bottom:20px;}
.searchWrap .facetedSearch .facetedList .facetedGroup .cnt{margin-left:4px;}
.searchWrap .facetedSearch .facetedList .groupTitle{display:block;}
.searchWrap .facetedSearch .facetedList .groupTitle .i{display:inline-block; width:10px; height:10px; margin-right:5px; vertical-align: middle; background: url("/resources/images/common/sprite_icon2.png") -69px -21px no-repeat;}
.searchWrap .facetedSearch .facetedList .active .facetedGroup{display:block;}
.searchWrap .facetedSearch .facetedList .active .groupTitle .i{background-position: -84px -21px}

.searchWrap .facetedSearch .facetedList .items{margin-top:10px;}
.searchWrap .facetedSearch .facetedList .items strong{display:block; margin-bottom:3px; font-weight:600; font-size:13px; color:#226499;}
.searchWrap .facetedSearch .facetedList .items li{padding:3px 0px;}

.searchWrap .prodSrchResult{width:980px; b1ackground: url("/resources/images/common/bg_srch_prod.gif") right top repeat-y;}
.searchWrap .imageSrchResult{float:left; width:100%; b1ackground:url("/resources/images/common/bg_srch_image.gif") right top repeat-y;}
.searchWrap .imageSrchResult .resultListWrap{width:980px;}

.searchWrap .noResult{width:100%; /*background: url("/resources/images/common/bg_srch_nodata.gif") right top repeat-y;*/}
.searchWrap .noResult .resultListWrap{width: 100%;}
.searchWrap .noResult .noResultCon{padding:15px 32px 0px;}
.searchWrap .noResult .noResultCon .noDataTxt{margin-bottom:20px; color:#000000; font-size:14px;}
.searchWrap .noResult .noResultCon .noDataTips{}
.searchWrap .noResult .noResultCon .noDataTips li{font-size:13px; color:#999999;}
.searchWrap .noResult .dbpiaSearch{margin:35px 20px 0px; padding:25px; border:1px solid #ddd;}
.searchWrap .noResult .dbpiaSearch .srcharea{margin-top:20px; overflow:hidden;}
.searchWrap .noResult .dbpiaSearch .srcharea .logo{float:left;}
.searchWrap .noResult .dbpiaSearch .srcharea .sboxWrap{position:relative; float:left; width:300px; padding-right:75px;}
.searchWrap .noResult .dbpiaSearch .srcharea .sbox{display:block; padding:0px 5px; height:26px; vertical-align: top; border:6px solid #D30030;}
.searchWrap .noResult .dbpiaSearch .srcharea .sbox .inp{margin-top:4px; width:100%; border:none; font-size:13px; font-family: "new gulim", "새굴림";}
.searchWrap .noResult .dbpiaSearch .srcharea .btntxt{position:absolute; right:0px; top:0px; width:70px; height:38px; margin:0px; line-height:normal;}
.searchWrap .noResult .dbpiaSearch .txt{font-size:13px; color:#BF001D;}
.searchWrap .searchEtc{float:right; width:180px; padding:25px 20px;}
.searchWrap .searchEtc .etcbox{position:relative; margin:40px 0px 0px 0px}
.searchWrap .searchEtc .etcbox .more{position:absolute; top:2px; right:0px; color:#999;}
.searchWrap .searchEtc .etcbox .more *{vertical-align: middle;}
.searchWrap .searchEtc .etcbox .more .i{display:inline-block; margin-left:5px; width:10px; height:12px; vertical-align: middle;  background: url("/resources/images/common/sprite_common.png") -70px -16px;}
.searchWrap .searchEtc .etcbox:first-child{margin-top:0px;}
.searchWrap .searchEtc .etcbox .ti{margin-bottom:15px; font-size:15px; font-weight:600;}
.searchWrap .searchEtc .etcbox ul li{/*margin-bottom:3px;*/ color:#aaa;}
.searchWrap .searchEtc .etcbox ul li a{font-size:12px; color:#666666;}
.searchWrap .searchEtc .scholarlyPayperBox{position:relative;}
/*.searchWrap .searchEtc .scholarlyPayperBox ul{margin-left:15px;}*/
/*.searchWrap .searchEtc .relationProducts ul{margin-left:15px;}*/

.listTopBox{padding:15px 0px; *zoom:1;}
.listTopBox:after{display:block; clear:both; content:'';}
.listTopBox .tibox{float:left; padding-left:15px; margin-bottom:0px; line-height:35px;}
.listTopBox .count{float:left; line-height:35px; font-size:13px; color:#808080;}
.listTopBox .count2{float:left; line-height:35px; font-size:13px; color:#249CFF;}
.listTopBox .sortWrap{position:relative; z-index:1; float:right;}
.listTopBox .sortWrap .dropdown{float:left; margin-left:5px;}
.listTopBox .hgroup{float:left; padding-left:15px; padding-top:6px;}
.listTopBox .hgroup .title{font-size:16px;}
.listTopBox .hgroup .fitem{display:inline-block;padding-left:15px; font-size:16px; background:url("/resources/images/ico/ico_chevron_right2.png") 4px 8px no-repeat;}
.listTopBox .hgroup .fitem:first-child{padding-left:0px; background:none;}
.listTopBox .hgroup .rcount{display:inline-block; margin-left:5px;font-size:16px;}


.tabSubClass{float:left;}
.tabSubClass li{float:left; margin:0px 10px 5px 0px;}
.tabSubClass li a{display:block; padding:5px 3px 2px; font-size:14px; border-bottom:1px solid #fff;}
.tabSubClass li.on a{color:#A34545; border-bottom:1px solid #A34545;}

.listFilterBox{margin-bottom:20px;}
.listFilterBox .filterGroup{margin-top:15px;}
.listFilterBox .filterGroup .fblock{margin-top:20px;}
.listFilterBox .filterGroup .fblock:first-child{margin-top:0px;}
.listFilterBox .filterGroup .fTitle{margin-bottom:10px; font-weight:600; font-size:15px;}
.listFilterBox .filterGroup .fItem{*zoom:1;}
.listFilterBox .filterGroup .fItem:after{display:block; clear:both; content: '';}
.listFilterBox .fItem .hyphen{float:left; margin-right:5px; line-height:35px;}
.listFilterBox .btnGroup{padding-top:20px;}
.listFilterBox .periodSelect{float:left; margin-right:10px;}
.listFilterBox .periodGroup{float:left; *zoom:1;}
.listFilterBox .periodGroup:after{display:block; clear:both; content:'';}
.listFilterBox .periodGroup .dropdown{float:left;}



.listControlBox{padding:15px 0px; overflow:hidden;}
.listControlBox .left{float:left;}
.listControlBox .right{float:right;}

.listSrchBox{margin:0px -15px; text-align: center;}
.listSrchBox *{vertical-align: top;}
.listSrchBox .inptxt{width:130px;}
.listSrchBox .btntxt{min-width:0px;}

/* 페이지 : 검색(상세검색) */
.detailSearch{width:800px; margin:0px auto;}
.detailSearch .searchGroup{position:relative; padding:20px 50px; border-bottom:1px solid #ddd;}
.detailSearch .dropdownSet{padding:2px 0px; float:right; clear:right;}
.detailSearch .dropdownSet .btn,
.detailSearch .dropdownSet .dropdown{float:left;}
.detailSearch .groupLabel{position:absolute; top:50%; margin-top:-10px;}
.detailSearch .groupLabel label{font-weight:normal;}
.detailSearch .groupLabel .checked label{font-weight:600;}
.detailSearch .searchGroup .groupForms{margin-left:200px;}
.detailSearch .searchGroup .groupForms .formLabel{width:80px;}
.detailSearch .searchGroup .groupForms .formItem{padding-left:80px; text-align:right;}
.detailSearch .searchGroup .groupForms .formItem .inpbx{display:block;}
.detailSearch .searchGroup .groupForms .formItem p{padding:3px 0px; text-align:left; font-size:13px; color:#808080;}
.detailSearch .btnGroup{padding:20px 0px;}
.detailSearch .dropdownSet .dropdown{width:100px;}
.detailSearch .imageSearchGroup .formGroup{margin:0px;}
.detailSearch .contentSearchGroup .formGroup{margin:0px;}

/* 페이지 : 추천제품 */
.recommend .recmbanner{position:relative; margin-top:20px; border:1px solid #ddd;}
.recommend .recmbanner .bannerProd{width:750px; padding:10px 0px; margin:240px auto 0px;}
.recommend .recmbanner .bannerProd h3{margin-left:10px; font-size:16px;}
.recommend .recmbanner .bannerProd .bplist{position:relative; margin-top:15px;}
.recommend .recmbanner .bannerProd .bplist ul{}
.recommend .recmbanner .bannerProd .bplist li{float:left; margin:0px 10px 20px;}
.recommend .recmbanner .bannerProd .bplist li a{position:relative; display:block; width:130px;}
.recommend .recmbanner .bannerProd .bplist li a img{max-width:100%;}
.recommend .recmbanner .bannerProd .bplist li a .prodName{position:absolute; bottom:0px; left:0px; width:100%; padding:5px 0px; font-size:13px; color:#fff; text-align:center; background:#000; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow: ellipsis; overflow:hidden;}
.recommend .recmbanner .bannerProd .bplist .btntxt{position:absolute; top:-40px; left:144px; margin:0px;}

.recommend .banner1{height:460px; background:url("/resources/images/page/recommend/reco_bn_pc_1.jpg") center top no-repeat;}
.recommend .banner2{height:460px; background:url("/resources/images/page/recommend/reco_bn_pc_2.jpg") center top no-repeat;}
.recommend .banner3{height:460px; background:url("/resources/images/page/recommend/reco_bn_pc_3.jpg") center top no-repeat;}
.recommend .banner4{height:460px; background:url("/resources/images/page/recommend/reco_bn_pc_4.jpg") center top no-repeat;}
.recommend .banner5{height:460px; background:url("/resources/images/page/recommend/reco_bn_pc_5.jpg") center top no-repeat;}
.recommend .banner6{height:460px; background:url("/resources/images/page/recommend/reco_bn_pc_6.jpg") center top no-repeat;}
.recommend .banner7{height:460px; background:url("/resources/images/page/recommend/reco_bn_pc_7.jpg") center top no-repeat;}

/* 페이지 : 추천상세 */
.recmProduct{}
.recmProduct .block{padding:20px 15px; border:1px solid #E6E6E6; border-top:none;}
.recmProduct .recmHeader{position:relative;}
.recmProduct .recmHeader .title{visibility: hidden;}
.recmProduct .recmList{}
.recmProduct .listFilter{padding:15px 0px; *zoom:1;}
.recmProduct .listFilter:after{display:block; clear:both; content:'';}
.recmProduct .listFilter .faceted{float:left;}
.recmProduct .listFilter .faceted li{float:left; padding:0px 5px; line-height:35px;}
.recmProduct .listFilter .faceted li:first-child{margin:0px;}
.recmProduct .listFilter .faceted li a{font-size:14px;}
.recmProduct .listFilter .faceted li.on a{font-weight:600; color:#A34545; text-decoration: underline;}
.recmProduct .listFilter .sort{float:right; position:relative; z-index:1;}
.recmProduct .listFilter .sort .dropdown{float:left; margin:0px 5px;}

/* 페이지 : 추천 - 상세배너 */
.recmProduct .recmHeader.type1{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_pc_1.jpg") top center no-repeat; background-size:cover;}
.recmProduct .recmHeader.type2{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_pc_2.jpg") top center no-repeat; background-size:cover;}
.recmProduct .recmHeader.type3{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_pc_3.jpg") top center no-repeat; background-size:cover;}
.recmProduct .recmHeader.type4{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_pc_4.jpg") top center no-repeat; background-size:cover;}
.recmProduct .recmHeader.type5{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_pc_5.jpg") top center no-repeat; background-size:cover;}
.recmProduct .recmHeader.type6{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_pc_6.jpg") top center no-repeat; background-size:cover;}
.recmProduct .recmHeader.type7{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_pc_7.jpg") top center no-repeat; background-size:cover;}

/* 페이지 : 제품 */
.product .relatedNewProduct{}
.product .subjectChart{position:relative; padding-bottom:43px; width:100%;}
.product .subjectChart .chart{position:relative; width:313px; height:216px;}
.product .subjectChart .chart .chartLabel{position:absolute; left:58px; top:72px; z-index:70; display:table; width:90px; height:70px; word-break: break-word; text-align:center; font-size:14px; font-weight: 600;}
.product .subjectChart .chart .chartLabel span{ display: table-cell; vertical-align: middle}

.product .subjectChart .btnRefresh{position:absolute; right:0px; bottom:0px;}
.product .bestSearchWord{width:100%;}
.product .bestSearchWord ul{overflow:hidden;}
.product .bestSearchWord li{float:left; width:49.9%; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow: ellipsis; overflow:hidden;}
.product .bestSearchWord li a{font-size:13px;}


/* 페이지 : 제품상세 */
.prodView{position:relative;}
.prodView .prodTitle{padding:15px; border-bottom:1px solid #ddd;}
.prodView .prodTitle .prodMsg{font-size:15px;}
.prodView .prodTitle .prodName{font-size:18px; color:#964040;}
.prodView .prodSns{position:absolute; top:0px; right:0px; padding:10px 0px; overflow:hidden; text-align:center;}
.prodView .prodSns ul{float:right; *zoom:1;}
.prodView .prodSns ul:after{display:block; clear:both; content:'';}
.prodView .prodSns ul li{float:left;}

.prodView .prodTopInfo{position:relative; padding:15px 10px; overflow: hidden; clear:left; border-bottom:1px solid #ddd;}
.prodView .prodTopInfo .prodImage{float:left; text-align: center;}
.prodView .prodTopInfo .prodImage .pimg{margin-bottom:10px; width:150px; height:150px;}
.prodView .prodTopInfo .prodImage .pimg img{width:100%; height:100%;}
.prodView .prodTopInfo .prodImage span{color:#4D4D4D; font-size:12px;}
.prodView .prodTopInfo .prodInfo{margin-left:180px; margin-right:390px; overflow: hidden; margin-bottom:20px; font-size:13px;}
.prodView .prodTopInfo .prodInfo dt,
.prodView .prodTopInfo .prodInfo dd{padding-top:3px; min-height:20px;}
.prodView .prodTopInfo .prodInfo dt{float:left; width:80px; color: #4D4D4D;}
.prodView .prodTopInfo .prodInfo dd{margin-left:90px;}
.prodView .prodTopInfo .loginMsg{position:absolute; top:15px; right:5px; /* width: 430px; */ float:right;}
.prodView .prodTopInfo .loginMsg .txt{font-size:12px; float:right; width:250px;}
.prodView .prodTopInfo .loginMsg .txt .i{}
.prodView .prodTopInfo .loginMsg .btntxt{margin-left:10px; float:right;}
.prodView .prodTopInfo .loginMsg .popBtntxt{margin-left:10px; float: inherit;}
.prodView .prodTopInfo .prodTabs{margin-left:180px;}
.prodView .prodTopInfo .prodTabs .btntxt{min-width:0px; margin:0px 4px 5px 0px;}
.prodView .prodDetail{padding:20px 0px; overflow: hidden;}
.prodView .prodDetail .prodContent{float:left; width:920px; padding:15px;}
.prodView .prodDetail .prodContent .prodContSection{margin-bottom:30px; font-size:13px; color:#5A5A5A;}
.prodView .prodDetail .prodContent .prodContSection .ti{margin-bottom:15px; font-size:15px; font-weight:600; color:#000000;}
.prodView .prodDetail .prodContent .prodContSection .prodTocList{}
.prodView .prodDetail .prodContent .prodContSection .prodTocList li{padding:2px 0px;}
.prodView .prodDetail .prodContent .prodContSection a:hover{text-decoration: underline;}
.prodView .prodDetail .prodDetSide {float:right; width:220px; padding:15px;}
.prodView .prodDetail .prodDetSide .pdsbox{margin-bottom:20px; padding:15px; border:1px solid #ddd;}
.prodView .prodDetail .prodDetSide .pdsbox .tibox{}
.prodView .prodDetail .prodDetSide .pdsbox .prodList .prodName{font-size:14px;}
.prodView .prodDetail .prodDetSide .wordview a{display:inline-block;}
.prodView .prodDetail .seriesProduct{overflow:hidden;}
.prodView .prodDetail .seriesProduct>ul>li>a{font-size:14px;}
.prodView .prodDetail .seriesProduct .txtList{margin-top:5px;}
.prodView .prodDetail .seriesProduct .txtList li{padding-top:3px; padding-bottom:3px;}
.prodView .prodDetail .seriesProduct .txtList a{color:#4D4D4D;}
.prodView .prodDetail .seriesProduct .more{float:right; font-size:14px; color:#AFAFAF;}
.prodView .prodDetail .seriesProduct .more .i{display:inline-block; margin-left:5px; width:12px; height:12px; vertical-align: middle; background:url("/resources/images/common/sprite_common.png") -21px -17px no-repeat;}
.onlyB2BsaleTxt{position:absolute; top:15px; right:5px; /* width: 430px; */ float:right;}
.b2bsaleYTxt{position: absolute; right: -35px;}
/* 페이지 : 제품상세(공통?) */
.prodClassList{}
.prodClassList strong{}

.wordview .word1:hover{
	color: #fff !important;
    background-color: #5BC4E8;
    text-shadow: nthree;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
}

.wordview .word1{
	color: #aaa;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    position: relative;
    /* border: 2px solid #87ceeb; */
    border-radius: 5px;
    box-shadow: 0 0 0 0 #FFFFFF,0 5px 8px 0 #d2d2d1;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom: 10px;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
    
   
}


/* 페이지 : 목차 정보  */
.prodView .prodDetailAll {float:left;}
.prodView .prodDetailLi{padding: 15px 0px; overflow: hidden;}
.prodView .prodDetailLi .prodContent {float:left; width: 920px; padding:15px; background-color: #f1f1f1;}
.prodView .prodDetailLi .prodContent .prodContSection .ti{margin-bottom:15px; font-size:15px; font-weight:600; color:#000000;}
.prodView .prodDetailLi .prodContent .prodContSection .tit{ margin: 4px 20px 15px 0px; font-size:18px; font-weight:600; color:#000000; float:left;}
.prodView .prodDetailLi .prodContent .prodContSection a:hover{text-decoration:none;}
.prodView .prodDetailLi .prodContent .prodContSection:first-child{height: 33px;width: 300px;}
.prodView .prodDetail .prodContent .prodContSection .tit{margin-bottom:30px; font-size:18px; font-weight:600; color:#000000;}
.prodView .prodDetail .prodContent .prodContSection .sectionCont .prodClassListS{margin-bottom:30px; font-size:13px; color:#A34545;}


/*
.agreementCont{padding:15px;}
.agreementCont .h1,
.agreementCont .h2{display:block;}
.agreementCont .h1{margin:20px 0px; font-size:15px;}
.agreementCont .h1:first-child{margin-top:0px;}
.agreementCont .h2{margin-bottom:15px; font-size:13px;}
.agreementCont p{padding-bottom:15px;}
.agreementCont ol{padding:0px 0px 20px 10px;}
.agreementCont ol li{padding:2px 0px;}
.agreementCont ol ol{padding:0px 0px 0px 30px;}
.agreementCont ol ol li{list-style: decimal;}
*/

.agreementCont{padding:15px;}

.agreementCont .h1,
.agreementCont .h2{display:block;}

.agreementCont .h1{margin-bottom:5px; font-size:15px;}
.agreementCont .h2{margin-bottom:5px; font-size:13px;}

.agreementCont ol,
.agreementCont ul{margin:5px 0px 5px 15px;}
.agreementCont li{margin-top:1px; padding:2px 0px}
.agreementCont p{margin:5px 0px 5px 15px;}






/* Mediaquery : pad Mode */
@media screen and (max-width:1023px) {


}

@media all and (max-width:767px) {



    .table-responsive {width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
    .table-responsive table{table-layout: auto !important;}
    .table-responsive > table > thead > tr > th,
    .table-responsive > table > tbody > tr > th,
    .table-responsive > table > tfoot > tr > th,
    .table-responsive > table > thead > tr > td,
    .table-responsive > table > tbody > tr > td,
    .table-responsive > table > tfoot > tr > td {
        white-space: nowrap;
    }

    /* respond */
    .mobileHide{display:none !important;}
    .boxsize{width:33.3333%;}

    /* ui : 쿠폰 */
    .couponbox{display:inline-block; width:239px; height:70px; overflow: hidden; background:url("/resources/images/common/bg_couponbox_mobile.png") 0px 0px no-repeat;}
    .couponbox .cpnInfo{display:block; margin-left:134px; padding-top:12px; width:105px; height:58px; line-height:1.5; font-size:0px;}
    .couponbox .cpnInfo .cname{display:block; text-align: center; font-size:12px;}
    .couponbox .cpnInfo .cprice{display:block; margin-top:3px; text-align: center; font-size:16px; font-weight:600; color: #249CFF;}
    .couponbox .cpnInfo .cprice .currency{font-size:13px; vertical-align: middle;}



    /*  */
    .prodList .default{padding-left:0px; padding-right:0px;}
    .prodList .default .type1{padding-left:13px; padding-right:13px;}
    .prodList .default .type1 .thumb{width:82px;}
    .prodList .default .type1 .rbox{padding-left:106px;}
    /*.prodList .btnNewWindow{display:none;}*/

    .prodList .typeCol{}
    .prodList .typeCol li{width:50%;}

    .prodList .typeCol2{}
    .prodList .typeCol2 li{width:50%;}

    .prodList .typeConRow.thumbA .thumb{border:1px solid #ddd; width:60px; padding:5px; text-align:center;}
    .prodList .typeConRow.thumbA .thumb img{max-width:100%;}
    .prodList .typeConRow.thumbA .pinfo{padding-left:90px;}
    .prodList .typeConRow.thumbB .thumb{border:1px solid #ddd; width:80px; padding:5px; text-align:center;}
    .prodList .typeConRow.thumbB .thumb img{max-width:100%;}
    .prodList .typeConRow.thumbB .pinfo{padding-left:110px;}

    .prodList .typeBox{margin-left:-10px;}
    .prodList .typeBox>li{width:33.3333%; margin-bottom:10px;}
    .prodList .typeBox .box{margin-left:10px;}
    .prodList .typeBox .box .prodSubject{font-size:13px;}
    .prodList .typeBox .box .prodName{font-size:14px;}


    .imageList li{width:50%;}

    .imageList2 li{width:50%;}

    /* ui : pagenate */
    .pagenate{padding:25px 0px; font-size:0px; text-align:center;}
    .pagenate *{vertical-align: middle;}
    .pagenate strong,
    .pagenate a{display:inline-block; margin:0px 2px; padding:0px 3px; height:26px; vertical-align:middle; font-size:16px; font-weight:normal; color:#B3B3B3; border:1px solid #fff;}
    .pagenate a:hover{font-weight:normal; color:#4D4D4D; text-decoration: none;}
    .pagenate strong{border:1px solid #B3B3B3; color:#4D4D4D;}
    .pagenate .btn{width:28px; height:28px; padding:0px; border:none; background:url("/resources/images/common/sprite_common.png") 0px 0px no-repeat; background-size:186px; }
    .pagenate .btn.btnFirst:active,
    .pagenate .btn.btnFirst:link,
    .pagenate .btn.btnFirst:visited,
    .pagenate .btn.btnFirst{width:28px; height:28px; background-position:0px -35px;}
    .pagenate .btn.btnFirst:hover{background-position:0px -35px;}
    .pagenate .btn.btnPrev{width:28px; height:28px; background-position:-28px -35px;}
    .pagenate .btn.btnPrev:hover{background-position:-28px -35px;}
    .pagenate .btn.btnNext{width:28px; height:28px; background-position:-56px -35px;}
    .pagenate .btn.btnNext:hover{background-position:-56px -35px;}
    .pagenate .btn.btnLast{width:28px; height:28px; background-position:-84px -35px;}
    .pagenate .btn.btnLast:hover{background-position:-84px -35px;}
    .pagenate span.btn.btnFirst:hover { background-position: -0px -35px; !important; cursor: default; }
    .pagenate span.btn.btnPrev:hover { background-position: -28px -35px; !important; cursor: default; }
    .pagenate span.btn.btnNext:hover { background-position: -56px -35px; !important; cursor: default; }
    .pagenate span.btn.btnLast:hover { background-position: -84px -35px; !important; cursor: default; }







    /* 페이지 : 마이페이지 > 구매내역 */
    /* ui : listFilterBox */
    .listFilterBox{margin-bottom:20px;}
    .listFilterBox .filterGroup{margin-top:15px;}
    .listFilterBox .filterGroup .fblock{margin-top:20px;}
    .listFilterBox .filterGroup .fblock:first-child{margin-top:0px;}
    .listFilterBox .filterGroup .fTitle{margin-bottom:10px; font-weight:600; font-size:15px;}
    .listFilterBox .filterGroup .fItem{*zoom:1;}
    .listFilterBox .filterGroup .fItem:after{display:block; clear:both; content: '';}
    .listFilterBox .fItem .hyphen{display:none; float:left; margin-right:5px; line-height:35px;}
    .listFilterBox .btnGroup{padding-top:20px;}
    .listFilterBox .periodSelect{float:none; margin-right:10px;}
    .listFilterBox .periodGroup{float:none; margin-top:6px;}
    .listFilterBox .periodGroup .dropdown{float:left;}

    /* 페이지 : 마이페이지 > 쿠폰 */
    .mypage .coupon .couponGroup .radiobox{float:none; width:100%;}







    /* 페이지 : 홈 > 검색결과 */
    .searchWrap{background:none;}
    .searchWrap .searchResult{float:none; width:auto;}
    .searchWrap .searchResult .resultListWrap{float:none; width:auto;}
    .searchWrap .searchResult .resultFilter{float:none; width:auto; border-top:1px solid #e5e5e5;}
    .searchWrap .searchResult .resultFilter .localSearch{display:none;}
    .searchWrap .listTopBox{padding-left:15px; padding-right:15px;}
    .searchWrap .listTopBox .sortType2{display:none;}
    .searchWrap .searchEtc{display:none;}

    .searchWrap .noResult .dbpiaSearch .srcharea{margin-top:20px; overflow:hidden;}
    .searchWrap .noResult .dbpiaSearch .srcharea .logo{float:none;}
    .searchWrap .noResult .dbpiaSearch .srcharea .sboxWrap{position:relative; display:block; float:none; width:auto; margin-top:10px; padding-right:75px;}
    .searchWrap .noResult .dbpiaSearch .srcharea .sbox{display:block; padding:0px 5px;height:26px; vertical-align: top; border:6px solid #D30030;}
    .searchWrap .noResult .dbpiaSearch .srcharea .sbox .inp{margin-top:4px; width:100%; border:none; font-size:13px;  font-family: "new gulim", "새굴림"}
    .searchWrap .noResult .dbpiaSearch .srcharea .btntxt{position:absolute; top:0px; right:0px; height:38px; line-height:normal;}

    /* 페이지 : 검색(상세검색) */
    .detailSearch{width:auto; margin:0px auto;}
    .detailSearch .searchGroup{position:static; padding:15px; border-bottom:1px solid #ddd;}
    .detailSearch .dropdownSet{padding:2px 0px; float:none; clear:both;}
    .detailSearch .dropdownSet *{float:left;}
    .detailSearch .groupLabel{position:static; top:0px; margin-top:0px; margin-bottom:10px;}
    .detailSearch .groupLabel label{font-weight:600;}
    .detailSearch .searchGroup .groupForms{margin-left:0px;}
    .detailSearch .searchGroup .groupForms .formLabel{width:80px;}
    .detailSearch .searchGroup .groupForms .formItem{padding-left:0px; text-align:right;}
    .detailSearch .searchGroup .groupForms .formItem .inpbx{display:block;}
    .detailSearch .searchGroup .groupForms .formItem p{padding:3px 0px; text-align:left; font-size:13px; color:#808080;}
    .detailSearch .btnGroup{padding:20px 0px;}
    .detailSearch .defaultSearchGroup .dropdownSet .dropdown{width:112px;}
    .detailSearch .imageSearchGroup .formGroup{margin:0px;}






    /* 페이지 : 추천제품 */
    .recommend .recmbanner{position:relative; margin-top:20px; border:1px solid #ddd;}
    .recommend .recmbanner .bannerProd{width:auto; margin:240px 0px 0px 20px;}
    .recommend .recmbanner .bannerProd h3{font-size:16px;}
    .recommend .recmbanner .bannerProd .bplist{position:relative; margin-top:15px;}
    .recommend .recmbanner .bannerProd .bplist ul{text-align:center; overflow:hidden;}
    .recommend .recmbanner .bannerProd .bplist li{float:left; margin:0px 10px 20px;}
    .recommend .recmbanner .bannerProd .bplist li:nth-child(5){display:none;}
    .recommend .recmbanner .bannerProd .bplist li a{position:relative; display:block; width:110px;}
    .recommend .recmbanner .bannerProd .bplist li a img{max-width:100%;}
    .recommend .recmbanner .bannerProd .bplist li a .prodName{position:absolute; bottom:0px; left:0px; width:100%; padding:5px 0px; font-size:13px; color:#fff; text-align:center; background:#000;}
    .recommend .recmbanner .bannerProd .bplist .btntxt{position:absolute; top:-40px; left:145px;}

    .recommend .banner1{height:auto; max-height: 574px; background:url("/resources/images/page/recommend/reco_bn_m_1.jpg") left top no-repeat;}
    .recommend .banner2{height:auto; max-height: 574px; background:url("/resources/images/page/recommend/reco_bn_m_2.jpg") left top no-repeat;}
    .recommend .banner3{height:auto; max-height: 574px; background:url("/resources/images/page/recommend/reco_bn_m_3.jpg") left top no-repeat;}
    .recommend .banner4{height:auto; max-height: 574px; background:url("/resources/images/page/recommend/reco_bn_m_4.jpg") left top no-repeat;}
    .recommend .banner5{height:auto; max-height: 574px; background:url("/resources/images/page/recommend/reco_bn_m_5.jpg") left top no-repeat;}
    .recommend .banner6{height:auto; max-height: 574px; background:url("/resources/images/page/recommend/reco_bn_m_6.jpg") left top no-repeat;}
    .recommend .banner7{height:auto; max-height: 574px; background:url("/resources/images/page/recommend/reco_bn_m_7.jpg") left top no-repeat;}

    /* 페이지 : 추천 - 상세배너 */
    .recmProduct .recmHeader.type1{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_m_1.jpg") top left no-repeat; background-size:cover;}
    .recmProduct .recmHeader.type2{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_m_2.jpg") top left no-repeat; background-size:cover;}
    .recmProduct .recmHeader.type3{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_m_3.jpg") top left no-repeat; background-size:cover;}
    .recmProduct .recmHeader.type4{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_m_4.jpg") top left no-repeat; background-size:cover;}
    .recmProduct .recmHeader.type5{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_m_5.jpg") top left no-repeat; background-size:cover;}
    .recmProduct .recmHeader.type6{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_m_6.jpg") top left no-repeat; background-size:cover;}
    .recmProduct .recmHeader.type7{height: 282px; background: url("/resources/images/page/recommend/reco_detail_bn_m_7.jpg") top left no-repeat; background-size:cover;}

    /* 페이지 : 제품 */
    .product .sideA{display:none;}
    .product .subjectChart{position:relative;}
    .product .subjectChart .btnRefresh{position:absolute; right:10px; bottom:10px;}
    .product .searchWord{}



    /* 페이지 : 제품상세 */
    .prodView{position:relative;}
    .prodView .prodSns{position:static; left:auto; top:auto;}
    .prodView .prodTopInfo{position:relative; padding:15px 10px; overflow: hidden; border-bottom:1px solid #ddd;}
    .prodView .prodTopInfo .prodImage{float:none; width:150px; margin:0px auto; text-align: center;}
    .prodView .prodTopInfo .prodInfo{margin-left:0px; margin-right:0px;}
    .prodView .prodTopInfo .prodTabs{margin-left:0px;}
    .prodView .prodTopInfo .prodTabs .btntxt{min-width:0px; margin:0px 4px 5px 0px;}
    .prodView .prodDetail{overflow: hidden;}
    .prodView .prodDetail .prodContent{float:none; width:auto;}
    .prodView .prodDetail .prodDetSide{ float:none; width:auto; padding:0px;}
    .prodView .prodDetail .prodDetSide .pdsbox{margin:0px; border:0px; border-top:1px solid #ddd;}


    /* 페이지 : 목차정보 */
    .prodView .prodDetailAll {float:none; width:auto;}
    .prodView .prodDetailLi{overflow: hidden;}
    .prodView .prodDetailLi .prodContent{float:none; width:auto;}   



    /* 페이지 : 주제분류 */
    .subjectClass .subcCont .detailClass{margin-left:-10px; overflow:hidden;}
    .subjectClass .subcCont .detailClass .citem{float:none; width:auto; background: #fff;}
    .subjectClass .subcCont .detailClass .citem .innerbx{min-height:0px; margin-left:10px;}
    .subjectClass .subcCont .detailClass .citem .cti{padding:8px 0px; font-size:14px; border-bottom:1px solid #ddd; background:#F9F9F9;}
    .subjectClass .subcCont .detailClass .citem .cti .i{display:inline-block; width:18px; height:18px; vertical-align: middle;}
    .subjectClass .subcCont .detailClass .citem ul{padding:8px 0px;}
    .subjectClass .subcCont .detailClass .citem li a{position:relative; display:block; overflow:hidden; padding:8px 15px 8px 20px;}
    .subjectClass .subcCont .detailClass .citem li a .i{position:absolute; right:13px; top:12px; display:inline-block; width:11px; height:11px; background: url("/resources/images/common/sprite_common.png") -88px -18px;}



}

@media all and (max-width:480px){

    /* ui : product list */
    .prodList .typeBox>li{width:50%;}

    /* ui : radio */
    .radioGroup{width:auto;}
    .radioGroup .radiobox{float:none; width:100%; margin:5px 0px;}

    /* 페이지 : 마이페이지 */
    /* 페이지 : 마이페이지 > 회원탈퇴 */
    .mypage .withdraw .withdrawCheck .btnGroup{text-align:left;}
    .mypage .withdraw .withdrawCheck .btnGroup .btntxt{width:100%; margin:5px 0px; box-sizing: border-box;}
    .mypage .withdraw .withdrawQuestion .radioGroup{width:auto;}
    .mypage .withdraw .withdrawQuestion .radioGroup .radiobox{float:none; width:auto;}


    /* 페이지 : 고객센터 > 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%;}


}












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

}

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

}

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

}




/* 180614_sdh806 */

/* 검색결과 */
.prodList .typeConRow .typeA .prodCont a{display:block;max-height:56px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.prodList .prod_keyword{margin-top:5px;overflow:hidden}
.prodList .prod_keyword .keyword{display:block;float:left;margin:5px 14px 0 0;font-size:13px;color:#A34545}
.prodList .prod_keyword .keyword H{color: #C1272D;font-weight:600;}
/* 제품 상세 */
.prodClassList .keyword_box{position:relative;padding-left:43px;overflow:hidden}
.prodClassList .keyword_box .keyword_label{position:absolute;left:0;top:0;line-height:20px;font-size:13px;color:#A34545;font-weight:600}
.prodClassList .keyword_box .keyword{display:block;float:left;margin-left:10px;line-height:20px;font-size:13px;color:#A34545;text-decoration:none!important}

.relatedProduct .prodList{margin-top:30px}
.relatedProduct .prodList:first-child{margin-top:0}
.relatedProduct .prodList .typeCol li{margin-bottom:10px}
.relatedProduct .prodList .keyword_box{margin-bottom:10px;overflow:hidden}
.relatedProduct .prodList .keyword_box .keyword{display:block;float:left;margin:0 14px 5px 0;line-height:20px;font-size:14px;font-weight:700;color:#A34545;text-decoration:none}
.relatedProduct .prodList .btn_box{margin-top:-10px;overflow:hidden}
.relatedProduct .prodList .more{float:right; font-size:14px; color:#AFAFAF;}
.relatedProduct .prodList .more .i{display:inline-block; margin-left:3px; width:14px; height:14px; vertical-align: middle; background:url("../images/subr/ic_more_arrow.png") no-repeat center center}

.prodView .prodTopInfo .prodTabs .btntxt,
.prodView .prodTopInfo .loginMsg .btntxt{color:#a82c2c;border-color:#e5b3b2;background:#faeeee}
.prodView .prodTopInfo .prodTabs .btntxt.btnWhiteGray{background:#fff}
.prodView .prodTopInfo .loginMsg .btntxt .iconCpn{background:url("../images/subr/ic_cpn.png") no-repeat}
/* .prodView .prodTopInfo .loginMsg .txt{width:270px} */

/* 로그인 헤더 */
.header .gnb{position:relative;background:#fff;overflow:visible!important;z-index:120}
.header .gnb ul li .btn_auth_apply{display:block;position:relative;padding-right:24px;color:#c55a11}
.header .gnb ul li .btn_auth_apply .ic_help{display:block;position:absolute;right:0;top:0;width:20px;height:20px;background:url("../images/subr/ic_help.png") no-repeat}
.header .gnb .auth_apply_box{position:relative}
.header .gnb .auth_apply_popuop{display:none;position:absolute;left:13px;top:28px;padding:15px;width:320px;border:1px solid #aaa;background:#fff;z-index:130}
.header .gnb .auth_apply_popuop p{line-height:20px;font-size:13px;color:#313131}
.header .globalSearch{z-index:110}
.header .btnMobileMenu{z-index:130}

/* 상단 배너 */
#product_top_banner{display:none;position:relative;padding:10px 0;border-bottom:1px solid #dcdcdc;background-color: #fff;}
#product_top_banner .banner_wrap{position:relative;margin:0 auto;max-width:1200px}
#product_top_banner .btn_banner{display:block;text-align:center;line-height:20px;font-size:13px;color:#656b7b}
#product_top_banner .btn_banner b{color:#c00000;font-weight:normal;}
#product_top_banner .ic_arrow{display:inline-block;margin:-2px 0 0 15px;width:14px;height:10px;vertical-align:middle;background:url("../images/subr/ic_banner_arrow.png") no-repeat center center;*display:inline;zoom:1}
#product_top_banner .btn_banner_close{display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url("../images/subr/ic_close.png") no-repeat center center;z-index:10}

@media all and (max-width : 768px) {
    .header .gnb ul li .btn_auth_apply{padding-right:0}
    .header .gnb ul li .btn_auth_apply .ic_help{display:none}
    #product_top_banner{display:none!important}
}