/*콘텐츠 안 css*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*input*/
label, input, select{vertical-align:middle;}
fieldset{border:0;}
legend{display:none;}
input{height:22px;border:1px solid #c6c6c6;padding:3px}
input#checkbox{border:0; }
label.formLabel{width:83px; display:inline-block;}
textArea{ border:1px solid #c6c6c6;padding:3px}
a{color:#727171; text-decoration:none;}
a:hover{color:#727171; text-decoration:underline;}
ul li{list-style-type:none;}

/*구독하기*/
.agreeBox{font-size:11px; border:1px solid #dfdfdf; height:152px; overflow:scroll; overflow-x:hidden; margin:15px 0 15px 0;padding:10px; line-height:20px}
.agreeCheck{margin-bottom:24px;}
.dotLine{display:block; background:url(/images/newsletter201404/dotLine.gif) repeat-x 0 0;height:1px;}
.formDiv{margin-top:47px; }
.btnArea{margin-bottom:200px; margin-top:55px; padding-top:28px;background:url(/images/newsletter201404/conLine.gif) repeat-x 0 0;text-align:center;}
.opinionP{margin-bottom:12px;}

/*활용사례*/
.useUl a{ color:#515151;text-decoration:none;}
.useUl a:hover{ color:#515151;text-decoration:underline;}

.useUl li{margin-top:37px;}
.useUl li.firstUse{margin-top:0px;}
.useThumbNail{float:left;}
.useText{float:left; margin-left:15px; overflow:hidden; }
.useTitle{font-size:14px; font-weight:bold; color:#515151;padding-bottom:8px;}

em.useField{color:#329ce3;font-style:normal; }
.detailList{overflow:hidden; display:block;padding-bottom:4px;}
.detailList span{float:left;}
.detailItem{width:60px;}
.useView{margin-top:16px;}
.detailText{clear:both;line-height:21px;padding-top:15px;padding-bottom:32px;}

/*특집*/
.issueCon{margin:35px 0 0 0; overflow:hidden;  }
.info2{ overflow:hidden; background:url(/images/newsletter201404/dotLine.gif) repeat-x 0 bottom; margin-top:25px; }
.issuePic{float:left; margin-right:23px;margin-bottom:27px;}
.issueText{float:left;line-height:21px; margin-bottom:45px;}
.relationCate{clear:both; overflow:hidden;  }
.relationCate h5{color:#333333; font-size:14px; padding-bottom:12px; border-bottom:1px solid #e4e4e4;}
.relationUl{margin:21px 0 50px 2px;}
.relationUl a{color:#666666; text-decoration:none;}
.relationUl a:hover{color:#666666; text-decoration:underline;}
.relationUl li{margin-bottom:13px; padding-left:9px; background:url(/images/newsletter201404/relation_icon.gif) no-repeat 0 5px;}
.issueText ul{margin-top:-25px; padding-bottom:25px; }
.issueText ul li{margin-bottom:10px;}
.issueText ul li dl{line-height:21px; margin-top:25px;}
.issueText ul li dl dt{font-weight:bold; padding-bottom:7px;}
.infoUl li{background:url(/images/newsletter201404/dotLine.gif) repeat-x 0 bottom; padding-bottom:25px;}
.infoUl li dl{line-height:21px; margin-top:25px;}
.infoUl li dl{line-height:21px; margin-top:25px;}
.infoUl li dl dt{font-weight:bold; padding-bottom:7px;}
.infoU li{background:url(/images/newsletter201404/dotLine.gif) repeat-x 0 bottom; padding-bottom:35px;}

h5.pTitle{font-size:14px; color:#444444;margin-bottom:5px; letter-spacing:-1px}
h5.pTitle2{font-size:14px; color:#444444;margin-bottom:5px;margin-top:35px;letter-spacing:-1px}
h6{line-height:21px; font-size:12px; color:#656363;margin-top:4px; margin-bottom:9px;padding-left:10px; background:url(/images/newsletter201404/h6Icon.gif) no-repeat 0 7px;letter-spacing:-1px;}
.h6Btn{margin:10px 0 28px 0; text-align:right;}
.h6Btn a{}
.h6Btn a:hover{text-decoration:none;}
.storyLink{color:#dc5511; font-weight:bold; padding-right:7px; background:url(/images/newsletter201404/storyIcon.gif) no-repeat scroll right 5px;}
.normalT{font-size:12px; font-weight:normal; color:#727171; }
.itemT{font-weight:bold;color:#797777;}

/*특집_이미지*/
#imgUl{overflow:hidden; margin-left:-1px; margin-bottom:-1px; }
#imgUl li{float:left; width:237px; height:320px;  border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;position:relative; line-height:18px;}
#imgUl li dl{text-align:center;overflow:hidden; }
#imgUl li dl dt{margin-top:10px;}
#imgUl li dl dd{margin-top:10px;font-weight:bold;}
.picMask{display:block; border:1px solid black; width:220px; height:251px; filter:alpha(opacity=25);opacity: 0.09;-moz-opacity:0.75; position:absolute;top:9px;left:7px;}

/*메인*/
#mainContents{width:980px; padding-bottom:50px;;margin:0 auto; position:relative;}
#mainLeftContainer{ padding-top:383px; position:relative; }
#mainLeft{ width:706px;  float:left;}
#mainRight{width:249px; float:right; padding-top:2px;}
.mainText{line-height:21px; font-size:13px; margin-bottom:37px;}
.more{display:block; text-align:right; margin-top:21px;}
.mainList{width:706px; border-top:1px solid #d3d3d3; margin-bottom:50px;}
.mainList li{width:707px; padding-top:13px;background:url(/images/newsletter201404/mainListBg.gif) no-repeat 0 0; vertical-align:middle; }
a.mainListLink{display:block; width:707px; height:26px; font-size:13px; color:#6a6a6a; text-decoration:none;}
a.mainListLink:hover{color:#6a6a6a; text-decoration:underline;;}
.mainImg{width:713px; height:383px; margin-left:-6px;}

.rightBox{background:url(/images/newsletter201404/mainBorder.gif) no-repeat 0 0;margin-bottom:45px;}
.rightMore{float:right;}
.boxTop{padding-top:18px; padding-bottom:10px;}
.conBox{background-color:#FFFFFF; border:1px solid #d2d2d2;padding:10px; }
.conBox dl{margin-bottom:1px;}
.conBox dl dt{width:227px; text-align:center; }
.conBox dl dd{line-height:16px;}
.conBox dl dd.title{font-weight:bold; margin-top:12px;margin-bottom:5px; }

.tabP{margin-bottom:15px;}
.tabPic{float:left; margin-right:10px;margin-left:2px;}
.tabText{float:left; width:130px; line-height:16px;}
.tabText .tabTitle{font-weight:bold;}
.tabText .tabEx{font-size:11px; color:#979797; margin-top:4px;}

/*게시판 관련*/
.boardComment{display:block ; margin-bottom:18px; }
#board thead th{height:33px; border-bottom:1px solid #cfd0d0; background:url(/images/newsletter201404/boardTitleLine.gif)  no-repeat scroll right 9px transparent; background-color:#edecec; }
#board thead th.boardLast{background:none;  background-color:#edecec; }
#board .title{padding:0 17px; line-height:21px;padding-top:10px; padding-bottom:10px;}
#board tbody tr{height:33px;line-height:33px;background:url(/images/newsletter201404/boardLine.gif) repeat-x left bottom; }

/*새 메인*/
.mainContent{margin-top:45px; }
.mainContent:after{content:""; display:block; clear:both;}
.mainT{width:514px;float:left; padding-left:11px;}
.mainI{float:left;}
.onlyImg{text-align:center;}
.strong{font-weight:bold;}

.storyList{margin-top:50px; overflow:hidden;  margin-bottom:30px;}
.storyList:after{content:""; display:block; clear:both;}
.storyList > p{border-bottom:1px solid #cacaca; padding-bottom:10px;margin-bottom:14px;}

.storyUL { padding-bottom:40px; border-bottom:1px solid #c4c4c4; overflow:hidden;}
.storyUL:after{clear:both;}
.storyUL li{width:142px; margin-right:25px; float:left;}
.storyUL li:last-child{margin-right:0;}
.storyUL li .st{line-height:16px; font-size:12px; padding:12px 5px 5px 0;}

/*원형 스토리*/
#storyContents{width:980px; padding-bottom:75px; margin:0 auto;}
/*새로 갱신*/

#st_container:after{content:""; display:block; clear:both;}
#st_container{width:100%;}
#leftC{width:670px; float:left;padding-top:19px}
.pt0{padding-top:0 !important}
#rightC{width:220px;background:pink; float:right;padding:19px 18px;background:#fff;border:1px solid #ddd;}
#rightC h4{font-size:15px; margin-bottom:5px; display:block; padding:0 10px}
#s_title{border:none;padding:0 10px}

#rightC h5{font-family:'NanumGothicWeb', sans-serif ; font-size:16px; font-weight:normal; color:#555;margin-bottom:15px; letter-spacing:-1px;}
#rightC p{padding-bottom:18px; border-bottom:1px dashed #e2e2e2; line-height:21px;margin-bottom:30px;}
#rightC p.last{border:none;}
#rightC p span{display:block;}
#rightC .l_s_i li{text-align:center; margin-top:18px; }
#rightC .l_s_i li span{display:block;}


#leftC h3{font-size:28px ; text-align:center;padding:0 10px 32px 10px ; line-height:35px; font-family:"맑은고딕",Malgun Gothic,dotum,AppleGothic,sans-serif ;letter-spacing:-2px; font-weight:normal}
#leftC h3 span{font-size:15px; letter-spacing:-1px}
#leftC .author{text-align:right;background:url(/images/newsletter201404/tl.gif) repeat-x 0 bottom;padding:0 10px 11px 10px}
#leftC h4{font-size:15px; margin:32px 0 10px 0;padding:0 10px}
#leftC p{margin-bottom:20px;padding:0 10px; line-height:2.1}
#leftC p.dal{margin-left:30px; margin-right:30px;}
#leftC div.lastP{padding-bottom:75px; border-bottom:2px solid #979797;}
#leftC h4.lastP{border-top:2px solid #979797; padding-top:25px;}
#leftC div.lastP ul{padding-left:10px;}
#leftC h4.ai{font-size:16px; font-weight:bold; margin-bottom:18px;text-align:left; line-height:16px}
#leftC dl.adl{padding:0 10px; *zoom:1;overflow:hidden;}
#leftC dl.adl:after{content:""; display:block; clear:both;}
#leftC dt{font-weight:bold}
#leftC dt, #leftC dd{float:right;width:488px}
#leftC dd.img_wrap{float:left; width:160px}
#leftC .bt{font-size:13px; margin:22px 0 0 0;padding:0 10px; font-weight:bold;}
#leftC div.d_img{margin:0; overflow:hidden;padding:0 10px;}
#leftC div.d_img ul li p{padding:0; margin:0}
#leftC div.d_img ul li{float:left; overflow:hidden; padding-right:15px;padding-bottom:15px}
#leftC p.img_title{float:left; font-size:12px;}
#leftC p.detail_btn{float:right; margin-top:10px;  padding-top:5px !important;}
#leftC p.s_btns{text-align:right;padding-top:44px;padding-bottom:15px; border-bottom:1px dotted #9b9b9b}
#leftC p.s_btns2{padding-top:14px; }
#leftC p.s_btns2 strong{display:inline-block; height:21px; outline:1px solid #a0a3a9; border:1px solid #b9babf; color:#fff; font:11px "돋움", dotum; line-height:21px; background:#adafb4 url(/images/newsletter201404/btn_icon.gif) no-repeat 8px center; padding:1px 9px 0 26px }
#leftC p.s_btns2 span{font-size:12px; color:#71777c; display:block; line-height:16px;padding-top:8px}
#leftC p.s_btns2 a{border-bottom:1px solid #e9e9ea; display:block; padding:10px 0}
#leftC p.s_btns2 a.no{border:none;}
#leftC p.s_btns2 a:hover{text-decoration:underline;}
.hide{position:absolute; left:-9999px; text-indent:-9999px; width:0; height:0; overflow:hidden;}


#sC{margin:55px 0 0 0;}
#sC:after{clear:both;}
#sLeft{width:705px; padding-right:25px; ;float:left; border-right:1px solid #dedede;  padding-bottom:80px;}
#sRight{width:195px;float:right; padding:0 25px 0 25px;}
#sRight h4{font-weight:bold; color:#666666; font-size:14px; margin-bottom:5px; background:url(/images/newsletter201404/rStoryI.gif) no-repeat 0 3px; padding-left:20px}
#sRight p{text-align:justify; font-size:11px; color:#9b9a9a; line-height:19px;}

#sInfoLeft{padding-right:25px; ;float:left; width:585px;}
#sInfoRight{width:353px;float:left; padding-top:25px;}
#sInfoRight p{margin-bottom:5px;}
#sInfoRight p:last-child{margin-bottom:20px;}
.sD{font-size:13px; font-weight:bold; margin-bottom: 20px; }

.sTitle{padding:0 15px 0 11px; background:url(/images/newsletter201404/titleLine.gif) repeat-x left bottom; position:relative;}
.sTitle .smallTitle{font:13px 'NanumMyeongjoWeb'; color:#3a3939;}
.topB{position:absolute; right:11px; bottom:22px}
.sContent{padding:25px 15px 0 11px; }
.sContent:after{content:""; display:block; clear:both;}
.description{font:bold 13px 'NanumGothicWeb'; line-height:24px;  padding-bottom:25px;}
.sContentT{float:left; width:307px; }
.sContentI{float:left;}
.normalT{clear:both; padding-top:20px;}
.btnA{text-align:right; padding-top:40px;}

.plotUl{margin-top:40px; }
.inUl li{float:left; margin-right:11px;}
.inUl li:last-child{margin-right:0;}
.storyInfo p{margin-bottom:14px;}
.storyInfo{overflow:hidden;}
.center{text-align:center;}


.imgWrap{background:#FFF;}
.st h3{color:#515151; font-size:14px; border-bottom:0; padding-bottom:5px;}
.st a {padding-bottom:20px; display:block;}
.mainTitleImg {padding-bottom:50px; background:url(/images/newsletter201404/boardTop2.gif) no-repeat 0 bottom; margin-bottom:30px; position:relative;}
.cartoonPic{position:relative;}
.webtoon{position:absolute; left:560px; bottom:90px;}
.webtoon ul li{float:left; margin-right:10px;}
.webtoon ul li p{line-height:14px;}
.webtoon .cartoonPic{margin-bottom:10px; }
.cartoonMask{display:block; width:113px; height:67px; border:1px solid #010101; position:absolute;top:0; left:0; filter:alpha(opacity=10);opacity: 0.10;-moz-opacity:0.9;}
.seriesNum{color:#9c9999; font-size:11px;}

/*---------------------*/
.s_btns a{display:inline-block; height:21px; outline:1px solid #a0a3a9; border:1px solid #b9babf; color:#fff; font:11px "돋움", dotum; line-height:21px; background:#adafb4 url(/images/newsletter201404/btn_icon.gif) no-repeat 8px center; padding:1px 9px 0 26px }
.s_btns a:hover, .s_btns a:focus{text-decoration:none;}

.movieImg_wrap{text-align:center; }
.movieImg_wrap img{vertical-align:top;padding-bottom:3px;}
.movieImg_wrap .img_m{margin-left:20px;}
.movieImg_wrap span{display:block;}
h5.subT{font-size:14px; font-weight:bold; margin:20px 0 10px 0; padding:0 10px;color:#7e7e7e;}
.d_img p.des{width:270px; display:block; font-size:11px; line-height:18px !important; clear:both; color:#909090;}

#leftC h4.sub_title{font-size:16px; border-bottom:1px dashed #c6c6c6; padding-bottom:7px;letter-spacing:-1px;}
.rightC_img{width:100%; text-align:center; display:block;padding-bottom:10px;}
.strong{font-weight:bold; font-size:14px}
.m_l_50{margin-left:50px;}
.clear{clear:both; text-align:center;margin-top:-5px;}
.right_a{text-align:right; display:block; }
#leftC p.p_box{ background:#ebebeb; padding:15px;}
.st{font-size:15px; font-weight:normal;text-align:center;margin-top:5px;}

span.img_script{display:block; font-size:12px; line-height:18px}
.diary_layout{overflow:hidden}
.diary_layout p{float:left; width:410px}
.diary_layout p.img_wrap{width:220px;}
#leftC .com_list{padding:0 10px; margin-top:20px;margin-bottom:20px; }
#leftC .com_list li{padding-left:10px; background:url(/images/newsletter201404/h6Icon.gif) no-repeat left 10px; }
#leftC .com_list li strong{font-weight:bold}
span.com{font-weight:bold}
.text_under{text-decoration:underline}
.dotted_line{ border-top:1px dotted #9b9b9b; display:block; padding-top:20px !important}

span.series{display:block; font-size:14px;color:#525252; margin-bottom:5px; letter-spacing:-1px;}
.series_line{background:url(/images/newsletter201404/tl.gif) repeat-x 0 bottom; margin-bottom:20px; padding:0 0 10px 0 !important}

.dialogue{padding:0 50px !important}

ul.list_num{margin-bottom:20px;}
ul.list_num li{position:relative; padding-left:15px}
ul.list_num span{position:absolute; left:0; top:0}

.authorLine{border-top:2px solid #979797; padding-top:35px !important; margin-top:15px}
span.bold{font-weight:bold}