@charset "euc-kr";
@import url('//fonts.googleapis.com/icon?family=Material+Icons');
@import url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
/*=============================================================================+
| Copyright (c) 2016. http://gima.pe.kr. All rights reserved.                  |
+------------------------------------------------------------------------------+
| ŸÀÌƲ: ¸Þ°¡·ÎÀ̾ ¸É¹ö½Ê                                                  |
| ÀÛ¾÷ÀÏ: 2016-10-17                                                           |
| ÀÛ¼ºÀÚ: ÀÌÁ¤¼¼ <http://gima.pe.kr>                                           |
+-----------------------------------------------------------------------------*/

/* °øÅë */
.material { vertical-align:-3px; font-family:'Material Icons'; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:60px !important; }
.pt0 { padding-top:0 !important; }

ul.lstDot > li,p.bltDot,div.bltDot { padding-left:8px; text-indent:-8px; }
ul.lstDot > li:before,.bltDot:before { content:'¤ý '; margin:0 -6px 0 -5px; font:14px Dotum; }

.ms_mark1 { color:#505050; }
.ms_mark2 { color:#ff003c; }

.ico_castRebon { width:87px; height:39px; margin-right:6px; background:0 0 no-repeat; vertical-align:middle; display:inline-block; }
.ico_castRebon.type1 { background-image:url('//image.megaexpert.co.kr/membership/ico.cast1.png'); }
.ico_castRebon.type2 { background-image:url('//image.megaexpert.co.kr/membership/ico.cast2.png'); }
.ico_castRebon.type3 { background-image:url('//image.megaexpert.co.kr/membership/ico.cast3.png'); }
.ico_castRebon.on { background-position:0 -39px; }

/* ŸÀÌƲ */
.ms_tit21 { border:solid #505050; border-width:3px 0 1px; color:#333; font:16px/43px 'Nanum Barun Gothic','Nanum Gothic'; }
.ms_tit21 em { float:left; position:relative; margin-right:46px; padding:0 29px 0 38px; background:#296a5e; color:#fff; font-size:18px; display:inline-block; }
.ms_tit21 em:after { content:''; position:absolute; right:-22px; top:0; border-color:transparent #296a5e; border-width:21px 0 22px 22px; border-style:solid; }
.ms_tit21.type1 { border-color:#064a79; }
.ms_tit21.type1 em { background-color:#1e5c86; }
.ms_tit21.type1 em:after { border-color:transparent #1e5c86; }
.ms_tit22 { height:50px; background:#505050; color:#fff; font:16px/50px 'Nanum Gothic'; text-align:center; }
.ms_tit23 { position:relative; height:37px; margin-bottom:28px; padding-left:10px; border-bottom:2px solid #505050; color:#505050; font:bold 18px/37px 'Nanum Gothic'; }
.ms_tit23 > em { position:absolute; right:0; top:0; }
.ms_tit23.type1 { padding-left:0; font-size:22px; }

/* ÅÇ */
.ms_tab01 { margin-bottom:40px; font:16px/20px 'Nanum Gothic'; }
.ms_tab01 li { float:left; margin-left:14px; }
.ms_tab01 li a { padding:12px 0; border:1px solid #ccc; background:#fff; color:#888; text-align:center; display:block; }
.ms_tab01 li.on a,
.ms_tab01 li:hover a { border-color:#505050; background:#505050; color:#fff; font-weight:bold; }
.ms_tab01 li:first-child { margin-left:0; }
.ms_tab01.divi2 li { width:493px; }
.ms_tab01.divi3 li { width:324px; }
.ms_tab01.divi4 li { width:239.5px; }
.ms_tab01:after { content:''; clear:both; display:block; }

/* ¹Ù */
.barSort ul li a { color:#333; }
.barSort ul li.on a { color:#505050; }
.barSort ul li.on a i:after { content:none; }
.barSort ul li.on a i:before { height:0; margin:0 5px 2px 0; border-top:4px solid #505050; border-left:4px solid transparent; border-right:4px solid transparent; vertical-align:middle; display:inline-block; content:''; }

.ms_barSearch { position:relative; padding:18px 30px; background:#fafaf8; }
.ms_barSearch ul { margin-left:-15px; color:#333; font-size:15px; font-weight:bold; line-height:30px; *zoom:1; }
.ms_barSearch ul li { float:left; padding:0 15px; color:#333; }
.ms_barSearch ul li a { color:#333; }
.ms_barSearch ul li a:hover { color:#e12c22; }
.ms_barSearch ul li strong { color:#e12c22; }
.ms_barSearch ul:after { content:" "; display:block; clear:both; }
.ms_barSearch .vline { width:50px; height:30px; background:url('//image.megaexpert.co.kr/css/barsearch.vline.png') 40% center no-repeat; vertical-align:middle; display:inline-block; }
.ms_barSearch .dotline { margin:10px -10px 0; padding:10px 10px 0; background:url('//image.megaexpert.co.kr/css/dotline1.png') left top repeat-x; }
.ms_barSearch .right { position:absolute; right:30px; top:15px; }

/* Å×À̺í */
.ms_tbl01 { width:100%; border-top:2px solid #505050; border-bottom:1px solid #777; font-size:12px; line-height:18px; }
.ms_tbl01 th { background:#f4f4f4; color:#333; }
.ms_tbl01 th,
.ms_tbl01 td { height:22px; padding:10px 0; border-right:1px solid #ededed; border-top:1px solid #cfcfcf; text-align:center; }
.ms_tbl01 th { padding-left:0; padding-right:0; }
.ms_tbl01 th:last-child,
.ms_tbl01 td:last-child { border-right-width:0; }
.ms_tbl01 thead th { height:20px; padding:10px 0; border-top:0; border-bottom:1px solid #777; background:url('//image.megaexpert.co.kr/membership/ms_tbl01.png') left bottom repeat-x; font-size:12px; line-height:14px; }
.ms_tbl01 thead + tbody tr:first-child th,
.ms_tbl01 thead + tbody tr:first-child td { border-top:0; }

.ms_tbl01 .td_padd_zero { padding-top:0; padding-bottom:0; *padding-top:2px; }
.ms_tbl01 .td_line_left { border-left-width:1px !important; }
.ms_tbl01 .td_line_right { border-right-width:1px !important; }
.ms_tbl01 .td_line1_left { border-left:1px solid #96969e !important; }

.ms_tbl02 { width:100%; border-collapse:collapse; }
.ms_tbl02 th { background:#efefef; color:#333; text-align:left; }
.ms_tbl02 tr > * { padding:15px 30px; border:1px solid #e0e0e0; }

.IE8 .ms_tbl01 th,
.IE8 .ms_tbl01 td { border-right:0; border-left:1px solid #ededed; }
.IE8 .ms_tbl01 th:first-child,
.IE8 .ms_tbl01 td:first-child { border-left-width:0; }
*+html .ms_tbl01 th,
*+html .ms_tbl01 td { border-right:0; border-left:1px solid #ededed; }
*+html .ms_tbl01 th:first-child,
*+html .ms_tbl01 td:first-child { border-left-width:0; }

th.tleft, th.tright,
td.tleft, td.tright { padding-left:20px; padding-right:20px; }

/* ¸®½ºÆ® */
.lstStar { line-height:22px; }
.lstStar li:before { content:'* '; }

/* ¹Ú½º */
.ms_boxAlert1 { position:relative; padding:32px 0 32px 320px; border:1px solid #f2f2eb; background:#fafaf8; color:#a2a2a2; line-height:24px; font-family:'Nanum Barun Gothic','Nanum Gothic'; }
.ms_boxAlert1 h6 { position:absolute; left:0; top:0; width:320px; height:100%; font-size:17px; text-align:center; }
.ms_boxAlert1 h6 > * { display:inline-block; }
.ms_boxAlert1 h6:before { content:''; width:0; height:100%; vertical-align:middle; display:inline-block; }

.ms_boxRead1 { padding:15px 20px 10px 20px; border-top:1px solid #7b7b7b; border-bottom:1px solid #cbcbcb; background:#e8e8e8; color:#888; }
.ms_boxRead1 > div { padding:0 0 15px 45px; line-height:25px; text-indent:-45px; }
.ms_boxRead1 .justify { padding-top:10px; background:url('//image.megaexpert.co.kr/css/dotline1.png') repeat-x; text-align:right; *zoom:1; }
.ms_boxRead1 .justify dd { padding-top:5px; font:11px/1 Dotum; text-align:right; }

/* ¹öÆ° */
.btn01t { border-color:#505050; background-color:#505050; color:#fff; }
.btn01t i { border-top-color:#239481; }
.btn01t:hover { color:#fff; }

[class^= 'ms_btn01'],
[class*=' ms_btn01'] { height:31px; border:1px solid #b5b5b5; background:#ededed; color:#333; vertical-align:middle; display:inline-block; }
[class^= 'ms_btn01'] i,
[class*=' ms_btn01'] i { height:31px; padding:0 20px; font-size:14px; font-weight:bold; line-height:31px; text-align:center; display:block; *cursor:pointer; }
[class^= 'ms_btn01'].h30 { height:28px; }
[class^= 'ms_btn01'].h30 i { height:28px; line-height:28px; }
.ms_btn01b { border-color:#023d31; background-color:#505050; color:#fff; } /* û·Ï»ö */
.ms_btn01g { border-color:#4e4e4e; background-color:#696969; color:#fff; } /* gray */
.ms_btn01b:hover { color:#fff; }
.ms_btn01g:hover { color:#fff; }

[class^= 'ms_btn02'],
[class*=' ms_btn02'] { height:33px; padding:0 20px; font-size:14px; font-weight:bold; line-height:33px; text-align:center; vertical-align:middle; display:inline-block; }
.ms_btn02b { background-color:#064a79; color:#fff; }
.ms_btn02t { background-color:#505050; color:#fff; } /* û·Ï»ö */
.ms_btn02b:hover { color:#fff; }
.ms_btn02t:hover { color:#fff; }

.ms_btnCoupon { width:77px; height:98px; background:url('//image.megaexpert.co.kr/membership/btn.coupon1.png') no-repeat; display:inline-block; }
.ms_btnCoupon.on { background-position:-77px 0; }
.ms_btnCoupon.type1 { background-image:url('//image.megaexpert.co.kr/membership/btn.coupon2.png'); }

.ms_btndone { position:absolute; top:0; right:0; width:77px; height:98px; background:url('//image.megaexpert.co.kr/membership/btn.done.png') no-repeat; display:inline-block; }/* 2017-03-10 */

/* ÄÉÀÌÆ® */
#ms_gate_head { height:340px; background:#1a1c22 url('//image.megaexpert.co.kr/membership/gate.bg.png') center top no-repeat; }
#ms_gate_head > div { position:relative; width:1100px; height:106px; margin:0 auto; }
#ms_gate_head .logo { position:absolute; left:0; top:26px; }
#ms_gate_head .menu { position:absolute; right:45px; top:49px; } /*2019.08.08 gnb º¯°æ*/
#ms_gate_head .menu li { float:left; padding:0 30px; height:50px; } /*2019.08.08 gnb º¯°æ*/
/*#ms_gate_head .menu li a { color:#e2e2e2; line-height:1em; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; display:inline-block; }*/
#ms_gate_head .menu li a { color:#e2e2e2; line-height:1em; display:inline-block; }
#ms_gate_head .menu li a:hover { position:relative; color:#57c99a; }
#ms_gate_head .menu li a:hover:after { content:'\E5CF'; font-family:'Material Icons'; position:absolute; right:-14px; }
#ms_gate_head .join { position:absolute; right:0; top:22px; }

/* ÇհݾÆÀÌÅÛ ·¹À̾î¸Þ´º Ãß°¡ 161202 */
#ms_gate_head .menu li dl {position: absolute; top: 26px; left: 190px; width:181px; border: 1px solid #56c79b; background: #32343a; z-index: 1; font-size:12px; line-height:1.5em;}
#ms_gate_head .menu li dl dd { float:left; padding:0px 0px; width:90px; text-align:center; }
#ms_gate_head .menu li dl dd+dd { border-left: 1px solid #56c79b; }
#ms_gate_head .menu li dl a { color:#56c79b; display:inline-block;  }
#ms_tnb .menu li dl a.on { position:relative; color:#fff; background: #56c79b; width:90px; line-height:1.5em;z-index: 1; }
#ms_gate_head .menu li dl a:hover {position:relative; color:#fff; background: #56c79b; width:90px; line-height:1.5em;}
#ms_gate_head .menu li dl a:hover:after { content:''; font-family:'Material Icons'; position:absolute; right:-14px; }


#ms_gate_body { width:1100px; margin:-234px auto 50px; }
#ms_gate_body { font-size:13px; }
#ms_gate_body .coupon { position:relative; height:34px; padding-left:25px; background:#064a79; line-height:34px; }
#ms_gate_body .coupon h4 { position:relative; margin-right:25px; padding:0 28px; color:white; font:bold 13px/1 'Nanum Gothic'; display:inline-block; }
#ms_gate_body .coupon h4:after { content:'|';  position:absolute; right:0; color:#2b658d; }
#ms_gate_body .coupon a { color:#6e899b; }
#ms_gate_body .coupon .more { position:absolute; right:18px; top:0; }

#ms_gate_body .mentoring { float:left; position:relative; width:352px; height:432px; margin-right:23px; text-align:center; cursor:pointer; }
#ms_gate_body .mentoring blockquote { position:relative; width:100%; height:100%; background-repeat:no-repeat; line-height:1em; }
#ms_gate_body .mentoring blockquote .txt1 { margin-bottom:16px; padding-top:49px; color:#0075c6; font-size:22px; }
#ms_gate_body .mentoring blockquote .txt2 { margin-bottom:208px; color:#555; line-height:16px; }
#ms_gate_body .mentoring blockquote .txt3 { margin-bottom:20px; color:#fff; text-shadow:0 0 5px black; }
#ms_gate_body .mentoring blockquote.hover { position:absolute; left:0; top:0; filter:alpha(opacity=0); opacity:0; transition:opacity .2s ease; }
#ms_gate_body .mentoring blockquote.hover .txt1 { margin-bottom:21px; padding-top:116px; color:#fff; }
#ms_gate_body .mentoring blockquote.hover .txt1 .quote { margin-bottom:30px; color:#fff; }
#ms_gate_body .mentoring blockquote.hover .txt2 { margin-bottom:27px; color:#fff; }
#ms_gate_body .mentoring blockquote.hover .txt3 { margin-bottom:40px; color:#fff; text-shadow:none; }
#ms_gate_body .mentoring:hover blockquote.hover { filter:alpha(opacity=100); opacity:1; }

#ms_gate_body .menu { margin-top:1px; height:397px; overflow:hidden; }
#ms_gate_body .menu > li { float:left; position:relative; width:362px; height:198px; border:solid #c1c1c1; border-width:0 1px 1px 0; cursor:pointer; }
#ms_gate_body .menu > li blockquote { position:relative; height:100%; padding:0 38px; background:white no-repeat; box-sizing:border-box; }
#ms_gate_body .menu > li h4 { margin-bottom:18px; color:#56c79b; font:22px/1 'Nanum Gothic'; }
#ms_gate_body .menu > li h5 { margin-bottom:8px; color:#555; font:bold 13px/1 'Nanum Gothic'; }
#ms_gate_body .menu > li h6 { color:#555; font:bold 18px/1 'Nanum Gothic'; }
#ms_gate_body .menu > li p { color:#555; font:13px/1.25 'Nanum Gothic'; }
#ms_gate_body .menu > li.journal blockquote { padding-top:39px; text-align:center; }
#ms_gate_body .menu > li.journal h4 { margin-bottom:11px; }
#ms_gate_body .menu > li.journal h5 { margin-bottom:11px; color:#888; }
#ms_gate_body .menu > li.journal h6 { margin-bottom:11px; }
#ms_gate_body .menu > li.journal p { color:#b2b2b2; }
#ms_gate_body .menu > li.items blockquote { padding-top:39px; }
#ms_gate_body .menu > li.items h5 { margin-bottom:5px; }
#ms_gate_body .menu > li.items p { width:150px; }
#ms_gate_body .menu > li.items .pay { margin-top:20px; color:#0075c6; }
#ms_gate_body .menu > li.items .pay del { color:#555; }
#ms_gate_body .menu > li.culture blockquote { padding:45px 0 0 170px; }
#ms_gate_body .menu > li.culture img.poster { position:absolute; left:38px; top:31px; width:101px; height:139px; }
#ms_gate_body .menu > li.culture h6 { font-size:13px; }
#ms_gate_body .menu > li.culture p { margin-bottom:21px; }
#ms_gate_body .menu > li.cast blockquote { padding-top:45px; }
#ms_gate_body .menu > li.cast p { width:155px; text-shadow:-1px -1px 0 #f1f1f1,1px -1px 0 #f1f1f1,-1px 1px 0 #f1f1f1,1px 1px 0 #f1f1f1; }
#ms_gate_body .menu > li:nth-of-type(even) { border-right:0; }
#ms_gate_body .menu > li blockquote.hover { position:absolute; left:0; top:0; width:100%; height:100%; padding-left:38px; padding-right:38px; text-align:center; display:none; }
#ms_gate_body .menu > li blockquote.hover h4,
#ms_gate_body .menu > li blockquote.hover h5,
#ms_gate_body .menu > li blockquote.hover h6 { color:#fff; }
#ms_gate_body .menu > li blockquote.hover p { width:auto; color:#5e9789; text-align:center; text-shadow:none; }
#ms_gate_body .menu > li.items blockquote.hover h5 { font-size:15px; }
#ms_gate_body .menu > li.items blockquote.hover .pay { color:#56c79b; }
#ms_gate_body .menu > li.items blockquote.hover del { color:#fff; }
#ms_gate_body .menu > li.culture blockquote.hover p { color:#fff; }
#ms_gate_body .menu > li:hover blockquote.hover { display:block; }
#ms_gate_body .menu > li:hover .paging dl dd { background-position:0 -7px; }
#ms_gate_body .menu > li:hover .paging dl dd.on { background-position:-7px -7px; }

#ms_gate_body .rolling { position:relative; width:362px; height:198px; overflow:hidden; }
#ms_gate_body .rolling li { position:absolute; left:0; top:0; width:362px; height:198px; }
#ms_gate_body .paging { position:absolute; right:10px; top:8px; height:0; z-index:9; }
#ms_gate_body .paging dl { display:inline; }
#ms_gate_body .paging dl dd { width:7px; height:7px; background:url('//image.megaexpert.co.kr/membership/rolling.png') no-repeat; display:inline-block; }
#ms_gate_body .paging dl dd.on { background-position:-7px 0; }

#ms_gate_body #oItems .rolling ul { position:absolute; left:0; top:0; }
#ms_gate_body #oItems .rolling ul li { float:left; position:relative; width:362px; height:198px; }
#ms_gate_body #oCulture .rolling ul { position:absolute; left:0; top:0; }
#ms_gate_body #oCulture .rolling ul li { float:left; position:relative; width:362px; height:198px; }


#ms_gate_body .bottom { margin:25px 0 0; }
#ms_gate_body .bottom > div { float:left; }
#ms_gate_body .bottom .banner { margin-right:23px; }
#ms_gate_body .bottom .notice { width:340px; padding-top:17px; }
#ms_gate_body .bottom .notice h4 { position:relative; margin-bottom:9px; color:#191b21; font:bold 17px/1 'Nanum Gothic'; }
#ms_gate_body .bottom .notice h4 .more { position:absolute; right:0; top:0; width:48px; height:9px; background:url('//image.megaexpert.co.kr/membership/btn.more2.png') no-repeat; }
#ms_gate_body .bottom .notice h4 .more:hover { background-position:0 -9px; }
#ms_gate_body .bottom .notice li { line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#ms_gate_body .bottom .notice li a strong { color:#57c99a; }


/* GNB */
#ms_tnb { height:60px; background:#164e43 url('//image.megaexpert.co.kr/membership/tnb.bg.png') center top no-repeat; }
#ms_tnb > div { position:relative; width:1100px; margin:0 auto; }
#ms_tnb .logo { position:absolute; left:0; top:20px; }
#ms_tnb .menu { position:absolute; right:30px; top:24px; font-size:13px; line-height:1em; }/* 2019.08.08 gnb º¯°æ */
#ms_tnb .menu li { float:left; padding:0 30px; height:50px; } /* 2019.08.08 gnb º¯°æ */
#ms_tnb .menu li a { color:#4a877b; line-height:1em; display:inline-block; }
#ms_tnb .menu li.on a,
#ms_tnb .menu li a:hover { position:relative; color:#fff; }
#ms_tnb .menu li.on a:after,
#ms_tnb .menu li a:hover:after { content:'\E5CF'; font-family:'Material Icons'; position:absolute; right:-14px; }
#ms_tnb .join { position:absolute; right:0; top:0; width:65px; height:46px; padding-top:14px; background:#103c34; color:#fff; font-size:12px; line-height:16px; text-align:center; display:block; }
#ms_tnb .join:hover { color:#57d0a3; }

#ms_body { width:1100px; margin:0 auto 50px; }
.ms_bodybox { padding:39px 49px 89px; border:1px solid #e8e8e8; background:#fff; }
.ms_tit1 { margin:0 -49px; }

/*ÇհݾÆÀÌÅÛ ·¹À̾î¸Þ´º ¼öÁ¤ 1207*/
#ms_tnb .menu li dl { clear: both; position: absolute; top: 26px; left: 236px; width:90px; border: 1px solid #56c79b; background: #fff; z-index: 1; font-size:12px; line-height:1.5em; }
#ms_tnb .menu li dl dd { float:left; padding:0px 0px; width:90px; text-align:center; }
#ms_tnb .menu li dl dd+dd { border-top: 1px solid #56c79b; }
#ms_tnb .menu li dl a { color:#56c79b !important; background:#fff; z-index: 1; display:block; line-height:17px; }
#ms_tnb .menu li dl a:after { content:none !important; }
#ms_tnb .menu li dl dd.on a,
#ms_tnb .menu li dl dd:hover a { background:#56c79b; color:#fff !important; }

/*
#ms_tnb .menu li dl.on a,
#ms_tnb .menu li dl a:hover {position:relative; color:#fff; background: #56c79b; width:90px; line-height:1.5em;z-index: 1; }
#ms_tnb .menu li dl.on a:after,
#ms_tnb .menu li dl a:hover:after { content:''; font-family:'Material Icons'; position:absolute; right:-14px; z-index: 1;}
#ms_tnb .menu li dl a.on { position:relative; color:#fff; background: #56c79b; width:90px; line-height:1.5em;z-index: 1; }
#ms_tnb .menu li dl a.on:after { content:'';font-family:'Material Icons'; position:absolute; right:-14px; z-index: 1; }
*/

#ms_tnb .menu li.on dl dd {color:#56c79b !important;}

/* ÇհݾÆÀÌÅÛ ·¹À̾î¸Þ´º ¼öÁ¤ 161207
#ms_tnb .menu dl {position: absolute; top: 26px; left: 236px; width:90px; border: 1px solid #56c79b; background: #fff; z-index: 1; font-size:12px; line-height:1.5em;}
#ms_tnb .menu dl dd { float:left; padding:0px 0px; width:90px; text-align:center;  color:#56c79b; }
#ms_tnb .menu dl dd+dd { border-top: 1px solid #56c79b; color:#56c79b;  }
#ms_tnb .menu dl dd a { color:#56c79b; display:inline-block; z-index: 1; }
#ms_tnb .menu dl dd a:hover { color:#fff; background-color:#56c79b; display:inline-block; z-index: 1; position:relative;width:90px;}
#ms_tnb .menu dl dd.on a,
#ms_tnb .menu dl dd.on a:hover { color:#fff; background-color:#56c79b; display:inline-block; z-index: 1; position:relative;width:90px;}
#ms_tnb .menu dl dd.on a:after
#ms_tnb .menu dl dd.on a:hover:after {content:'';} */


/* ÄíÆù */
.ms_lstCoupon1 { margin:40px 0; }
.ms_lstCoupon1 li { float:left; width:310px; margin:0 0 60px 35px; }
.ms_lstCoupon1 li:nth-child(3n+1) { margin-left:0; }
.ms_lstCoupon1 blockquote { position:relative; height:98px; margin-top:20px; color:#a2a2a2; line-height:22px; }
.ms_lstCoupon1 blockquote .ms_btnCoupon { position:absolute; right:0; top:0; }
.ms_lstCoupon1 h6 { margin-bottom:5px; padding-top:2px; color:#505050; font:17px/24px 'Nanum Barun Gothic','Nanum Gothic'; }
.ms_lstCoupon1:after { content:''; clear:both; display:block; }

.ms_coupon { width:260px; height:142px; padding-right:50px; background:url('//image.megaexpert.co.kr/membership/coupon/coupon.bg0.png') no-repeat; text-align:center; display:inline-block; }
.ms_coupon .sub1 { margin:22px 0 11px; }
.ms_coupon.type1 { background-image:url('//image.megaexpert.co.kr/membership/coupon/coupon.bg1.png'); }
.ms_coupon.type2 { background-image:url('//image.megaexpert.co.kr/membership/coupon/coupon.bg2.png'); }
.ms_coupon.type3 { background-image:url('//image.megaexpert.co.kr/membership/coupon/coupon.bg3.png'); }
.ms_coupon.type4 { background-image:url('//image.megaexpert.co.kr/membership/coupon/coupon.bg4.png'); }

.ms_lstBook1 > li { float:left; width:50%; padding:20px 0; border-bottom:1px dashed #a8a8a8; }
.ms_lstBook1 > li:after { content:''; clear:both; display:block; }
.ms_lstBook1 .book { float:left; position:relative; width:105px; height:138px; margin-right:20px; padding:1px; background:url('//image.megaexpert.co.kr/membership/book.bg.png') no-repeat; }
.ms_lstBook1 .book img { width:100px; height:136px; }
.ms_lstBook1 .book.recom:after { content:url('//image.megaexpert.co.kr/membership/ico.rebon.png'); position:absolute; left:0; top:9px; }
.ms_lstBook1 blockquote { width:90%; padding-top:5px; }
.ms_lstBook1 blockquote a { margin:5px 0; font:17px/24px 'Nanum Barun Gothic','Nanum Gothic'; display:block; }
.ms_lstBook1:after { content:''; clear:both; display:block; }


/* ÄÃÃÄ */
#ms_cultureBanner { position:relative; height:334px; border:solid #e0e0e0; border-width:1px 0; overflow-:hidden; }
#ms_cultureBanner ul { position:relative; height:100%; }
#ms_cultureBanner ul li { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; }
#ms_cultureBanner ul li > div { width:1100px; margin:0 auto; }
#ms_cultureBanner .motionControlOut { position:relative; left:0; top:0; width:1100px; height:0; margin:0 auto; z-index:9; }
#ms_cultureBanner .motionControlOut .motionControl { position:absolute; right:37px; top:-306px; }

.ms_lstCulture1 { padding:0 50px; border-bottom:1px solid #cfcfcf; }
.ms_lstCulture1 li { float:left; width:490px; margin-bottom:39px; cursor:pointer; }
.ms_lstCulture1 li .poster { border:1px solid #e0e0e0; display:block; }
.ms_lstCulture1 li .poster img { width:488px; height:168px; }
.ms_lstCulture1 li blockquote { padding:20px 0 0 10px; }
.ms_lstCulture1 li:nth-child(2n+2) { margin-left:20px; }
.ms_lstCulture1:after { content:''; clear:both; display:block; }

.ms_layCulture1 { padding:50px 89px; border:1px solid #e0e0e0; background:#ededed; }
.ms_layCulture1 .poster { float:left; margin-right:60px; }
.ms_layCulture1 h6 { margin-bottom:14px; color:#505050; font:bold 46px/1 'Nanum Gothic'; letter-spacing:-1px; }
.ms_layCulture1 p { margin-bottom:35px; color:#333; font:24px/32px 'Nanum Gothic'; }
.ms_layCulture1 blockquote { float:left; }
.ms_layCulture1 dl { line-height:24px; }
.ms_layCulture1 dl dt { float:left; clear:left; margin-right:10px; }
.ms_layCulture1 dl dt img { float:left; }
.ms_layCulture1 dl > * { margin-bottom:5px; }
.ms_layCulture1 dl:after { content:''; clear:both; display:block; }
.ms_layCulture1:after { content:''; clear:both; display:block; }

/* Àú³Î 2017-02-15Ãß°¡ */
#journalBanner { position:relative; height:277px; overflow-:hidden; }
#journalBanner ul { position:relative; height:100%; }
#journalBanner ul li { position:absolute; left:0; top:0; width:100%; height:100%; width:830px; margin:0 auto;}
#journalBanner ul li > div { width:830px; margin:0 auto; }
#journalBanner .motionControlOut { position:relative; left:0; top:0; width:830px; height:0; margin:0 auto; z-index:9; }
#journalBanner .motionControlOut .motionControl { position:absolute; right:160px; top:-256px; }

#ms_jBanner { position:relative; height:277px; overflow-:hidden; }
#ms_jBanner ul { position:relative; height:100%; }
#ms_jBanner ul li { position:absolute; left:0; top:0; width:100%; height:100%; width:260px; margin:0 auto;}
#ms_jBanner ul li > div { width:260px; margin:0 auto; }
#ms_jBanner .motionControlOut { position:relative; left:0; top:0; width:260px; height:0; margin:0 auto; z-index:9; }
#ms_jBanner .motionControlOut .motionControl { position:absolute; right:20px; top:-256px; }


/* ij½ºÆ® */
.ms_layCast1 li { float:left; width:493px; margin-bottom:36px; }
.ms_layCast1 li .preview { position:relative; margin-bottom:21px; }

.ms_layCast1 li .preview img { width:493px; height:304px;} /* Ãß°¡ 20161207*/

.ms_layCast1 li .preview p { position:absolute; left:0; top:0; width:100%; height:100%; background:url('//image.megaexpert.co.kr/membership/cast.vod.cover.png') no-repeat; text-align:center; filter:alpha(opacity=0); opacity:0; transition:opacity .2s ease; }
.ms_layCast1 li .preview p span { width:320px; margin-top:50px; color:#9d9d9d; font:18px/27px 'Nanum Gothic'; vertical-align:middle; display:inline-block; transition:margin .2s ease; }
.ms_layCast1 li .preview p.playing { background:url('//image.megaexpert.co.kr/membership/cast.vod.playing.png') no-repeat; filter:alpha(opacity=100); opacity:1; }
.ms_layCast1 li .preview p:after { content:''; width:0; height:100%; vertical-align:middle; display:inline-block; }
.ms_layCast1 li .subj { color:#333; font:bold 16px/20px 'Nanum Gothic'; vertical-align:middle; display:inline-block; }
.ms_layCast1 li .summary { margin-top:15px; }
.ms_layCast1 li:nth-child(2n+2) { margin-left:14px; }
.ms_layCast1 li:hover .preview p { filter:alpha(opacity=100); opacity:1; }
.ms_layCast1 li:hover .preview p span { margin-top:0; }
.ms_layCast1 li:hover .ico_castRebon { background-position:0 -39px; }
.ms_layCast1 li:hover .subj { color:#505050; }
.ms_layCast1 li[onclick] { cursor:pointer; }
.ms_layCast1:after { content:''; clear:both; display:block; }

.ms_layCast2 { position:relative; padding:0 75px 50px; border-bottom:3px solid #505050; }
.ms_layCast2 h2 span { color:#505050; font:bold 16px/20px 'Nanum Gothic'; vertical-align:middle; display:inline-block; }
.ms_layCast2 div.summary { margin:10px 0; color:#333; text-align:right; }
.ms_layCast2 blockquote { margin-top:30px; color:#555; font-size:14px; }
.ms_layCast2 .func { position:absolute; right:0; bottom:30px; }

/* Ãß°¡ 20161207 */
.ms_layCast2 p img {width:850px; height:524px;}
.ms_layCast2 p div img {width:850px; height:524px;}