@charset "utf-8";

.m_img_gay {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.sub_comment {position:relative; font-size:36px; line-height:20px; color:#6a6867; font-weight:normal; padding:35px 0 30px 0; text-decoration:underline;}

.btnArea a {background: #222222 none repeat scroll 0 0; border-radius: 2px; color: #fff; padding: 9px 22px;}

.mn_on {}
.mn_on span {text-decoration:underline;}
.w_link a{color:#fff;}
.w_link a:link{color:#fff;}
.w_link a:hover{color:#fff;}

.past_view {position:relative; z-index:100;}
.past_view_in {position:absolute; top:0px; right:-221px; background:url("/mailing/imgs/skin_2017/webzine_pop.png") no-repeat 0 0; width:232px; height:1118px; padding:47px 0 0 0; text-align:left; display:none;}
.past_view_in .cont_ho {padding:0 0 30px 30px;}
.past_view_in .cont_ho .title {padding:0 0 8px 0;}
.past_view_in .cont_ho .title {padding:0 0 8px 0;}
.past_view_in .close {position:absolute; top:0; right:11px;}

.select {position:relative; line-height:normal; display:inline-block; float:left; vertical-align:middle; background:#70645b; width:170px; margin:0 0 5px 0; font-family:"Malgun Gothic";}
.select * {margin:0; padding:0; cursor:pointer; font-size:12px;}
.select .myValue {position:relative; z-index:2; left:0; top:0; border:1px solid #827469; line-height:18px; text-align:left; overflow:visible; background:transparent; color:#fff;}
.select .myValue.selected{ font-weight:bold; letter-spacing: -1px;}
.select.open .myValue,
.select .myValue.outLine{}
.select button.myValue {height:25px; width:100%; padding:0 0 2px 7px; font-family:"Malgun Gothic";}
.select div.myValue{height:23px;}
.select .ctrl{position:absolute; top:0; right:0; width:21px; height:23px; border:1px solid #827469; background:#70645b;}
.select .arrow{position:absolute; width:0; height:0; top:9px; right:5px; line-height:0; font-size:0; border-top:5px solid #b7a79a; border-left:5px solid #70645b; border-right:5px solid #70645b;}
.select ul {top:25px; left:0; width:170px; list-style:none; background:#70645b; z-index:100;}
.select ul.aList{display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li {position:relative; overflow:hidden; white-space:nowrap; height:26px; border-bottom:1px solid #827469;}
.select li input.option {position:absolute; width:100%; height:26px; line-height:26px;}
.select li label {position:absolute; left:0; top:0; width:100%; height:26px; line-height:26px; color:#fff; background:#70645b;}
.select li a {display:block; height:26px; line-height:23px; color:#fff; background:#70645b; text-decoration:none; padding:0 0 0 8px; font-size:11px;}
.select li.hover * {background:#827469; color:#fff;}

/* 웹진 뷰페이지 */
.view_top {position:relative; border-bottom:2px solid #565656; text-align:center;}
.view_ho {padding:20px 0 32px 0; font-size:28px; color:#1d1d1d; font-family:"Malgun Gothic"; font-weight:bold; letter-spacing: -1px;}
.ho01{color:#e53245; line-height:48px; text-decoration:underline;}
.ho02{color:#f4ba01; line-height:48px; text-decoration:underline;}
.ho03{color:#79b4ba; line-height:48px; text-decoration:underline;}
.ho04{color:#7c7c7c; line-height:48px; text-decoration:underline;}
.view_prev {position:absolute; right:0; top:10px;}
.view_prev li {float:left; padding:0 0 0 5px;}

/* 게시글 제목 */
.webzine_view_title1 {font-family:"Malgun Gothic"; font-size:44px; line-height:60px; color:#000; letter-spacing: -3px; padding:50px 0 35px 0; text-align:center;}
.webzine_view_title1 span {display:inline-block; font-size:44px; color:#fff; line-height:60px; background:#c3c3c3; padding:0px 20px;}
.webzine_view_title3 {position:absolute; right:0; top:55px; font-size:27px; font-family:"Malgun Gothic"; letter-spacing: -2px; line-height:30px; }

/* view_sns */
.view_sns {}
.view_sns ul {width:112px; margin:0 auto; background:#fff; padding:0 10px;}
.view_sns li {float:left; line-height:0; font-size:0; padding:0px 2px;}

/* brdlist_footer */
.brdlist_footer {position:relative; text-align:center; border-top:2px solid #929292; padding:10px 0 0 0 !important;}
.btn_2015 {display:inline-block; background:#474644; color:#fff !important; font-size:14px; font-weight:bold; padding:0 15px 2px; line-height:25px;}

/* edunalist */
.edunalist {position:absolute; right:0; top:0; width:760px;}
.edunalist .cont1 {float:left; width:640px;}
.edunalist .cont1 .name {float:right; font-family:"Malgun Gothic"; font-size:15px; border-bottom:1px solid #929292; font-weight:bold; padding:5px 0 10px 0; color:#000; display:inline-block;}
.edunalist .cont1 p {text-align:right; padding:10px 0 0 0; word-break:keep-all; font-size:13px; line-height:18px;}
.edunalist .cont2 {float:left; width:120px; text-align:right;}

/* edunalist_cont */
.edunalist_cont {font-family:"Malgun Gothic"; font-size:15px; font-weight:bold; color:#000; text-align:right; padding:50px 0 0 0;}

.view_cont {min-height:500px; padding:45px 0 60px 0; font-size:14px; line-height:24px; color:#545454; word-break:keep-all;}
.t_strong {color:#000; font-size:15px;}
.t_line {text-decoration:underline;}
.t_pink {color:#ff6196; font-size:21px; letter-spacing: -1px; line-height:30px;}
.t_pink span {font-size:27px;}
.t_black {color:#000; font-size:20px; letter-spacing: -1px;  line-height:30px;}
.t_question {color:#770dc2; font-size:17px; letter-spacing: -1px;  line-height:30px; text-decoration:underline;}
.t_pupple {color:#6e6eaf;}
.conBox {border:1px solid #d8dce1; padding:12px 20px 15px 20px; border-radius:5px; background:#f5f7f7;}

/* view_list */
.view_list {border-collapse:collapse; width:100%; border-top:1px solid #5c5c5c;}
.view_list td {border-bottom:1px solid #e6e6e6; padding:10px 5px 11px 5px; font-size:13px;}
.view_list_ho {height:30px; line-height:21px; font-family:"Malgun Gothic"; margin:55px 0 10px 0; padding:0 0 0 6px; width:140px; font-size:13px}


/* list_cont */
#list_cont {}
#list_cont ul li {padding:25px 0 0 0; border-bottom:1px solid #ddd;; width:810px; height:180px;}
#list_cont .list_img {width:260px; height:132px; float:left; display:inline;}
#list_cont .list_img img {width:240px; height:155px;}
#list_cont .list_text {float:left; width:540px; margin:2px 0 0 10px;}
#list_cont .list_text h3 {color:#fff; font-size:15px; font-weight:bold; font-family:"Malgun Gothic"; background:#7b3f41; display:inline-block; padding:0px 10px; line-height:30px;}
#list_cont .list_text h4 {margin:0; padding:10px 0 15px 0; color:#ee6602; font-size:18px; font-family:"Malgun Gothic"; letter-spacing:-1px;}
#list_cont .list_text h4  a:link {color:#000; text-decoration:none;}
#list_cont .list_text h4  a:visited {color:#000; text-decoration:none;}
#list_cont .list_text h4  a:active {color:#000; text-decoration:none;}
#list_cont .list_text h4  a:hover {color:#000; text-decoration:underline;}
#list_cont .list_text span {}
#list_cont .list_text.kind {text-align:center; font-size:1em; font-family:"Malgun Gothic"; width:157px; color:#ffffff; clear:both; margin:2px 0 0 0; padding:0; vertical-align:top; line-height:1.45em;}
#list_cont .list_text .text_01 {font-size:1em; font-family:"Malgun Gothic";}
#list_cont .list_text .text_01 .text_01_s {font-size:1em; font-family:"Malgun Gothic"; padding:0 10px 0 0px; color:#5b5b5b; font-weight:bold;}
#list_cont .list_text .text_01 .text_02_s {font-size:1em; font-family:"Malgun Gothic"; color:#858585;}
#list_cont .list_text .text_02 {clear:both; line-height:1.6em; padding:10px 2px 0 0; margin:0; color:#505050; font-size:12px; font-family:"Malgun Gothic"; word-break:keep-all;}
#list_cont .list_text .text_02 a:hover {color:#505050; text-decoration:underline;}

#subWrapper3 #list_cont {padding:30px 0 0 10px;}

.cont_2015_table {border-collapse:collapse; width:100%; border-top:1px solid #303030; font-family:gulim; color:#4b4b4b; font-family:"Malgun Gothic"; line-height:24px; word-break:keep-all;}
.cont_2015_table thead th {background-color:#f5f5f5; color:#5c771f; padding:6px 4px 4px 4px; border:1px solid #d4e0be; border-right:none;}
.cont_2015_table tbody th {text-align:left; background:#f5f5f5; color:#737373; padding:13px 4px; border-bottom:1px solid #cfcfcf; font-weight:bold; text-align:center;}
.cont_2015_table tbody td {padding:13px 10px 13px 10px; border:1px solid #cfcfcf; border-right:none; border-top:none; text-align:left;}

/* conList */
.conList {position:relative; margin:5px 0 10px 13px;}
.conList li {background:url("../../imgs/template/dotLi01.gif") no-repeat 0 7px; padding:0 0 0 11px;}
.conList ul {padding:3px 0 7px 0;}
.conList li li {background:url("../../imgs/template/dotLi_2.gif") no-repeat 2px 6px; padding:0 0 0 9px;}
.conList li li li {background:url("../../imgs/template/dotLi_3.gif") no-repeat 1px 6px;}

/* tabList_webzin */
.tabList_webzin {position:relative;text-align:center;}
.tabList_webzin ul li {display:inline-block; text-align:center;}
.tabList_webzin ul div.tabContent  {position:absolute; left:2px; width:810px;}
.tabList_webzin .tab_con {position:relative; }
.tabList_webzin .web_top {margin:30px;}

.img2017{position:relative;}
.group{position:absolute; top:14px; left:24px; z-index:20;}
.img_over{position:absolute; top:0px; background:url("/mailing/imgs/skin_2017/image_bg.png") no-repeat; width:349px; height:267px; z-index:10; text-align:center; padding:0px 25px;}
.img_over span{display:block; margin-top:100px; font-size:22px; font-weight:bold; line-height:28px; font-family:"Malgun Gothic";}


/* 리포터소개 */
.intro {position:relative; border:4px solid #edebed; padding:25px; }
.intro span {color:#000; font-size:15px; font-weight:bold; border-bottom: 1px solid #929292; padding:0 0 8px 0;}
.intro p { margin:12px 0 0 0;}

.in_tit {background:#edebed url("../../imgs/contents/in_titbg.gif") repeat 0 0; text-align:center; font-size:21px; padding:20px 0; line-height:32px; font-weight:bold;}
.intro .box1 {border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box1.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box2 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box2.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box3 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box3.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box4 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box4.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box5 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box5.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box6 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box6.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box7 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box7.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box8 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box8.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box9 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box9.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}
.intro .box10 {margin:20px 0 0 0; border:1px solid #d5d5d5; border-radius:10px; background:url("../../imgs/contents/in_box10.jpg") no-repeat 0 0; height:94px; padding:9px 0 0 124px;}