/* BASIC css start */
/* .parti-wrap */
.parti-wrap { overflow: hidden; _width:1100px }
.parti-wrap .parti-hd { margin: 40px 0 20px 0 }
.parti-wrap .nbg { background: none; text-align: center; }
.parti-wrap .parti-info { zoom: 1; overflow: hidden; padding: 35px 0 10px; margin-bottom:10px }
.parti-wrap .parti-info:after { display:block; clear:both; content:'' }
.parti-wrap .parti-info .parti-total { float: left; font-size:14px; color:#7b7b7b }
.parti-wrap .parti-info .parti-total span { color: #0e0d0d }
.parti-wrap .parti-info .parti-order { float: right }
.parti-wrap .parti-info .parti-order li { float: left; padding: 0 15px; line-height:12px; border-right:1px solid #ddd }
.parti-wrap .parti-info .parti-order li.nobg { padding-right:0; border-right:none }
.parti-wrap .parti-info .parti-order li a { font-size: 12px; color:#a6a6a6; line-height:12px; vertical-align:top }
.parti-wrap .parti-info .parti-order li a .on { color: #111 }

.parti-wrap .parti-cont{ margin-top: 92px;; *zoom:1 ; display: flex;}
.parti-wrap .parti-cont:after { content: ""; display: block; clear: both }
.parti-wrap .parti-cont .parti-list {
    position:relative;
    cursor:pointer;
    margin-right: 30px;
    float: left;
    width: 380px;
    height: 328px;
    border: 1px solid #e9e9e9;}
    
.parti-wrap .parti-cont .parti-list:nth-last-child(1){margin-right:0}

.parti-wrap .parti-cont .parti-list .prd-info{position: relative;padding: 23px 25px; height: calc( 100% - 47px);}
.parti-wrap .parti-cont .parti-list .prd-info .go_int{border-top: 1px solid #e9e9e9; width: 350px; margin: 0 auto; text-align: center; position: absolute; left:15px; bottom: 0; height: 45px; line-height: 45px;}
.parti-wrap .parti-cont .parti-list .prd-info .detail{}
.parti-wrap .parti-cont .parti-list .prd-info .detail dl{font-size: 16px; padding-bottom: 12px;}
.parti-wrap .parti-cont .parti-list .prd-info .detail dl dt{width:95px; display: inline-block; vertical-align: top;}
.parti-wrap .parti-cont .parti-list .prd-info .detail dl dd{
    font-weight: 300; display: inline-block; vertical-align: top;}

/* 롤오버효과 */
.parti-wrap .parti-cont .parti-list .line span.l1:before{display:block; content:""; width:0; height:4px; background:#0080ff; position:absolute; left:0; top:0; transition:all 0s; z-index:1;}
.parti-wrap .parti-cont .parti-list .line span.l1:after{display:block; content:""; width:4px; height:0; background:#0080ff; position:absolute; right:0; top:0; transition:all 0s; z-index:1;}
.parti-wrap .parti-cont .parti-list .line span.l2:before{display:block; content:""; width:0; height:4px; background:#0080ff; position:absolute; right:0; bottom:0; transition:all 0s; z-index:1;}
.parti-wrap .parti-cont .parti-list .line span.l2:after{display:block; content:""; width:4px; height:0; background:#0080ff; position:absolute; left:0; bottom:0; transition:all 0s; z-index:1;}

.parti-wrap .parti-cont .parti-list:hover .line span.l1:before{width:100%; height:4px; transition:all 0.2s linear;}
.parti-wrap .parti-cont .parti-list:hover .line span.l1:after{width:4px; height:100%; transition:all 0.2s 0.05s linear;}
.parti-wrap .parti-cont .parti-list:hover .line span.l2:before{width:100%; height:4px; transition:all 0.2s 0.1s linear;}
.parti-wrap .parti-cont .parti-list:hover .line span.l2:after{width:4px; height:100%; transition:all 0.2s 0.15s linear;}



/*.parti-wrap .parti-cont .parti-list:hover .prd-info:before{
    content: "-";
    border: 3px solid #0080ff;
    width: calc( 100% - 3px);
    display: block;
    height: 100%;
    position: absolute;
    left: -1px;
    top: -1px;
    font-size: 0;}

.parti-wrap .parti-cont .parti-list:nth-child(3n):hover .prd-info:before{left:-2px}
*/

.parti-wrap .parti-cont .parti-list .prd-ico img { margin:2px }
.parti-wrap .parti-cont .parti-list .prd-name {margin-bottom: 20px; display: flex;}
.parti-wrap .parti-cont .parti-list .prd-name span:nth-child(1){
    margin-right: 15px;
    width: 57px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 20px;
    vertical-align: middle;
}
.parti-wrap .parti-cont .parti-list .prd-name span.open{background:#0080ff;}
.parti-wrap .parti-cont .parti-list .prd-name span.close{background:#bbbbbb;}


.parti-wrap .parti-cont .parti-list .prd-name span.name{
    white-space: normal;
    text-overflow: break-word;
    overflow: visible;
    color: #000000;
    text-overflow: ellipsis;
    font-weight: 450;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;}
    
.parti-wrap .parti-cont .parti-list .prd-subname{
    min-height: 44px;
    text-align: left;
    font-size: 16px;
    color: #272727;
    font-weight: 350;
    padding-bottom: 23px;
    line-height: 22px;}
    
.parti-wrap .parti-page { margin-top: 50px; text-align: center; }

/* class-list */
.class-list{
    margin-top: 75px;
    margin-bottom: 40px;
    text-align: center;}
.class-list ul { *zoom:1 }
.class-list ul:after { display:block; clear:both; content:'' }
.class-list ul li {display: inline-block; vertical-align: top;}
.class-list ul li a { display:block; font-size: 32px; color: #a7a7a7;}
.class-list ul li a:after{
    content: "|";
    width: 1px;
    height: 20px;
    background: #cfcfcf;
    font-size: 0;
    margin: 0 22px;
    display: inline-block;
    vertical-align: inherit;
    margin-top: -4px;}
.class-list ul li:nth-last-child(1) a:after{opacity:0}

.class-list ul li.on a{color:#0080ff}
.class-list ul li a:hover{color:#0080ff}

.type{
    margin-bottom: 40px;
    justify-content: center;
    display:flex}

.type li{
    width: 138px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-right: 10px;
    display: table;
    overflow: hidden;}
    
.type li a{
    display: table-cell;
    font-weight: 300;
    color: #272727;
    font-size: 20px;}
    
    
.type li:hover,.type li.on{border:1px solid #0080ff}
.type li a:hover,.type li.on a{color:#fff; background:#0080ff}

/* BASIC css end */