@charset "utf-8";

a{color:#353535}
a:hover{color:#353535}

/*서브페이지 칼라 테마 할 부분*/
.aside .side_nav ul li a:hover,
.aside .side_nav ul li.on a{color:#cb2322}
.aside .side_nav h1{background: #cb2322;}


#containerWrap {width: 100%;	min-height: 500px;	margin-top: 182px;	background:#e0e7ed ;}
#container {	padding-top: 40px;	width: 1024px;margin: auto;padding-bottom: 90px;}

.aside {	float: left;}
.aside .side_nav {	width: 170px;background: #fff;}
/*.aside .side_nav h1 {border: 1px solid #00;color:#fff;padding-top: 45px;
padding-bottom: 15px;padding-left: 20px;font-size: 20px;font-weight: bold;background: #015ea1;}*/
.aside .side_nav h3 {border: 1px solid #00;color:#fff;padding-top: 48px;padding-bottom: 15px;padding-left: 20px;    font-size: 18px;    background: #015ea1;  letter-spacing: -0.5px;  /*word-spacing: -6.5px;*/}
.aside .side_nav ul{padding-top: 20px;padding-bottom: 20px;}
.aside .side_nav ul li {;padding:5px 20px;}
.aside .side_nav ul li:hover{background:url(/skin/flat01/images/imgsub/minibar.jpg)0 50% no-repeat ;cursor:pointer}
.aside .side_nav ul li.on{background:url(/skin/flat01/images/imgsub/minibar.jpg)0 50% no-repeat ;font-weight: bold;}
.aside .side_nav ul li a{font-size: 15px;}

.conts {	float: right;width: 760px;background: #fff;padding: 28px 30px 30px 30px;}
.conts .titWrap{margin-bottom: 25px;}
.conts .titWrap h1{font-size: 25px; letter-spacing: -1px;/*word-spacing: -11px;*/}
.conts .titWrap .smap{float: right;margin-top: -18px;}
.conts .titWrap .smap li{float: left;margin-right: 5px;}
.conts .titWrap .smap li:last-child{margin-right: 0;}
.conts .titWrap .smap li.on{font-weight: bold;}

.conts .intro {padding-bottom: 35px;font-size: 15px;}


/*///////////////////////////////////////////////////////////////////////*/
/*공통*/
/*.view_btn{margin-top: 10px;} */
.view_btn li{margin-top: 10px;width: 90px;height: 30px;text-align: center;line-height: 30px;background:#c1c1c1}
.view_btn li a{font-size: 14px;font-weight: bold;color:#fff; }
.view_btn li:hover {opacity:0.9;cursor:pointer}
.view_btn .guide{float: left;background:#c1c1c1}
.view_btn .write{float: right;background:#353535 ;}

/*.paging{margin:50px auto;;width:241px;}*/
/*.paging li a{text-align: center;float: left;border: 1px solid #d6d6d6;width: 28px;height: 28px;margin-right:5px;font-size: 13px;line-height: 28px;}*/
.paging li:last-child a{margin-right: 0;}
.paging li.on a{background: #353535;color:#fff}

.pagingbox{text-align: center;padding: 50px;}

.paging{}
.paging li {display:inline-block;width: 28px;height: 28px;border: 1px solid #d6d6d6;}
.paging li a{font-size: 13px;line-height: 28px;}
.paging li.on {background: #353535;color:#fff}

.board-b {width: 100%;margin: auto;background: #f7f7f7;}
.board-b p{padding: 25px;text-align: center;}
.board-b select{;font-size: 12px;width: 100px;padding: 7px;border: 1px solid #d6d6d6;cursor:pointer;background: #fff;}

.board-b input[type="text"]{width: 232px;padding: 8px;;font-size: 12px;border: 1px solid #d6d6d6;background: #fff;}

.board-b a {;width: 50px; height: 30px;;padding: 5.5px 11px 9px 12px;;margin-left: -52px;border-left: 1px solid #d6d6d6; }



/*//////////////////////////////////////////////////////////////////////////////////////////*/


/*sub1.php*/

/* table1 : 게시판 */
.tblType1{font-size: 15px;float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:1px solid #545454; }
.tblType1 thead th{font-size: 13px;color:#353535;font-weight:bold; text-align:center; height:40px; border-top:1px solid #333;line-height: 40px;border-bottom: 2px solid #353535;}
.tblType1 tbody td{font-size: 13px;height:50px; border-bottom:1px solid #afafb3; text-align:center;line-height: 50px;}
.tblType1 tbody .notice{background:url(/skin/flat01/images/imgsub/notice_b.png)50% 50% no-repeat ;text-indent:-9999em;}
.tblType1 tbody .tit .new{width: 19px;height: 19px;display: inline-block;background:url(/skin/flat01/images/imgsub/new.png) 50% 50% no-repeat ;vertical-align:middle}
.tblType1 tbody td.tit{text-align:left; padding-left:10px;fz13}
.tblType1 tbody td.tit a{font-size: 13px;}
.tblType1 tbody td.tit img{vertical-align:text-top;}
.tblType1 tbody tr.on,
.tblType1 tbody tr:hover,
.tblType1 tbody tr:focus{background:#f7f7f7}
.tblType1 tbody tr.on{background:#f7f7f7}


/*sub2.php*/
#container .content{}
#container .main_video .content{border: 1px solid #d6d6d6;width: 758px;height: 248px;}
#container .main_video .content ul{}
 .sermon_img {position: relative;float: left;}
 #container .main_video .content .sermon_img a img{width: 430px;height: 248px;}
 .sermon_img .v-play{position: absolute;bottom: 30px;left: 30px;}
 .sermon_img em{position: absolute;bottom: 0;right: 0;background:#000 ;color:#fff;font-size: 17px;width: 75px;height: 25px;line-height: 25px;text-align: center;}
#container .main_video .content ul .sermon_info {float: right;width: 260px;margin-top: 43px;margin-right: 35px;}
#container .main_video .content ul .sermon_info ul li{font-size: 15px;margin-bottom: 13px;color:#353535}
#container .main_video .content .sermon_info li h2 a{margin-top: -6px;font-size: 23px;font-weight: bold;;line-height: 1.4;width: 260px;height: 60px;overflow: hidden;display: block;}
#container .main_video .content .sermon_info li ul li{float: left;margin-right: 5px;color:#868686;font-size: 15px;padding-right: 5px;border-right: 1px solid #d6d6d6;}
#container .main_video .content .sermon_info li ul li:last-child{border:none}
#container .main_video .content .sermon_info .vVideo {;width: 140px;height: 40px;border-radius:35px ;background: #015ea1;line-height: 40px;text-align: center;margin-left: 120px;margin-top: -5px;}
#container .main_video .content .sermon_info .vVideo:hover{opacity:0.9}
#container .main_video .content .sermon_info .vVideo a{color:#fff;font-size: 15px;}

#videoWrap >ul{margin-top: 20px;}
#videoWrap .sub_video {float: left;margin-right: 20px;}
#videoWrap .sub_video:last-child{margin-right: 0;}
#videoWrap .sub_video .content {width: 238px;height: 268px;border: 1px solid #d6d6d6;}
#videoWrap .sub_video .content .sermon_img a img{width: 238px;height: 160px;}
#videoWrap .sub_video .sermon_img .v-play{bottom: 20px;left: 20px;}
#videoWrap .sub_video .sermon_img em{width: 60px;height: 20px;line-height: 20px;font-size: 13px;}
#videoWrap .content .sermon_info .sub-tit {padding-top: 16px;padding-bottom: 6px; font-weight: bold;overflow: hidden;  width: 200px;  white-space: nowrap;
    text-overflow: ellipsis;  }
#videoWrap .content .sermon_info .sub-tit a{font-size: 15px;}
#videoWrap .content .sermon_info>ul> li{padding-left: 20px;padding-bottom: 17px;font-size: 13px;}
#videoWrap .content .sermon_info>ul> li:last-child{font-size: 10px;}
#videoWrap .content .sermon_info>ul> li span{float: right;color:#d6d6d6 ;padding-right: 19px;margin-top: 5px;font-size: 12px;}
#videoWrap .content .sermon_info li ul li{float: left;margin-right: 5px;color:#999}
#videoWrap .content .sermon_info li ul li:first-child{margin-right: 10px;padding-right: 10px;   background: url("/skin/flat01/images/layout/minibar.png")100% 50% no-repeat;
}
#videoWrap .content .sermon_info  .icon_sns a {color:#868686; margin-right: 8px;font-size: 12px;}
#videoWrap .content .sermon_info  .icon_sns a img {margin-top: 5px;margin-right: 2px;}
#videoWrap .content .sermon_info .vVideo {;width: 140px;height: 40px;border-radius:35px ;background: #015ea1;line-height: 40px;text-align: center;margin-left: 120px;margin-top: -5px;}
#videoWrap .content .sermon_info .vVideo a{color:#fff;font-size: 15px;}



/*//////////////////////////////////////////////////////*/

/*sub3.php*/
#pictureWrap .content {}
#pictureWrap .content .imglist{margin-top: 20px;} 

#pictureWrap .content .imglist li{width: 238px; height: 188px;float: left;margin-right:20px;;border: 1px solid #ccc;position: relative;overflow: hidden;font-size: 12px;}
#pictureWrap .content .imglist li:last-child{margin-right: 0;}
#pictureWrap .content .imglist .cont a img{width: 240px;height: 190px;}
#pictureWrap .content .imglist .cont a em{position: absolute;top: 0;right: 0;background:#000 ;color:#fff;font-size: 12px;width: 60px;height: 30px;line-height: 30px;text-align: center;}
#pictureWrap .content .imglist li div {bottom: -190px;height: 190px;width: 240px;;background: rgba(0,0,0,0.5);;;font-weight: bold;color:#fff;text-align: center;}
#pictureWrap .content .imglist li div p {color:#fff; }
#pictureWrap .content .imglist li div p:first-child{font-size: 20px;font-weight: bold;margin-top: 40px;display: block;width: 235px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
#pictureWrap .content .imglist li div p:nth-child(2) {font-size: 15px;font-weight:normal;margin-top: -2px;}
#pictureWrap .content .imglist li div p:nth-child(3) img{width: 34px;height: 34px;margin-top: 5px;}
#pictureWrap .content .imglist li div p:last-child {margin-top: 11px;}
#pictureWrap .content .imglist li div p:last-child img{margin-left: 5px;;margin-right: 2px;margin-top: 4px;}
#pictureWrap .content .imglist li div p:last-child img:first-child{width: 14px;height: 10px;}
#pictureWrap .content .imglist li div p:last-child img:nth-child(2){width: 11px;height: 10px;}
#pictureWrap .content .imglist li div p:last-child img:last-child{width: 13px;height: 10px;}
#pictureWrap .content .imglist li div p i {font-size: 35px;margin-bottom: 7px;margin-top: 5px;}
#pictureWrap .content .imglist li div p a {color:#fff }
#pictureWrap .content .imglist li div p a i {font-size: 10px;}
#pictureWrap .content .imglist li:hover div{position: absolute; top: 0;}
#pictureWrap .content .imglist li:hover em {display: none;}

/* table2 : 게시판 */
.tblType2{font-size: 15px;float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:1px solid #545454; margin-bottom:11px}
.tblType2 thead tr {height:50px ;background:#f7f7f7;border-top: 2px solid #353535;border-bottom:1px solid #afafb3;line-height: 50px;}
/*.tblType2 tbody th{font-weight:bold; text-align:center; height:40px; border-bottom:1px solid #afafb3;line-height: 40px;border-bottom: 2px solid #353535;}*/
.tblType2 tbody td{ height:40px; border-bottom:1px solid #afafb3; text-align:center;line-height: 40px;}
.tblType2 thead .notice{margin-left: 20px;width: 52px;height: 26px;display:inline-block;;background: url(/skin/flat01/images/imgsub/notice_b.png)0 50% no-repeat ;text-indent:-9999em;vertical-align:middle}

.tblType2 thead .tit .new{width: 19px; height: 19px; display: inline-block; background: url(/skin/flat01/images/imgsub/new.png) 50% 50% no-repeat; vertical-align: middle;}
.tblType2 thead td .tit{text-align:left; padding-left:20px;line-height: 50px}
.tblType2 thead td.rb{color:#868686 ;background: url(/skin/flat01/images/layout/minibar2.png)100% 70% no-repeat;width: 103px;height: 30px;display: block;;overflow: hidden;padding-bottom:10px;margin-right: 30px;padding-right: 10px;}
.tblType2 tbody tr {margin-right: 20px;margin-left: 20px;}
.tblType2 tbody .views ul{float: left;margin-left: 20px;}
.tblType2 tbody .views ul li {float: left; line-height: 40px;margin-right: 5px;}
.tblType2 tbody .views p{margin-top: 10px;float: right;margin-right: 20px;font-size: 12px;color: #999;}
.tblType2 tbody .subject {}
.tblType2 tbody .subject ul{float: right;; margin-top: 10px;}
.tblType2 tbody .subject ul li {border: 1px solid #d6d6d6;color:#333;float: left;margin-right:5px;padding: 1px 5px;font-size: 10px;}
.tblType2 tbody .subject ul li:last-child {margin-right: 0;}
.tblType2 tbody .subject #subject_in{;margin-top: 54px;margin-bottom:-4px;;margin-left: 20px;margin-right: 20px;line-height:24px;;font-size: 13px;text-align:justify}

.tblType2 tbody .subject ul:last-child{float: left;}
.tblType2 tbody .subject ul:last-child li {border:none;}
.tblType2 tbody .subject ul:last-child li span{}
.recommend{text-align: center;}
.recommend a{text-align: center;border: 1px solid #d6d6d6;width: 88px;height: 33px;border-radius:35px;display:inline-block; line-height: 33px;font-size: 14px;margin-bottom: 39px;;}
.recommend a:hover{font-weight: bold;color:#353535}
.recommend a .heart{background:url("/skin/flat01/images/imgsub/heart-w.png")50% 50% no-repeat ;text-indent:-9999em;width: 16px;height: 14px;margin-right: 5px;}
.recommend a:hover .heart{background:url("/skin/flat01/images/imgsub/heart-f.png")50% 50% no-repeat ;}
.recommend a .share{background:url("/skin/flat01/images/imgsub/dir-l.png")50% 50% no-repeat ;text-indent:-9999em;width: 15px;height: 12px;margin-right: 5px;}
.recommend a:hover .share{background:url("/skin/flat01/images/imgsub/dir-d.png")50% 50% no-repeat }

.tag {margin-bottom: 8px ;font-family:'dotum' ,'돋움'}
.tag li {;font-family: 'Noto Sans KR', sans-serif;}
.tag li:first-child {background:url(/skin/flat01/images/imgsub/tag.jpg)0 100%  no-repeat ;text-indent:-9999em ;display:inline-block;width: 32px;height: 16px;}
.tag li a{color:#868686}
.view_btn2 {margin-top: 0px;}
.view_btn2 li{height: 30px;text-align: center;line-height: 30px;}
.view_btn2 li a{font-size: 14px;font-weight: bold;color:#fff}
.view_btn2 li:hover {opacity:0.9;cursor:pointer}
.view_btn2 .guide{float: left;background:#c1c1c1 ;width: 75px;}
.view_btn2 .write {float: right; }
.view_btn2 .write ul li {float: left;width: 75px;background: #353535;margin-left: 5px;} 

.reply{margin-top: 100px;}
.reply-area{width: 100%;background: #fff;}
.reply-area ul li{position: relative;}
.reply-area ul li textarea{width:99% ;height: 90px;text-indent:20px;padding-top: 10px;font-size: 13px;color:#333;border:1px solid #d6d6d6}
.reply-area ul li:last-child {text-indent:20px;width: 99%;;height: 40px;border:1px solid #d6d6d6;padding-right: 4px;margin-top: -2px;line-height: 40px;font-size: 15px;}
.reply-area ul li:last-child strong{position: absolute;right: 0;background: #d6d6d6;text-align: center;padding-right: 20px;font-weight: bold;color:#fff;cursor:pointer}
.reply-area ul li:last-child strong a{font-weight: bold;color:#fff;font-size: 15px;}
.reply-area ul li:last-child i {position: absolute;right: 85px;font-size: 25px;top: 10px;color:#cc3333}


.comment{;margin-top: 30px;}
.comment h2{font-size: 16px;margin-bottom: 10px;font-weight: bold;}
.comment h2 span{color:#cc3333}
.comment_in{width: 720px;background:#f7f7f7;border-top: 1px solid #d6d6d6;padding: 20px;}
.first_comm{border-bottom: 1px dotted #d6d6d6;;padding-bottom: 20px;}
.comment_in h3{font-weight: bold;font-size: 14px;}
.comment_in h3 em{margin-left: 3px;font-weight:none;color:#999; font-size: 12px;}
.comment_in p {padding-top: 15px;padding-bottom: 10px;font-size: 13px;line-height: 1.5;color:#545454;margin-left:1px;}
.view_btn3 li{height: 25px;text-align: center;line-height: 25px;}
.view_btn3 li a{color:#545454;font-size: 13px;}
.view_btn3 .guide{float: left;background: #fff; ;width: 55px;border: 1px solid #d6d6d6;cursor:pointer}
.view_btn3 .guide i {color:#cc3333}
.view_btn3 .write {float: right;}
.view_btn3 .write ul li {float: left;width: 55px;background: #fff;margin-left: 5px;border: 1px solid #d6d6d6; cursor:pointer}
.second_comm{margin-top: 20px;padding-left: 20px;background:url(/skin/flat01/images/imgsub/ss.png)0 0  no-repeat ;padding-bottom: 20px;;border-bottom: 1px dotted #d6d6d6;}
.second_comm .secret {color:#cc3333;font-weight: bold;}
.second_comm:last-child{border:none;padding-bottom: 10px;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/

/*sub1-2.php  비디오 오디오 탭*/

/* table3 : 게시판 */
/*.tblType3{font-size: 15px;float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:1px solid #545454; margin-bottom:14px}
.tblType3 thead tr {height:50px ;background:#f7f7f7;border-top: 2px solid #353535;border-bottom:1px solid #afafb3;line-height: 50px;}

.tblType3 tbody td{ height:40px; border-bottom:1px solid #afafb3; text-align:center;line-height: 40px;}
.tblType3 thead .notice{background:url(/skin/flat01/images/imgsub/notice_b.png)50% 50% no-repeat ;text-indent:-9999em}

.tblType3 thead .tit .new{background:url(/skin/flat01/images/imgsub/new.png) 50% 50% no-repeat ;}
.tblType3 thead td .tit{text-align:left; padding-left:20px;line-height: 50px}*/

./*tblType3 tbody tr {margin-right: 20px;margin-left: 20px;}
.tblType3 tbody .views ul{float: left;margin-left: 20px;}
.tblType3 tbody .views ul li {float: left; line-height: 40px;}
.tblType3 tbody .views p{float: right;margin-right: 20px;font-size: 12px;color:#999}
.tblType3 tbody .subject {}*/
.tblType2 tbody .subject .print{float: right;margin-right: 20px; margin-top: 10px;}
.tblType2 tbody .subject ul li {border: 1px solid #d6d6d6;color:#333;float: left;margin-right:5px;padding: 2px 10px;font-size: 10px;cursor:pointer}
.tblType2 tbody .subject ul:last-child li{border:none} 
.tblType2 tbody .subject #subject_in{margin-top: 56px;position: relative;padding: 1px;}
.tblType2 tbody .subject #subject_in .tab_vod{position: absolute;margin: auto;width: 100%;margin-left: 200px;}
#subject_in .tab_vod  li{padding: 8px 57px;font-size: 15px;background:#f7f7f7;}
#subject_in .tab_vod  li:last-child{margin-left: -6px;}
#subject_in .tab_vod li a{font-size: 13px;}
#subject_in .tab_vod li:hover a{font-weight: bold;}
/*#subject_in .tab_vod li:hover a{font-weight: bold;}*/
/*#subject_in .tab_vod  li:hover{border-bottom: 1px solid #fff;background: #fff}*/
#subject_in .tab_vod .video:hover{}
/*#subject_in .tab_vod .audio:hover{border-bottom: 1px solid #fff;background: #fff;}*/
/*#video{border: 1px solid #d6d6d6;margin-top: 35px;}*/
#video {border: 1px solid #d6d6d6;margin-top: 36px; text-align: center;}
#video p{text-align: center;font-size: 13px;color:#868686;padding: 10px;}
#video div{width: 660px;height: 380px;overflow: hidden;margin: auto;}
#video div img{width: 100%;height: 100%;}
#video embed{margin-top: 30px;}
#video p:last-child{text-align:left;font-size: 12px;color:#868686;padding-top: 13px;padding-bottom: 20px;padding-left: 30px;padding-right: 30px;}
#video p:last-child>a {text-align:right ;text-decoration:underline;margin-left:105px;}

#subject_in .tab_vod  li.on{border-bottom: 1px solid #fff;background:#fff;}
#audio {border: 1px solid #d6d6d6;margin-top: 36px;padding:30px 20px 20px 20px; display: none;}
#subject_in .bible div{width:660px;background:#f7f7f7;text-align: justify;padding: 31px 30px;font-size: 13px;line-height: 1.7;}
#subject_in .bible div h3{font-size: 14px;font-weight: bold;color:#545454;margin-bottom: 10px;}
#subject_in .bible div h3 span{margin-left: 10px;padding-left: 10px;border-left: 1px solid #d6d6d6;}
#subject_in .bible div p {color:#545454;    text-indent: -28px;   margin-left: 30px; ;line-height:1.7;}
#subject_in .bible div p span{font-weight: bold;color:#666; width: 28px;height: 15px;display:inline-block;text-indent:0}

#subject_in .bible .word1{margin-top: 25px;}
#subject_in .bible .word2{margin-top: 10px;margin-bottom: 100px;}
.blankbox-h100{width: 100%;height: 100px;}
.blankbox-h30{width: 100%;height:19px;}


/*//////////////////////////////////////////////////////////////////////////////*/
/*SUB -TOP.PHP*/

/*탑이미지 날개로 변화부분 시작*/

#subTop {width: 100%;position: relative;}
 .t-img {margin: auto;width: 1024px;padding-top: 20px;}

#subTop .imgview{float:left; width:5120px; position:absolute; top:0; left:50%; margin-left:-2560px;}
#subTop .imgview .main_img{margin-left: 1024px;width:3072px;}
#subTop .imgview ul{position: relative;}
#subTop .imgview ul li{float: left;width: 1024px;height: 166px;}

#subTop .imgview2{float:left; width:5120px;position:absolute; top:0; left:50%; margin-left:-2560px;}
#subTop .imgview2 .main_img{margin-left: 1024px;width:3072px;}
#subTop .imgview2 ul{position: relative;}
#subTop .imgview2 ul li{float: left;width: 1024px;height: 166px;}


.blackout_r{position:absolute; top:0; left:50%; width:100%; height:166px; background:#000; opacity:0.75; margin-left:512px;z-index:20 }
.blackout_l{position:absolute; top:0; right:50%; width:100%; height:166px; background:#000; opacity:0.75; margin-right:512px; z-index:20}




/*탑이미지 날개로 변화부분 끝*/


/*날개없는 헤드 이미지 일때 */
/*#container {padding-top: 20px;	width: 1024px;margin: auto;padding-bottom: 90px;} */


/*내용 있는 것 박스 및 프린트 공유*/
.contWrap{width: 100%;}
.contWrap{border-top: 1px solid #d6d6d6;;border-bottom: 1px solid #d6d6d6;padding-top: 20px;padding-bottom: 0px;}
.contWrap> ul {margin-top: 70px;;margin-bottom: 70px;}

.recommend1{text-align: right; ;height: 35px;position: relative;}
.recommend1> a{text-align: center;border: 1px solid #d6d6d6;width: 30px;height: 25px;display:inline-block; line-height: 30px;font-size: 14px;margin-bottom: 39px;;}
.recommend1 a i{color:#868686}
.recommend1 a:hover{opacity:0.8}
.recommend1 a .printer{background:url("/skin/flat01/images/imgsub/printer.png")50% 50% no-repeat ;text-indent:-9999em;margin-right: 5px;width: 30px;height: 25px;display: inline-block;line-height: 30px;}
.recommend1 a .share{background:url("/skin/flat01/images/imgsub/dir-l.png")50% 50% no-repeat ;text-indent:-9999em;margin-right: 5px;width: 30px;height: 25px;display: inline-block;line-height: 30px;}
.recommend1 a:hover .share {background:url("/skin/flat01/images/imgsub/dir-d.png")50% 50% no-repeat }
.recommend1 .snsSet{position: absolute;right: 0;top: 25px;;;border: 1px solid #d6d6d6;width:228px;height: 168px;background: #fff;padding-top: 10px;padding-left: 15px;}
.recommend1 .snsSet li {float: left;width: 72px;text-align: center;}
.recommend1 .snsSet li:nth-child(3n+1){margin-top: 15px;}
.recommend1 .snsSet li:nth-child(3n+2){margin-top: 15px;}
.recommend1 .snsSet li:nth-child(3n+3){margin-top: 15px;}
.recommend1 .snsSet li span{display: block;margin-top: 7px;font-size: 11px;}

.view_btn.v2{margin-bottom: 20px}

/*로그인 팝업 */
#bg {display: none; position: fixed;  z-index: 9999;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: #000;  opacity: .5;  filter: alpha(opacity=30) !important;}
#loginPop {position: relative;display: block; box-shadow:inset 0 0 0 1px #d6d6d6;opacity: 1;  position: fixed;  top: 50%;  left: 50%; margin-top: -130px; margin-left: -275px;background: #fff;z-index:10000;width: 433px;height: 140px;padding:60px; 67px }
#loginPop h2{font-size: 17px;font-weight: bold;text-align:left}
#loginPop .loginSct{text-align:left}
#loginPop  input[type="text"] , input[type="password"] {text-align:left;width: 308px;height: 31px;margin-top: 6px;cursor: pointer}
#loginPop .btnClose{position: absolute;top: 20px;right: 20px;border:none;background: none;cursor:pointer}
#loginPop .login{width: 100px;height: 78px;background:#868686 ;border: 1px solid #767676 ;color:#fff;font-weight: bold;font-size: 13px;position: absolute;right:67px;top: 97px;cursor:pointer;}
#btn_loginPop{cursor:pointer}
#headerWrap .topbar li {float: left; display: block; width: 90px; height: 32px;  line-height: 32px; border-right: 1px solid #d6d6d6; text-align: center;}
#loginPop input[type="checkbox"]{opacity:0}
#loginPop input[type="checkbox"] + label{width: 130px; display:block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px;}
input[type=checkbox]+ label:before {content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 10px; position: absolute; left: 0; top: 9px; bottom: 1px; background-color: #fff; border: 1px solid #d6d6d6;}
input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);      font-size: 13px; padding-bottom: 1px;      color: #fff;  background:#e40e64;    text-align: center;      line-height: 18px;  } 
    
#loginPop .memberLink {width: 180px;position: absolute;bottom: 50px;font-size: 13px;left: 200px;}
/*로그인 후 */
#headerWrap .topbar .afterLogin >li{width: 125px;}
#headerWrap .topbar .afterLogin >li:hover ,#headerWrap .topbar .afterLogin >li.on {background: #015ea1;cursor:pointer}
#private {position:absolute; top:32px;left: 50%;/*margin-left:136px*/ ;margin-left: 210px;; width: 300px;height: 180px;background: #fff;border: 1px solid #d6d6d6;z-index:10000}
#headerWrap .topbar .afterLogin >li:hover a {color:#fff}
#headerWrap .topbar .afterLogin>li.notice{width: 73px;}
#headerWrap .topbar .afterLogin >li #private .info{width: 300px;height: 144px;}
#private ul li {float: left;height: 144px;width: 150px;}
#private .info >li:first-child {text-align: center;}
#private .info >li .infoIn{margin-top: 33px;}
#private .info >li .infoIn p.t-color{font-size: 12px;line-height:5px;}
#private .info> li h3{font-weight: bold;font-size: 14px;color:#353535}
#private .info> li img{width: 75px;height: 75px;margin-top: 25px;}
#private .info p{font-size: 13px;font-weight: normal;margin-top: 10px;}
#private .info p em {width: 52px;;display: inline-block;font-weight: bold;}
#private .info p strong{font-weight: bold;font-size: 15px;}
#private .info p span {text-decoration:underline}
#private .info p a{color:#868686}
#private .info p a:first-child {margin-right: 10px;padding-right: 10px;border-right: 1px solid #d6d6d6;}
#private  .position {border-top: 1px solid #d6d6d6;}
#private  .position li {float: left;width:149px;height: 35px;text-align: center;line-height: 35px;font-size:13px;}
#private  .position li select{padding: 8px 5px;border: none;margin-top: -2px;text-indent:20px; width: 150px;}
#private  .position li:last-child a{width: 150px;height: 35px;border-left: 1px solid #d6d6d6;display: inline-block;line-height: 35px;color:#545454}
#notice {width: 400px;height: 276px;;background: #fff;border: 1px solid #d6d6d6;z-index:10000;position:absolute; top:32px;left: 50%;margin-left:110px;overflow:auto}
#notice .list>li {padding: 10px 18px 30px  ;border-bottom: 1px solid #d6d6d6;color:#545454} 
#notice .list>li p strong{font-weight: bold;line-height: 1.5;}
#notice .list>li> ul> li{float: left;color:#c3c3c3;margin-top: 6px;}
#notice .list>li> ul> li:first-child{margin-right: 10px;padding-right: 10px;border-right: 1px solid #d6d6d6;}