/*     10027 : HTML 편집기      */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*공통*/
.clr {*zoom:1;}
.clr:after {content:""; display:block; clear:both; }
.red { color:#bd2121 !important; }

/*서브*/
#sub_view .contents { padding:20px 0 50px; }
#sub_view .shgroup { background:url('/img_up/shop_pds/pingpongnamu/design/img/sub_tit_bg.jpg') no-repeat right bottom; }

.sub_con h3, .sub_con h4, .sub_con h5, .sub_con p, .sub_con li { font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif; letter-spacing:-0.05em; word-break:keep-all; margin:0; font-weight:normal; } 

.sub_con h3 { font-size:30px; color:#444; }
.sub_con h4 { font-size:20px; color:#666; }
.sub_con h5 { font-size:18px; color:#444; }
.sub_con p { font-size:15px; color:#999; line-height:22px; }
.sub_con img { max-width:100%; }
.sub_con ul, .sub_con li { padding:0; margin:0; }
.sub_con li { list-style:none; }

.sub_con .con { margin:0 0 80px; }
.sub_con .txt_box { margin:20px 0 30px; }
.sub_con .txt_box h4 { margin:0 0 10px; }
.sub_con .txt_box h5 { margin:5px 0 0; }
.sub_con .txt_box .red { border-bottom:2px solid #bd2121 ; }
.sub_con .sub_tit { text-align:center; font-weight:bold; position:relative; width:300px; margin:0 auto 40px; }
.sub_con .sub_tit span { font-size:16px; color:#888; display:block; font-weight:normal;  }
.sub_con .sub_tit:before,
.sub_con .sub_tit:after { display:block; width:30px; height:2px; background:#444; position:absolute; bottom:21px; }
.sub_con .sub_tit:before { left:-10px; }
.sub_con .sub_tit:after { right:-10px; }
.sub_con .img_list { margin:50px 0; }
.sub_con .f_img_list { margin:0; }
.sub_con .img_list h5 { margin:0 0 15px; }
.sub_con .img_list h5:before { content:''; display:block; float:left; width:23px; height:27px; margin-right:5px;
background:url('/img_up/shop_pds/pingpongnamu/design/img/sub_tit.png') no-repeat left center; background-size:23px; }
.sub_con .img_list ul { margin:0 -1%; }
.sub_con .img_list li { float:left; width:32%; padding:0 0.5%; }
.sub_con .img_list2 ul { margin:0; }
.sub_con .img_list2 li { width:49%; }
.sub_con .img_list2 li:last-child { width:99%; padding-top:5px; }
.sub_con .img_list3 li { padding:5px 0.5%; }
.sub_con .bg01 { background:url('/img_up/shop_pds/pingpongnamu/design/img/sub_bg01.jpg') no-repeat left top; padding:0; }
.video_box { padding:20px; text-align:center; background:#efefef; }

/*모바일*/
@media (max-width:767px){
#sub_view .contents { padding:0 0 50px; }
.sub_con h3 { font-size:18px; }
.sub_con h4 { font-size:16px; }
.sub_con h5 { font-size:14px;}
.sub_con p { font-size:13px;  line-height:18px; }

.sub_con .txt_box { margin:0 0 40px; }
.sub_con .img_box { width:100%; overflow:hidden;  }
.sub_con .img_box img { max-width:180%; position:relative; left:-38%; }
.sub_con .sub_tit { margin:0 auto 25px; }
.sub_con .sub_tit span { font-size:13px; }
.sub_con .sub_tit:before,
.sub_con .sub_tit:after { width:20px; bottom:12px; }
.sub_con .sub_tit:before { left:0; }
.sub_con .sub_tit:after { right:0; }
.sub_con .img_list { margin:30px 0; }
.sub_con .img_list h5 { margin:0 0 10px; }
.sub_con .img_list h5:before { height:20px; }
.sub_con .img_list3 li { width:49%; padding:0 0.5% }
.video_box { padding:10px; }
}