/*layOut_2016*/
/*contents*/
div#container.zineFooterLine{ background-color:#f5f5f5: background-image:none !important; }

/*과월호*/
#past{background-color:#212121 !important; background-image:none !important; }
.pastInfo p{text-align:center; font-size:11px; line-height:15px; color:#c8c8c8;}
.pastInfo p.date{color:#888 !important;}

#pastCon.pop{width:auto; margin:0px auto; position:relative;}
.pastList.pop{width:auto; margin:0 auto; padding:25px; overflow:auto; }
.pastList ul.pop{overflow:auto; margin-right:0; width:auto; position:relative; }
.pastList ul.pop li{float:left; margin:0 5px 20px;}

/*과월호 팝업*/
.popWrap { background:#f5f5f5; position:relative; width:100%; display:inline-block; *zoom:1; *display:inline; margin:0 auto; }
.popWrap .popHeader { position:relative; height:200px; }
.popWrap .popHeader .pLogo { position:absolute; left:52px; top:28px; }
.popWrap .popHeader .pTxt { font-family:"맑은고딕",Malgun Gothic,dotum,AppleGothic,sans-serif; font-size:12px; color:#555; letter-spacing:-1px; line-height:1.5; position:absolute; left:205px; top:88px; }
.popWrap .popHeader .pTxt em { font-size:15px; font-weight:bold; }





.contents_container { width:100%; background:#f5f5f5 url(/images/newsletter201806/sBg.jpg) no-repeat; background-size:100%; display:inline-block; *zoom:1; *display:inline; }
#storyContents{width:980px; margin:0 auto;}
/*새로 갱신*/

#storyContents .sHeader { position:relative; z-index:9; }
#storyContents .sHeader a.sLogo { position:absolute; display:block; height:61px; left:36px; top:2px; background:url(/images/newsletter201806/bg_sLogo.png) left no-repeat; padding:54px 0 0 124px; text-indent:-9999px; }
#storyContents .sHeader .sTit { position:absolute; left:162px; top:54px; font-size:18px; font-family:'NanumGothic', 'Malgun Gothic', 'Dotum', 'New Gulim'; color:#282828; }
#storyContents .sHeader .sBtn { position:absolute; top:41px; right:21px; }
#storyContents .sHeader .sBtn img { padding:0 3px 0 2px; }

#st_container:after{content:""; display:block; clear:both;}
#st_container{ position:relative; background:url(/images/newsletter201806/bg_sub.png); display:inline-block; *zoom:1; *display:inline; margin-top:83px; padding-bottom:75px; }
#leftC{ position:relative; width:650px; background:#fff; float:left; padding:120px 30px 20px; font-size:15px; }
#rightC{ position:relative; width:220px; float:right; padding:120px 25px 20px; }
#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:38px; color:333; text-align:center;padding:0 10px 32px 10px ; line-height:1.3; font-family:"맑은고딕",Malgun Gothic,dotum,AppleGothic,sans-serif; letter-spacing:-4px; font-weight:normal; border-bottom:none !important;}
#leftC h3 span{font-size:14px; letter-spacing:-1px}
#leftC h3.stit {display:block; font-size:14px;color:#525252; margin-bottom:35px; letter-spacing:-1px;}
#leftC .author{text-align:right;padding:0 10px 11px 10px}
#leftC h4{font-size:18px; margin:32px 0 10px 0;padding:0 10px}
#leftC h4.sm{font-size:17px;}
#leftC h4.lg{ font-size:24px; margin:50px 0 35px;}
#leftC p{margin-bottom:20px;padding:0 10px; font-size:15px; line-height:2.1}
#leftC p.sm{margin-bottom:20px;padding:0 10px; font-size:12px; line-height:1.4}
#leftC p.dal{margin-left:30px; margin-right:30px;}
#leftC div.lastP{padding-bottom:75px;}
#leftC h4.lastP{border-top:2px solid #979797; padding-top:25px;}
#leftC div.lastP ul{padding-left:10px;}
#leftC div.lastP ul li{position:relative; padding-left:10px; padding-bottom:13px; line-height:1.4;}
#leftC div.lastP ul li:before{content:"-";position:absolute; left:0}
#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; float:right; width:470px; font-size:13px; line-height:2.1; margin-top:-8px; }
#leftC dt.long { width:630px; margin-top:10px; }
#leftC dd{float:right;width:470px; font-size:13px; line-height:2.1; }
#leftC dd.long { width:630px; }
#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 span{display:block; text-align:center}
#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/newsletter201502/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/newsletter201412/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/newsletter201412/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/newsletter201412/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/newsletter201412/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; font-size:12px; padding:8px 15px 0; text-align:left;}
.movieImg_wrap span.exp { line-height:1.4;}
.halfImgWrap { float:left; margin-right:10px; }
.halfImgWrap :after{content:""; display:block; clear:both;}
h5.subT{font-size:15px; margin:20px 0 10px 0; padding:0 10px;color:#7e7e7e;}
h6.subT{font-size:14px; 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/newsletter201412/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{margin-bottom:20px; padding:0 0 10px 0 !important}

.dialogue{padding:0 40px !important; display:block}

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}

.w100{width:100% !important}
ul.editorList{}
#leftC ul.editorList dl dt, #leftC ul.editorList dl dd{ float:none ; display:inline-block ; }
#leftC ul.editorList dl dt{width:80px; }

.movieImg_wrap ul li{display:inline-block}
.mb30{margin-bottom:30px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px}

#leftC dl.new_ai{padding:0 10px;}
#leftC dl.new_ai dt{float:left;width:160px;}
#leftC dl.new_ai dd{float:left;width:800px}
#leftC .comment strong{font-weight:bold; display:block; text-align:right; margin-top:15px}
.video_wrap{text-align:center; margin-bottom:30px;}
.comment_wrap{border-bottom:1px dashed #cfcfcf; padding-bottom:20px; margin-bottom:40px}
.comment_last{border:none}
div.imgComment{padding:0 10px}
div.imgComment .imgW{float:left; margin-right:30px; padding-bottom:20px}
div.imgComment .imgW span{display:block; text-align:center}
.clearb{clear:both;}
.content_list h5{font-size:15px; font-weight:bold; margin-bottom:5px; padding:0 10px}
.content_list h6{font-size:13px; font-weight:bold; margin-bottom:5px; padding:0 10px; background:none}

dl.diary_d{padding:0 10px;}
dl.diary_d dt, dl.diary_d dd{ float:left !important; width:auto !important}

.top_line{border-top:2px solid #979797; padding-top:35px !important;margin-top:50px !important}
.float_no{float:none !important}
.float_parent{overflow:hidden}
.number{font-weight:bold; display:block}
.right{text-align:right; display:block; }
.small{font-size:12px; }
#leftC div.img_ul{margin:0; overflow:hidden;text-align:center}
#leftC div.img_ul li{display:inline-block}
#leftC div.img_ul li p{margin:0; padding:0}
#leftC div.img_ul li span{text-align:center; display:block;font-size:12px; color:#898989; line-height:1.7}
.q_para{display:block; margin-bottom:15px}

.photo_text{line-height:1.6; font-size:12px; color:#898989}
.photo_text a{display:block; }
.photo_text a span{background:url(/images/newsletter201504/ic_red-arrow.gif) no-repeat left 4px; display:inline; padding-left:8px; }
#leftC .box{ border:1px solid #d5d5d5; padding:15px; background:#ececec;line-height:1.8 !important; display:block; width:620px; height:auto; text-align:left; margin:0 0 20px 10px}

.video_parent{position:relative !important;}
.video_container{position:fixed; z-index:100; left:0; top:0 ;width:100%; height:100%; display:none;}
.video_container div.video_player{position:fixed; z-index:102;width:100%; height:100%;}
.video_container div.video_player .video_box{padding:15px; background:#000; width:640px; position:absolute; display:none;left:50%; top:50%;}
.video_container div.video_player div.close {text-align:right;}
.video_container div.bg{position:fixed; z-index:101;width:100%; height:100%;background:#000;filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.1; display:none;}

div.left_con{margin-bottom:20px; padding: 0 10px; line-height:2.1}

a.c_storyLink{background:url(/images/newsletter201601/btn_icon.png) no-repeat left 5px;padding-left:17px; display:block}

div.photo_contain {text-align:center;margin-bottom:20px}
div.photo_contain .left_photo, div.photo_contain .right_photo{display:inline-block; }
div.photo_contain .right_first{margin-bottom:10px}

.big{font-size:14px}
h4.title{text-align:center}
p.img{text-align:center; margin-top:20px; padding:0}
p.text{border-bottom:1px solid #e2e2e2;padding-bottom:50px !important; margin-bottom:50px !important}
.lineTop{border-top:2px dotted #e2e2e2; padding-top:25px !important;}

.line{margin-bottom:30px; border-bottom:1px dotted #d3d3d3; padding:0 10px 30px; font-size:12px;}

.line dl.ch{overflow:hidden; padding-top:20px;}
.line dl.ch dt{float:left !important; width:160px !important ; margin-bottom:10px}
.line dl.ch dd{float:right !important; width:453px !important; padding-top:0px}
.line ul li, ul.list_s li{position:relative; padding-left:10px;}
ul.list_s li{margin-bottom:10px}
.line ul li:before, ul.list_s li:before{content:"-" ; position:absolute; left:0}
.line ul li .name{display:block; font-weight:bold; }
ul.list_s li span.title{display:block; font-size:13px; }
ul.list_s{padding:0 10px}

.fs12 {font-size:12px !important;}
.playList { background:#555; color:#fff; padding:3px; }
.playList:hover { color:#aaa; }

.ls01 { list-style:disc; margin-left:35px; font-size:14px; line-height:2.5; }
.bookBox { border-top:#aaa 1px dotted; border-bottom:#aaa 1px dotted; background:#f8f8f8; margin:0 10px 40px; padding:10px 10px 15px 10px; font-size:13px; color:#888; }
.bookBox .list { border-bottom:#ccc 1px dashed; padding-bottom:10px; margin-bottom:3px;}
.bookExp { line-height:1.6 !important; }

.siteInfo { border-top:#aaa 1px dotted; border-bottom:#aaa 1px dotted; background:#f8f8f8; margin:0 10px 40px; padding:10px 10px 15px 10px; font-size:13px; color:#888; }

.italic { font-style:italic; }

.pRight { font-size:13px !important; text-align:right; margin-bottom:50px !important; margin-right:50px;}
.pRight.noMarginR { margin-right:0;}
.pPoetry { padding-left:40px !important;}
.pPoetryBlue { color:#153c99; font-family:'Nanum Gothic', 'Dotum', 'New Gulim';}
.pPoetryBlue.lg { font-size:19px !important; line-height:1.4 !important; padding-bottom:0 !important; margin-bottom:10px !important;}

.pPoetryGray { padding-left:40px !important; color:#000; font-weight:normal;}

.tbl { position:relative; border-top:1px solid #c8c8c8;}
.tbl td {padding:30px 20px; text-align:center; border-bottom:1px solid #c8c8c8;}
.tbl td.con {border-left:1px solid #c8c8c8; text-align:left; text-align:justify;}
.tbl td.con span { color:#4584d2; padding-top:15px; display:block;}

.tbl_c { position:relative; border-top:1px solid #c8c8c8; margin-bottom:50px;}
.tbl_c th {padding:5px 10px; text-align:center; border-bottom:1px solid #c8c8c8; background:#555; color:#fff; font-size:12px;}
.tbl_c td {border-bottom:1px solid #c8c8c8; text-align:left; text-align:justify; padding:15px 15px; line-height:1.3;}
.tbl_c td.left {border-right:1px solid #c8c8c8; font-size:14px; text-align:center;}
.tbl_c td.left .flg {font-size:19px; font-weight:bold;}

.pBookName {font-size:13px; text-align:right; display:block; line-height:2; color:#999;}

.quote { padding:40px 60px !important; }
.quoteL { padding:0 120px !important;}
.fBlue {color:#153c99;}
.fRed {color:#da5050;}

ul.yearForm { padding:20px 0;}
ul.yearForm li { position:relative; padding-left:90px; padding-bottom:12px; margin-left:24px;}
ul.yearForm li em { position:absolute; left:0; top:0; color:#000;}

.btn_3d, a.btn_3d {display:inline-block; padding:5px 15px; border:1px solid #ccc; font-size:12px; color:#06C; margin:5px 0 5px 10px; border-radius:5px; line-height:1.1;}
.btn_3d {background: rgba(249,248,244,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 16%, rgba(240,240,240,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(16%, rgba(252,252,252,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 16%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 16%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 16%, rgba(240,240,240,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 16%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f3f3f3', GradientType=1 );}