@charset "utf-8";
/* CSS Document */
@import url("forms.css");
@import url("default.css");

#wrap { width:100%; }
#header { position:relative; /*border-bottom:2px solid #faa61a; z-index:10;  overflow:hidden; */}
#header.forbes { background-color: #232323; }
#header .wrap { position:relative; max-width:1200px; width:100%; margin:0 auto; }
#header h1 { position:relative; padding-top:17px; height:63px; text-align:left; margin-left:30px;}
#header .tm { position:relative; background:#f2f2f2; border-bottom:1px solid #dfdfdf; }
#header .tm .tw { position:relative; max-width:1200px; width:100%; height:29px; margin:0 auto; }
#header .tm .tw .logo { position:absolute; top:8px; left:10px; }
#header .tm .tw .menu { position:absolute; top:5px; right:1px; color:#d7d7d7; font-size:11px; line-height:14px;    letter-spacing:-1px; }
#header .tm .tw .menu a { display:inline-block; *zoom:1; *display:inline; color:#666; margin:0 8px; }
#header .tm .tw .menu a.view-more { padding-right:23px; screen and (max-width: 640px)background:url(../images/tm_veiw-more_arrow.gif) no-repeat right 0; }
#header .tm .tw .menu a.tm_login { text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; width:55px; height:20px; background:url(../images/bt_login.gif) no-repeat 0 0; vertical-align:middle; }

#header .h_search { position:absolute; top:24px; right:15px; width:23px; height:23px; background:url(../images/bt_h_search.gif) no-repeat 0 0; text-indent:-9999px; }
#header.forbes .h_search { right: 65px; background-image: url(../images/bt_h_search_forbes.png); }
#header .youtube-link { position:absolute; top:24px; right:20px; width:32px; height:23px; background:url(../images/icon_youtube.png) no-repeat 0 0; text-indent:-9999px; }
#header .btn-signin { position:absolute; top:26px; right:55px; width:71px; height:23px; color: #000000; font-size: 16px; font-weight: 700;}
#header .btn-logout { position:absolute; top:24px; right:55px; width:71px; height:23px; color: #000000; font-size: 16px; font-weight: 700;}
#header.forbes .btn-signin, #header.forbes .btn-logout  { right: 85px; color: #ffffff; }

#gnb_open { display:none; }

#gnb { position:relative; width:100%; margin:0 auto; height:auto; line-height:57px; font-size:16px; text-align:center; border-top:1px solid #eae8e5; }
#gnb ul { display:inline-block; *zoom:1; *display:inline; position:relative; margin:0 auto; }
#gnb li { display:inline-block; *zoom:1; *display:inline; color:#4c4841; margin:0 36px; }

#gnb li img{ margin-top:15px; }


#gnb li a { color:#4c4841; }
#gnb li.on a { color:#e13c30; font-weight:bold; }
#gnb li a:hover { text-decoration:none; }


#top_banner_640 { display:none; }
#top_banner_440 { display:none; }

#gnb2 { display:none; }

.main_curtain { position:relative; max-width:1200px; width:100%; margin:0 auto; z-index:10000;  }
.main_curtain .btn_topbanner_close { position:absolute; top:4px; right:4px;}

.mp3_title{padding-bottom:15px;margin:0;}
.mp3_title a img{border:none;}

.gnb_sub { position:relative; display:block; font-size:17px; line-height:18px; padding:15px 10px; background:#e13c30; text-align:center; }
.gnb_sub a { color:#fff; padding:0 9px; background:url(../images/gnb_sub_bar.gif) no-repeat 0 2px; }
.gnb_sub a.first { background:none; }
.gnb_sub.monthly { border-top: 1px solid #616161; border-bottom: 1px solid #c3c3c3; }
.gnb_sub.monthly a { font-weight: 700; color: #2d2d2d; background: none; }
.gnb_sub.monthly a.news365 { color: #f5340b; }

#footer { position:relative; }
#footer .a01 { position:relative; background:#f2f3f4; }
#footer .a01 .wrap { position:relative; max-width:1200px; width:100%; height:86px; margin:0 auto; }
#footer .a02 { position:relative; background:#48474b; }
#footer .a02 .wrap { position:relative; max-width:1200px; width:100%; height:190px; margin:0 auto; }
#footer .a03 { display:none; }
.f_membership { position:absolute; top:20px; left:20px; }
.f_membership h3 { position:relative; font-size:16px; font-weight:bold; color:#333; line-height:16px; margin-bottom:17px; }
.f_membership .menu { position:relative; margin-left:-14px; color:#dbdfe1; }
.f_membership a { color:#666; line-height:12px; margin:0 14px; }

.f_inquiry { position:absolute; top:20px; right:20px;  }
.f_inquiry h3 { position:relative; font-size:16px; font-weight:bold; color:#333; line-height:16px; margin-bottom:8px; }
.f_inquiry .num { font-size:30px; line-height:30px; color:#ca7e00; font-weight:bold; }

.f_logo { position:absolute; top:84px; left:20px; }
.f_logo2 { position:absolute; top:150px; left:20px; }

.f_tx { position:absolute; top:25px; left:20%; width:80%; line-height:12px; color:#eee; }
.f_tx .f_notice { position:relative; padding-bottom:15px; border-bottom:1px solid #5d5d5d; margin:0 20px 12px 0; }
.f_tx .f_notice a { color:#eee; margin-left:10px; }
.f_tx .fm { position:relative; color:#5d5d5d; margin:0 0 13px -9px; }
.f_tx .fm a { color:#eee; margin:0 9px; }
.f_tx .copyright { position:relative; line-height: 20px;}


.f_tx .f_lineonly { position:relative; border-bottom:1px solid #5d5d5d; margin:6px 10px 8px 0; padding-top:-5px;}


.f_tx_mobile { color:#eee; }
.f_tx_mobile .fm a { color:#eee; margin:0 9px; }


a.tdn:hover { text-decoration:none; }

#main_container { position:relative; padding:0 0 0px; line-height:18px; }
#main_container .wrap { position:relative;  max-width:1200px; margin:0 auto; }

.m_img_slider { position:relative; *zoom:1; margin-bottom:40px; }
.m_img_slider:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_img_slider li { position:relative; float:left; width:25%; }
.m_img_slider li.is01 { border-bottom:10px solid #f16a60; }
.m_img_slider li.is02 { border-bottom:10px solid #566ccc; }
.m_img_slider li.is03 { border-bottom:10px solid #c26dad; }
.m_img_slider li.is04 { border-bottom:10px solid #57ae7a; }
.m_img_slider li .ph { position:relative; }
.m_img_slider li .ph img { width:100%; }
.m_img_slider li .bg_off { position:absolute; top:0; left:0; width:100%; height:100%; background:#000;
	-khtml-opacity:.55; /*safari*/
	-ms-filter:”alpha(opacity=55)”;/*IE8*/
	-moz-opacity:.55;/*FF*/
	filter:alpha(opacity=55); /*IE7*/
	opacity:.55;  /*all other browsers*/ }
/*.m_img_slider li:hover .bg_off { display:none; }엔포*/
.m_img_slider li .over { position:absolute; bottom:0; left:0; width:100%; } /* 엔포 display:none; 9월25일요청 */
/*.m_img_slider li:hover .over { display:block; }엔포*/
.m_img_slider li .over .bg { position:absolute; bottom:0; left:0; width:100%; height:100%;
	-khtml-opacity:.80; /*safari*/
	-ms-filter:”alpha(opacity=80)”;/*IE8*/
	-moz-opacity:.80;/*FF*/
	filter:alpha(opacity=80); /*IE7*/
	opacity:.80;  /*all other browsers*/ }
.m_img_slider li.is01 .over .bg { background:#f16a60; }
.m_img_slider li.is02 .over .bg { background:#566ccc; }
.m_img_slider li.is03 .over .bg { background:#c26dad; }
.m_img_slider li.is04 .over .bg { background:#57ae7a; }
.m_img_slider li .over .logo { position:relative; height:40px; line-height:40px; text-align:center; }
.m_img_slider li .over .tx { position:relative; }
.m_img_slider li .over .tx .tx-wrap { position:relative; color:#fff; padding:20px 20px 10px; font-size:11px; line-height:16px; }
.m_img_slider li .over .tx .tx-wrap em { display:block; font-size:16px; font-weight:bold; line-height:18px; margin-bottom:8px; }

.m_img_slider02 { display:none; }

.m_img-news { position:relative; padding-bottom:10px; }
.m_img-news ul { position:relative; *zoom:1; }
.m_img-news ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_img-news ul li { position:relative; float:left; width:32%; margin:0 2% 20px 0; }
.m_img-news ul li.s03 { margin:0 0 20px 0; }
.m_img-news ul li.s06 { margin:0 0 20px 0; }
.m_img-news ul li.s09 { margin:0 0 20px 0; }

.m_img-news ul li .ph { position:relative; }
.m_img-news ul li .ph img { width:100%; }
.m_img-news ul li .over { position:absolute; bottom:0; left:0; width:100%; }
.m_img-news ul li .over .bg { position:absolute; bottom:0; left:0; width:100%; height:100%;
	-khtml-opacity:.99; /*safari*/
	-ms-filter:”alpha(opacity=99)”;/*IE8*/
	-moz-opacity:.99;/*FF*/
	filter:alpha(opacity=99); /*IE7*/
	opacity:.99;  /*all other browsers*/ }
.m_img-news ul li .over .bg.green { background:#57ae7a; }
.m_img-news ul li .over .bg.blue { background:#5369cb; }
.m_img-news ul li .over .bg.red { background:#f16a60; }
.m_img-news ul li .over .bg.purple { background:#c26dad; }
.m_img-news ul li .over .tx { position:relative; padding:11px 14px; line-height:18px; font-size:16px; color:#fff; }
.m_img-news ul li .over .tx a { display:block; color:#fff; width:100%; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_img-news ul li .over .tx em { position:absolute; bottom:11px; right:14px; font-size:10px; font-family:Verdana, Geneva, sans-serif; }

.m_mid_con { position:relative; *zoom:1; }
.m_mid_con:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_mid_con .a01 { position:relative; float:left; width:32%; margin-right:2%; }
.m_mid_con .a02 { position:relative; float:left; width:32%; margin-right:2%; }
.m_mid_con .a03 { position:relative; float:left; width:32%; }

.m_sns_fb { position:relative; height:498px; border-bottom:1px solid #ccc; overflow:hidden; }
.m_ing-event { position:relative; height:298px; border:1px solid #ccc; margin-bottom:10px; }
.m_ing-event h3 { height:53px; line-height:53px; padding:0 19px; font-size:20px; color:#333; font-weight:bold; }
.m_ing-event .btn { position:absolute; top:17px; right:12px; }
.m_ing-event .btn a { display:inline-block; *zoom:1; *display:inline; text-align:left; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; width:10px; height:17px; }
#mie_arl { background:url(../images/m_event_arrow.gif) no-repeat 0 0; }
#mie_arr { background:url(../images/m_event_arrow.gif) no-repeat -30px 0; margin-left:20px; }
.m_ing-event ul { position:relative; width:100%; height:245px; overflow:hidden; }
.m_ing-event ul li { position:relative; height:245px; overflow:hidden; }
.m_ing-event ul li .ph { position:absolute; top:0; left:50%; width:393px; height:245px; margin-left:-196px; text-align:center; overflow:hidden; }
.m_ing-event ul li .over { position:absolute; bottom:0; left:0; width:100%; }
.m_ing-event ul li .over .bg { position:absolute; bottom:0; left:0; width:100%; height:100%; background:#000;
	-khtml-opacity:.80; /*safari*/
	-ms-filter:”alpha(opacity=80)”;/*IE8*/
	-moz-opacity:.80;/*FF*/
	filter:alpha(opacity=80); /*IE7*/
	opacity:.80;  /*all other browsers*/ }
.m_ing-event ul li .over .tx { position:relative; height:39px; line-height:39px; padding:0 18px; font-size:14px; font-weight:bold; text-align:left; }
.m_ing-event ul li .over .tx a { display:block; width:100%; height:39px; color:#fff;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_ing-event ul li img { height:245px; }

.m_mid_ban { position:relative; border:1px solid #ccc; height:188px; overflow:hidden; }
.m_mid_ban .ph { position:absolute; top:0; left:50%; width:393px; height:188px; margin-left:-196px; text-align:center; overflow:hidden; }
.m_mid_ban img { height:188px; }

.m_best-article { position:relative; height:150px; padding:14px; background:#777; margin-bottom:10px; }
.m_best-article h3 { height:16px; line-height:16px; font-size:16px; color:#fff; font-weight:bold; }
.m_best-article a.more { position:absolute; top:25px; right:20px; display:block; font-size:10px; color:#fff; }
.m_best-article ul { position:relative; padding-top:20px; }
.m_best-article ul li { position:relative; font-size:13px; line-height:30px; color:#fff; *zoom:1; }
.m_best-article ul li:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_best-article ul li a { display:inline-block; *zoom:1; *display:inline; color:#fff; float:left; width:65%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_best-article ul li b { font-size:13px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; float:left; margin-right:15px; }
.m_best-article ul li em { font-size:10px; font-family:Verdana, Geneva, sans-serif; float:left; float:right; }

.m_mail-app { position:relative; height:200px; border:1px solid #ccc; margin-bottom:10px; }
.m_mail-app h3 { height:38px; line-height:38px; font-size:14px; color:#40403f; font-weight:bold; border-bottom:1px solid #ccc; text-align:center; }
.m_mail-app h3 em { color:#c94137; }
.m_mail-app .a-form { position:relative; padding:19px 20px; }
.m_mail-app .a-form dl { position:relative; *zoom:1; margin-bottom:5px; min-height:25px; }
.m_mail-app .a-form dl:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_mail-app .a-form dl dt { position:relative; float:left; width:25%; line-height:25px; color:#666; }
.m_mail-app .a-form dl dd { position:relative; float:right; width:75%; *width:74.9%; }
.m_mail-app .a-form dl dd input { height:23px; line-height:23px; border:1px solid #cdcdcd; width:100%; *width:234px; padding:0 10px; }
.m_mail-app .a-form dl dd select { height:25px; line-height:25px; border:1px solid #cdcdcd; width:100%; }
.m_mail-app .a-form .btn { position:relative; padding-top:5px; float:right; width:75%; *width:74.9%; }
.m_mail-app .a-form .btn a { display:block; width:190px; height:30px; line-height:30px; color:#fff; background:#777; font-size:14px; text-align:center; font-weight:bold; }

.m_quick { position:relative; height:88px; border:1px solid #ccc; }
.m_quick ul { position:relative; *zoom:1; }
.m_quick ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_quick ul li { position:relative; float:left; width:33%; }
.m_quick ul li.sec { width:34%; *width:33.9%; }
.m_quick a { display:block; padding-top:62px; height:26px; text-align:center; font-size:11px; line-height:12px; color:#666; }
.m_quick a.m01 { background:url(../images/m_qm_img01.gif) no-repeat center 12px; }
.m_quick a.m02 { background:url(../images/m_qm_img02.gif) no-repeat center 12px; border:1px solid #ccc; border-width:0 1px; }
.m_quick a.m03 { background:url(../images/m_qm_img03.gif) no-repeat center 12px; }
.m_quick a:hover { text-decoration:none; }

.js_m_img_slider { position:relative; width:100%; height:400px; margin-bottom:30px; overflow:hidden; }
.js_m_img_slider ul.ph { position:absolute; top:0; left:0; width:70%; height:100%; }
.js_m_img_slider ul.ph li { position:absolute; top:0; left:50%; width:840px; margin-left:-420px; }
.js_m_img_slider ul.tx { position:absolute; top:0; right:0; width:30%; z-index:1; }
.js_m_img_slider ul.tx li { position:relative; height:99px; border:1px solid #f8b4af; border-width:0 1px 1px 0; background:#fff; }
.js_m_img_slider ul.tx li:hover, .js_m_img_slider ul.tx li.on { background:#f16a60; }
.js_m_img_slider ul.tx li .arrow { position:absolute; top:50%; left:-6px; margin-top:-5px; width:6px; height:10px; background:url(../images/js_m_slider_arrow.png) no-repeat 0 0; display:none; }
.js_m_img_slider ul.tx li:hover .arrow, .js_m_img_slider ul.tx li.on .arrow { display:block; }
.js_m_img_slider ul.tx li .tit { position:relative; padding:20px 19px; width:90%; font-size:16px; color:#333; line-height:24px;  }
.js_m_img_slider ul.tx li .tit a { color:#333; display:block; height:45px; overflow:hidden;}




.js_m_img_slider ul.tx li .tit a:hover { text-decoration:none; }
.js_m_img_slider ul.tx li .tit a span { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer; }
.js_m_img_slider ul.tx li .tit a span.tf { line-height:20px; height:20px; margin:4px 0 3px; }
.js_m_img_slider ul.tx li .tit a span.sf { font-size:13px; line-height:15px; height:15px; }

.js_m_img_slider ul.tx li .tit a p.ttf { font-size:21px; line-height:28px; height:56px; margin:4px 0 3px;  overflow:hidden; }



.js_m_img_slider ul.tx li .tit em { display:block; color:#e13c30; font-size:12px; line-height:12px; margin-bottom:8px; }
.js_m_img_slider ul.tx li .s-bb { position:absolute; top:22px; right:12px; display:inline-block; *zoom:1; *display:inline; font-size:10px; color:#7a8099; padding-left:16px; background:url(../images/ic_s-bb02.png) no-repeat 0 0; line-height:11px; }
.js_m_img_slider ul.tx li:hover .tit a, .js_m_img_slider ul.tx li.on .tit a { color:#fff; }

.js_m_img_slider ul.tx li:hover .s-bb, .js_m_img_slider ul.tx li.on .s-bb { background:url(../images/ic_s-bb02ov.png) no-repeat 0 0; color:#fff; }
.js_m_img_slider02 { display:none; }

.js_m_mid_con { position:relative; *zoom:1; }
.js_m_mid_con:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.js_m_mid_con .youtube_video_area { position:relative; float: left; margin-bottom: 20px; width: 66%; }
.js_m_mid_con .youtube_video_area h3 { font-size: 16px; line-height: 16px; color: #333333; font-weight: bold; margin-bottom: 15px; }
.js_m_mid_con .youtube_video_area .youtube_video { position: relative; float: left; background-color: #cccccc; width: 49.2%; height: 259px; }
.js_m_mid_con .youtube_video_area .youtube_video:last-child { float: right; }
.js_m_mid_con .youtube_video_area .youtube_video .iframe_wrap { width: 100%; height: calc(100% - 40px); }
.js_m_mid_con .youtube_video_area .youtube_video .iframe_wrap > iframe { width: 100%; height: 100%; }
.js_m_mid_con .youtube_video_area .youtube_video .myt_title { overflow: hidden; padding: 0 8px; height: 40px; font-size: 14px; line-height: 40px; }
.js_m_mid_con .a01 { position:relative; float:left; width:66%; }
.js_m_mid_con .a02 { position:relative; float:right; margin-top: 30px; width:32%; }
.js_m_mid_con .a03 { position:relative; float:left; width:100%; *zoom:1; }
.js_m_mid_con .a03:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }

.js_m_article { position:relative; }
.js_m_article h3 { position:relative; font-size:16px; line-height:16px; color:#333; font-weight:bold; margin-bottom:15px; }
.js_m_article a.view-more { position:absolute; top:10px; right:0; display:inline-block; color:#666; font-size:10px; }
.js_m_article .list { position:relative; *zoom:1; }
.js_m_article .list:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.js_m_article .list ul { position:relative; width:100%; }
.js_m_article .list ul li { position:relative; float:left; width:49.1%; margin:0 1.2% 20px 0; }
.js_m_article .list ul li.last { margin: 0; }
.js_m_article .list ul li .ph { position:relative; width:100%; overflow:hidden; }
.js_m_article .list ul li .ph img { height:220px; }
.js_m_article .list ul li .ph em.ic_ad { position:absolute; top:5px; right:5px; width:30px; height:15px; line-height:15px; color:#fff; text-align:center; font-size:10px; background:#ff5156; }
.js_m_article .list ul li .tx { position:relative; background:#f16a60; padding:15px 13px; }
.js_m_article .list ul li.ad .tx { background:#e13c30; }
.js_m_article .list ul li .tx .cate { position:relative; font-size:11px; color:#af1b10; font-weight:bold; }
.js_m_article .list ul li .tx .tit { position:relative; font-size:14px; line-height:18px; height:18px; overflow:hidden; font-weight:bold; color:#fff; margin-bottom:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.js_m_article .list ul li .tx .tit a { color:#fff; }
.js_m_article .list ul li .tx .d-info { position:relative; color:#fff; line-height:12px; font-family:Verdana, Geneva, sans-serif; font-size:11px; *zoom:1; }
.js_m_article .list ul li .tx .d-info:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.js_m_article .list ul li .tx .d-info .date { float:left; }
.js_m_article .list ul li .tx .d-info .s-bb { float:right; padding-left:20px; background:url(../images/ic_s-bb.png) no-repeat 0 0; }
.js_m_article .list ul li .tx .d-info .s-bb a { color:#fff; }
.js_m_article .list ul li.social-twt-area { box-sizing: border-box; border: 1px solid #cccccc; height: 260px; }
.js_m_article .list ul li.social-fb-area .ph img { height: 260px; }


.js_m_magazine-view { position:relative; border:1px solid #dbdbdb; margin-bottom:20px; z-index:1; }
.js_m_magazine-view .ph { position:relative; padding:26px 0; text-align:center; }
.js_m_magazine-view .ph img { border:1px solid #dbdbdb; }
.js_m_magazine-view .tx { position:relative; background:#3d404d; padding:19px; }
.js_m_magazine-view .tx .date { position:relative; font-size:14px; line-height:14px; font-weight:bold; margin-bottom:15px; color:#fff; }
.js_m_magazine-view .tx a.list-view { position:absolute; top:19px; right:19px; width:60px; height:20px; line-height:20px; background:#646671; font-size:10px; font-weight:bold; color:#fff; text-align:center; }
.js_m_magazine-view .tx .select { position:relative; margin:0 1px }

#container { position:relative; padding:25px 20px 80px; line-height:18px; }
#container .wrap { position:relative;  max-width:1160px; width:100%; margin:0 auto; }
#container .wrap h2 { position:relative; font-size:30px; line-height:30px; color:#333; font-weight:bold; margin-bottom:20px; display:none;}
#container .wrap h2.t_login { line-height:30px; height:47px; border-bottom:2px solid #000; margin-bottom:40px; }
#container .wrap .location { position:relative; color:#666; line-height:12px; margin-bottom:30px; }
#container .wrap .location a { color:#666; }
#container .wrap .location em { margin:0 3px; }
#contents { position:relative; *zoom:1; }
#contents:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#contents .l_area { position:relative; float:left; width:66%; }
#contents .r_area { position:relative; float:right; width:30%; *zoom:1; }
#contents .r_area:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#contents .b_area { position:relative; float:left; width:100%; *zoom:1; padding-top:70px; }
#contents .b_area:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }

#top_banner { position:relative; text-align:center; width:100%; height:90px; overflow:hidden; }
#top_banner img { position:absolute; top:0; left:50%; margin-left:-700px; }

input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
}

.subscription_app { position:relative; }
.subscription_app .img_ban { position:relative; margin-bottom:50px; }
.subscription_app .img_ban img { width:100%; }
.subscription_app .a-info { position:relative; min-height:222px; margin-bottom:30px; }
.subscription_app .a-info .ph { position:absolute; top:0; left:0; width:164px; height:220px; border:1px solid #ccc; }
.subscription_app .a-info .tx { position:relative; margin-left:194px; min-height:182px; line-height:18px; padding-bottom:40px; }
.subscription_app .a-info .tx .tit { position:relative; font-size:20px; line-height:24px; font-weight:bold; margin-bottom:15px; }
.subscription_app .a-info .tx em { color:#f25e4d; display:block; margin-top:3px; }
.subscription_app .a-info .tx .btn { position:absolute; bottom:0; left:0; }
.subscription_app .a-info .tx .btn a { display:inline-block; *zoom:1; *display:inline; width:140px; height:30px; text-align:center; color:#fff; background:#48474b; line-height:30px; }
.subscription_app .option { position:relative; margin-bottom:20px; border-top:1px solid #ccc; *zoom:1; }
.subscription_app .option:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.subscription_app .option dl { position:relative; float:left; width:50%; *zoom:1; border-bottom:1px solid #ccc; }
.subscription_app .option dl:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.subscription_app .option dl dt { position:relative; float:left; width:16%; height:50px; line-height:50px; padding:0 2%; font-size:14px; }
.subscription_app .option dl dd { position:relative; float:right; width:71%; padding:13px 5% 13px 0; }
.subscription_app .option dl dd.price { color:#ff0007; font-weight:bold; font-size:14px; padding:0 5% 0 0; line-height:50px; }
.subscription_app .option dl dd select { border:1px solid #ccc; width:100%; height:24px; }
.subscription_app .option dl dd select.w55 { width:55%; }
.subscription_app .option dl dd a.fg-view { display:inline-block; *zoom:1; *display:inline; width:40%; height:24px; line-height:24px; background:#666; color:#fff; font-size:11px; position:absolute; top:13px; right:5%; text-align:center; letter-spacing:-1px; }
.subscription_app .option dl dd a.fg-view:hover { text-decoration:none; }
.subscription_app .cart-btn { position:relative; text-align:right; margin-bottom:40px; }
.subscription_app .cart-btn a { display:inline-block; *zoom:1; *display:inline; width:98px; height:38px; line-height:37px; font-size:12px; font-weight:bold; text-align:center; border:1px solid #48474b; margin-left:5px; }
.subscription_app .cart-btn a.cart { background:#fff; color:#48474b; }
.subscription_app .cart-btn a.pay { background:#48474b; color:#fff; }
.subscription_app .sa_inquiry { position:relative; }
.subscription_app .sa_inquiry h4 { position:relative; font-size:14px; font-weight:bold; margin-bottom:4px; }

.sa_by-media { position:relative; background:#3d404d; margin-bottom:10px; }
.sa_by-media h3 { position:relative; background:#31343f; height:50px; line-height:50px; padding:0 20px; color:#fff; font-size:14px; }
.sa_by-media ul { position:relative; padding:16px 0; }
.sa_by-media ul li { position:relative; padding:0 20px; line-height:30px; font-size:14px; }
.sa_by-media ul li a { color:#fff; }
.sa_by-media ul li a:hover, .sa_by-media ul li.on a { color:#faa61a; text-decoration:underline; }

.sa_qm { position:relative; padding-bottom:5px; }
.sa_qm a { display:block; border:1px solid #48474b; height:38px; line-height:38px; padding:0 15px; background:url(../images/sa_qm_arrow.gif) no-repeat right 11px #fff; font-size:14px; margin-bottom:5px; font-weight:bold; }
.sa_qm a:hover { text-decoration:none; }


.ra_img_ban ul { position: relative; }
.ra_img_ban ul .fas { position: absolute; z-index: 9999; top: 45%; font-size: 25px; color: #ffffff; }
.ra_img_ban ul .fa-chevron-left { left: 2%; }
.ra_img_ban ul .fa-chevron-right { right: 2%; }
.ra_img_ban ul li { margin-bottom:10px; }
.ra_img_ban img { width:100%; }

.st_img_ban { position:relative; margin-bottom:40px; }
.st_img_ban img { width:100%; }

.online_charged-member { position:relative; }
.online_charged-member h3 { position:relative; font-size:20px; line-height:20px; font-weight:bold; margin-bottom:30px; }
.online_charged-member .about_ocm { position:relative; font-size:14px; line-height:20px; margin-bottom:15px; }
.online_charged-member .about_ocm_img { position:relative; margin-bottom:20px; }
.online_charged-member .about_ocm_img img { width:100%; }

.online_charged-member .btn { position:relative; }
.online_charged-member .btn a { display:inline-block; *zoom:1; *display:inline; height:30px; line-height:30px; padding:0 15px; font-size:12px; font-weight:bold; text-align:center; color:#fff; }
.online_charged-member .btn a:hover { text-decoration:none; }
.online_charged-member .btn a.red { background:#ff4122; }
.online_charged-member .btn a.green { background:#f9a908; }

.online_charged-member .price { position:relative; margin:10px auto; font-size:1.3em; font-weight:bold; text-align:center; line-height:140%; }

.online_charged-member .tab_ocm { position:relative; height:290px; }


.subscription_app_enter { padding-bottom:30px; }
.subscription_app_enter .btn { position:relative; margin-bottom:10px;}
.subscription_app_enter .btn.smartstore { margin-top: 25px; }
.subscription_app_enter .btn a { display:inline-block; *zoom:1; *display:inline; height:30px; line-height:30px; padding:0 30px; font-size:14px; font-weight:bold; text-align:center; color:#fff; }
.subscription_app_enter .btn.smartstore a { width: 106px; height: 40px; line-height: 40px; }
.subscription_app_enter .btn a:hover { text-decoration:none; }
.subscription_app_enter .btn a.red { background:#ff4122; }
.subscription_app_enter .btn a.yellow { background:#ffc000; }
.subscription_app_enter .btn a.green { background:#70d190; }



ul.tab_ocm { position:relative; margin-top:50px; }
ul.tab_ocm li { position:absolute; top:0; left:0; width:100%; }
ul.tab_ocm li h4 { position:absolute; top:0; height:40px; line-height:40px; text-align:center; width:25%; overflow:hidden; font-size:14px; font-weight:normal; }
ul.tab_ocm li h4 a { display:block; height:38px; line-height:38px; background:#e5e5e5; border:1px solid #e5e5e5; border-bottom:1px solid #70d190; border-right:1px solid #ccc; font-weight:bold; }
ul.tab_ocm li.last h4 a { border-right:0; }
ul.tab_ocm li.on h4 a { background:#fff; border:1px solid #70d190; border-bottom:1px solid #fff; color:#70d190; }
ul.tab_ocm li.tcon01 h4 { left:0; z-index:4;  }
ul.tab_ocm li.tcon02 h4 { left:25%; z-index:3; }
ul.tab_ocm li.tcon03 h4 { left:50%; z-index:2; }
ul.tab_ocm li.tcon04 h4 { left:75%; z-index:1; }
ul.tab_ocm li .tabcon { position:relative; padding-top:75px; visibility:hidden; }
ul.tab_ocm li.on .tabcon { visibility:visible; }

.tb_ocm { position:relative; width:100%; margin-bottom:20px; }
.tb_ocm th { height:37px; border:1px solid #ccc; border-width:1px 0 1px 1px; font-size:14px; font-weight:normal; }
.tb_ocm th.first { border-width:1px 0 1px 0; }
.tb_ocm td { height:47px; border:1px solid #ccc; border-width:1px 0 1px 1px; text-align:center; font-size:16px; font-weight:bold; }
.tb_ocm td.first { border-width:1px 0 1px 0; }

.ra_article_list { position:relative; border:1px solid #dbdbdb; padding:19px 19px 12px; margin-top: 20px; margin-bottom:20px; }
.ra_article_list h4 { position:relative; font-size:14px; color:#333; font-weight:bold; line-height:14px; margin-bottom:18px; }
.ra_article_list a.more { position:absolute; top:24px; right:19px; font-size:10px; color:#666; }
.ra_article_list li { position:relative; line-height:25px; padding-left:23px; }
.ra_article_list li a { display:block; color:#666; width:100%; height:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.ra_article_list li em { position:absolute; top:0; left:0; color:#566ccc; font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-right:7px; }

.sb_qm { position:relative; float:left; width:49%; margin-bottom:30px; }
.sb_qm ul { position:relative; border:1px solid #ccc; height:110px; padding:12px 0 16px; *zoom:1; }
.sb_qm ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.sb_qm ul li { position:relative; float:left; width:33%; text-align:center; font-size:14px; font-weight:bold; }
.sb_qm ul li a { display:block; padding-top:86px; height:24px; color:#40403f; }
.sb_qm ul li a.m01 { background:url(../images/sb_qm_ic01.gif) no-repeat center 11px; }
.sb_qm ul li a.m02 { background:url(../images/sb_qm_ic02.gif) no-repeat center 11px; border:1px solid #dadada; border-width:0 1px; }
.sb_qm ul li a.m03 { background:url(../images/sb_qm_ic03.gif) no-repeat center 11px; }

.sb_mail_app { position:relative; float:right; width:49%; margin-bottom:30px; }
.sb_mail_app .c-wrap { position:relative; border:1px solid #ccc; height:138px; }
.sb_mail_app .c-wrap h4 { position:relative; height:30px; line-height:30px; color:#40403f; font-size:14px; font-weight:bold; background:#eaeaea; text-align:center; }
.sb_mail_app .c-wrap h4 em { color:#c94137; }
.sb_mail_app .c-wrap .con { position:relative; padding:22px 18px; *zoom:1; }
.sb_mail_app .c-wrap .con:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.sb_mail_app .c-wrap .con dl { position:relative; float:left; width:50%; *zoom:1; margin-bottom:7px; }
.sb_mail_app .c-wrap .con dl:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.sb_mail_app .c-wrap .con dl dt { position:relative; float:left; width:26%; padding-left:4%; background:url(../images/dot_orange.gif) no-repeat 0 10px; font-size:13px; line-height:23px; font-weight:bold; }
.sb_mail_app .c-wrap .con dl dd { position:relative; float:left; width:66%; *width:65.9%; margin-right:4%; }
.sb_mail_app .c-wrap .con dl dd input { border:1px solid #cdcdcd; height:21px; line-height:21px; padding:0 10px; width:100%; *width:80%; }
.sb_mail_app .c-wrap .con dl dd select { border:1px solid #cdcdcd; height:23px; width:100%; *width:90%; }
.sb_mail_app .c-wrap .con a { display:block; margin:0 2%; background:#aaa; height:25px; line-height:25px; text-align:center; color:#fff; font-size:13px; font-weight:bold; clear:both; }

.logo_rolling_slider { position:relative; border:1px solid #ccc; height:78px; clear:both; }
.logo_rolling_slider .arrow { position:absolute; top:23px; width:20px; height:32px; display:block; text-indent:-9999px; }
.logo_rolling_slider #lrs_arl { left:28px; background:url(../images/m_f_logo_arl.gif) no-repeat 0 0; }
.logo_rolling_slider #lrs_arr { right:28px; background:url(../images/m_f_logo_arr.gif) no-repeat 0 0; }
.logo_rolling_slider ul { position:absolute; top:0; left:50%; width:930px; height:78px; margin-left:-465px; overflow:hidden; }
.logo_rolling_slider ul li { float:left; width:155px; text-align:center; }
.logo_rolling_slider ul li a { display:block; }

.online_charged-member { position:relative; }
.online_charged-member h3 { color:#70d190; }
.online_charged-member .list { position:relative; margin-bottom:40px; }
.online_charged-member .list a.btn { display:inline-block; *zoom:1; *display:inline; width:160px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; background:#3f3f3f; font-weight:bold; margin-top:35px; }
ul.dot-grey { position:relative; }
ul.dot-grey li { line-height:25px; color:#333; padding-left:10px; background:url(../images/dot_grey.jpg) no-repeat 0 12px; }
ul.dot-grey.lh20 li { line-height:20px; }
.online_charged-member h4 { font-size:14px; color:#333; font-weight:bold; line-height:14px; margin-bottom:10px; }
.online_charged-member .w-box { position:relative; border:1px solid #ccc; height:53px; line-height:53px; color:#fc650a; font-weight:bold; margin-bottom:10px; text-align:center; }
.online_charged-member .w-box span { margin:0 25px; background:url(../images/dot_orange.gif) no-repeat 0 7px; padding-left:10px; }
.online_charged-member .s-guide { font-size:11px; color:#666; }

.ra_img_slider { position:relative; border:1px solid #dbdbdb; height:358px; margin-bottom:10px; }
.ra_img_slider h4 { position:relative; font-size:16px; line-height:22px; padding:16px 19px; }
.ra_img_slider h4 em { display:block; font-size:12px; color:#666; font-weight:normal; }
.ra_img_slider .arrow { position:absolute; top:193px; width:9px; height:15px; display:block; text-indent:-9999px; }
.ra_img_slider #ris_arl { left:15px; background:url(../images/ra_img_slider_arrow.gif) no-repeat 0 0; }
.ra_img_slider #ris_arr { right:15px; background:url(../images/ra_img_slider_arrow.gif) no-repeat -9px 0; }
.ra_img_slider ul { position:relative; top:0px; left:50%; width:166px; height:255px; margin-left:-83px; overflow:hidden; }
.ra_img_slider ul li { float:left; width:166px; text-align:center; }
.ra_img_slider ul li .ph { width:164px; height:220px; border:1px solid #ccc; margin-bottom:14px; }
.ra_img_slider ul li .tx { font-size:16px; font-weight:bold; margin-bottom:5px; }

.faq { position:relative; border-bottom:1px solid #ccc; }
.faq dl { position:relative; border-top:1px solid #ccc; margin-bottom:-1px; }
.faq dl dt { position:relative; min-height:25px; border-bottom:1px solid #ccc; padding:12px 12px 12px 47px; line-height:25px; background:url(../images/ic_q.gif) no-repeat 10px 12px; cursor:pointer; }
.faq dl dd { position:relative; min-height:25px; padding:12px 12px 12px 47px; line-height:25px; background:url(../images/ic_a.gif) no-repeat 10px 12px #fafafa; display:none; }
.faq dl.on dd { display:block; }

.pagination { width:100%; position:relative; text-align:center; margin-top:20px; }
.pagination img {  vertical-align:top; }
.pagination span { padding:0; display:inline-block; *zoom:1; *display:inline; color:#333; }
.pagination span a { padding:0 8px; display:inline-block; *zoom:1; *display:inline; color:#333; font-weight:normal; font-size:12px; height:23px; line-height:23px; border:1px solid #d9d9d9; vertical-align:top; margin:0 2px; }
.pagination span a:hover { text-decoration:none; }
.pagination span a.on { color:#fff; text-decoration:none; border:1px solid #ca921d; background:#f1a62b; }
.pagination.grey span a.on { color:#fff; text-decoration:none; border:1px solid #515151; background:#6f6f6f; }

.article_list { position:relative; border-top:1px solid #3d404d; }
.article_list li { position:relative; height:49px; line-height:49px; color:#333; border-bottom:1px solid #ccc; }
.article_list li .cate { position:absolute; top:0; left:0; text-align:center; width:110px; color:#e13c30; font-weight:bold; }
.article_list li .charge_y { position:absolute; top:0; left:0; text-align:center; width:110px; color:#e13c30; font-weight:bold; }
.article_list li .charge_n { position:absolute; top:0; left:0; text-align:center; width:110px; color:#000000; font-weight:bold; }
.article_list li .tit { position:relative; margin:0 200px 0 110px; }
.article_list li .tit a { display:block; width:100%; height:49px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.article_list li .tit3 { position:relative; margin:0 200px 0 10px; }
.article_list li .tit3 a { display:block; width:100%; height:49px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.article_list li .writer { position:absolute; top:0; right:80px; text-align:center; width:110px; }
.article_list li .date { position:absolute; top:0; right:0; text-align:center; width:80px; line-height:14px; padding:10px 0; }
.article_list li .date em { display:block; }

.article_list li .ho { position:absolute; top:0; left:100px; text-align:center; width:110px; }
.article_list li .pg { position:absolute; top:0; right:100px; text-align:center; width:80px; }

.article_list li .tit2 { position:relative; margin:0 200px 0 200px; }
.article_list li .tit2 a { display:block; width:100%; height:49px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.article_list li .dn { position:absolute; top:0; right:0px; text-align:center; width:110px; }

.article_view { position:relative; margin-bottom:40px; }
.article_view .t-info {position:relative; background:#3d404d; color:#fff; padding:7px 20px; line-height:25px; min-height:25px; *zoom:1; margin-bottom:40px; z-index:1; }
.article_view .t-info:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.article_view .t-info .tia01 { position:relative; float:left; font-weight:bold; margin-right:7px; }
.article_view .t-info .tia02 { position:relative; float:left; color:#787a83; }
.article_view .t-info .tia03 { position:relative; float:right; width:160px; }
.article_view .t-info .tia02 a { color:#ddd; margin:0 14px; }
.article_view .t-info a.view-list { display:inline-block; *zoom:1; *display:inline; width:60px; height:20px; line-height:20px; color:#fff; font-size:10px; text-align:center; background:#646671; margin-left:9px; }

.article_view .tit_area { position:relative; margin-bottom:0px; }
.article_view .tit_area h3 { position:relative; font-size:23px; line-height:32px; color:#3d404d; font-weight:bold; margin-bottom:5px; padding-right:200px; }
.article_view .tit_area h4 { position:relative; font-size:17px; line-height:24px; color:#666; font-weight:normal; margin-bottom:20px; width: 88%;}
.article_view .tit_area .witer { position:relative; font-size:12px; color:#aaa; }
.article_view .tit_area .witer a { color:#aaa; }
.article_view .tit_area .u-btn { position:absolute; top:0; right:0; font-size:11px; line-height:13px; color:#999; }
.article_view .tit_area .u-btn a { display:inline-block; *zoom:1; *display:inline; color:#999; }
.article_view .tit_area .u-btn .font-size { margin-right:14px; }
.article_view .tit_area .u-btn .font-size a { text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; width:10px; height:10px; margin-left:10px; vertical-align:middle; }
.article_view .tit_area .u-btn .font-size a.plus { background:url(../images/ic_font-size.gif) no-repeat 0 0; }
.article_view .tit_area .u-btn .font-size a.minus { background:url(../images/ic_font-size.gif) no-repeat -19px 0; }
.article_view .tit_area .u-btn .print { margin-left:14px; }
.article_view .tit_area .u-btn .print a { background:url(../images/ic_print.gif) no-repeat 0 0; padding-left:19px; }

.previous_list { border-top:2px solid #3d404d; border-bottom:2px solid #3d404d; }
.previous_list li { float:left; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; width:134px; height:240px; padding:29px; text-align:center; }
.previous_list li.bottom { border-bottom:0; }
.previous_list li.right { border-right:0; }
.previous_list li .thumb img { width:134px; height:180px; }
.previous_list li .prs_issue { margin:8px 0 3px; color:#000000; font-size:13px; }
.previous_list li .prs_date { margin:3px 0 5px; color:#858585; }
.previous_list:after { content:''; display:block; clear:both; }

.article_view .tit_area .a-sns { position:absolute; bottom:0; right:0; display:none;}
.article_view .tit_area .a-sns a { display:inline-block; *zoom:1; *display:inline; text-align:left; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; width:31px; height:30px; margin-left:9px; }
.article_view .tit_area .a-sns a.fb { background:url(../images/ic_sns_aw.png) no-repeat 0 0; }
.article_view .tit_area .a-sns a.tw { background:url(../images/ic_sns_aw.png) no-repeat -32px 0; }


.article_view .btn_area .a-sns { position:absolute; top:10px; left:0; display:none;}
.article_view .btn_area .a-sns a { display:inline-block; *zoom:1; *display:inline; text-align:left; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; width:31px; height:30px; margin-left:9px; }
.article_view .btn_area .a-sns a.fb { background:url(../images/ic_sns_aw.png) no-repeat 0 0; }
.article_view .btn_area .a-sns a.tw { background:url(../images/ic_sns_aw.png) no-repeat -32px 0; }






.article_view .con_area { position:relative; font-size:17px; line-height:1.9; color:#242424; padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:20px; padding-top:15px; word-break:break-all; -ms-word-break: keep-all; }
.article_view .con_area em { color:#333; }
.article_view .con_area img { max-width:100%; }

.btn_area { position:relative; margin:20px 0 20px; text-align:right; }
.btn_area a, .btn_area input { display:inline-block; *zoom:1; *display:inline; text-align:center; width:97px; height:40px; line-height:40px; font-weight:bold; color:#fff; background:#48474b; }
.btn_area input { margin:0; padding:0; border:0; cursor:pointer; }

.comment { margin-bottom:50px; }
.comment textarea { width:100%; height:70px; margin:10px 0; }
.comment textarea.modify { width:85%; float:left; }
.comment .button { float:left; margin:10px 0 10px 10px; width:10%; height:70px; }
.comment .submit { width:100%; background-color:#4761ba; border-color: #4761ba; color: #fff; padding:15px 0px; font-size:16px; font-weight:700;}
.comment ul { margin:10px 0; padding:10px; background-color:#f9f9f9; }
.comment ul li { padding:10px 15px; border-top:2px solid #e2e2e2; }
.comment ul li.first { border-top:none; }
.comment ul li.empty { border-top:none; text-align:center; }
.comment ul li .userid { color:#4780ad; }
.comment ul li .wdate { color:#a7b0b9; }
.comment ul li .ctrlbox { display:none; }
.comment ul li p { margin:5px 0; }
.comment ul li:after { content:""; display:block; clear:both; }
.comment #btnMore { width:100%; text-align:center; display:block; }


.done_btn { display:inline-block; *zoom:1; *display:inline; text-align:center; width:97px; height:40px; line-height:40px; font-weight:bold; color:#fff; background:#48474b; }

.re-contents { position:relative; }
.re-contents h3 { position:relative; font-size:16px; line-height:16px; color:#333; font-weight:bold; margin-bottom:15px; }
.re-contents .list { position:relative; *zoom:1; }
.re-contents .list:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.re-contents .list ul { position:relative; width:100%; }
.re-contents .list ul li { position:relative; float:left; width:32%; margin:0 2% 0 0; }
.re-contents .list ul li.last { margin:0; }
.re-contents .list ul li .ph { position:relative; }
.re-contents .list ul li .ph img { width:100%; }
.re-contents .list ul li .ph em.ic_ad { position:absolute; top:5px; right:5px; width:30px; height:15px; line-height:15px; color:#fff; text-align:center; font-size:10px; background:#ff5156; }
.re-contents .list ul li .tx { position:relative; background:#f16a60; padding:15px 13px; }
.re-contents .list ul li.ad .tx { background:#e13c30; }
.re-contents .list ul li .tx .cate { position:relative; font-size:11px; color:#af1b10; font-weight:bold; }
.re-contents .list ul li .tx .tit { position:relative; font-size:16px; font-weight:bold; margin-bottom:10px; }
.re-contents .list ul li .tx .tit a { color:#fff; }
.re-contents .list ul li .tx .d-info { position:relative; color:#fff; line-height:12px; font-family:Verdana, Geneva, sans-serif; font-size:11px; *zoom:1; }
.re-contents .list ul li .tx .d-info:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.re-contents .list ul li .tx .d-info .date { float:left; }
.re-contents .list ul li .tx .d-info .s-bb { float:right; padding-left:20px; background:url(../images/ic_s-bb.png) no-repeat 0 0; }
.re-contents .list ul li .tx .d-info .s-bb a { color:#fff; }

.side_banner .ph { width: 100%; }
.side_banner .ph img { width: 100%; }

.ra_magazine-view { position:relative; border:1px solid #dbdbdb; margin-bottom:20px; z-index:1; }
.ra_magazine-view .ph { position:relative; padding:33px 0; text-align:center; }
.ra_magazine-view .ph img { border:1px solid #dbdbdb; }
.ra_magazine-view .tx { position:relative; background:#262626; padding:19px; }
.ra_magazine-view .tx .date { position:relative; font-size:14px; line-height:14px; font-weight:bold; margin-bottom:15px; color:#fff; }
.ra_magazine-view .tx a.list-view { position:absolute; top:19px; right:19px; width:60px; height:20px; line-height:20px; background:#646671; font-size:10px; font-weight:bold; color:#fff; text-align:center; }
.ra_magazine-view .tx a.previous-view { display:block; width:100%; height:24px; line-height:24px; background:#ff0000; font-size:11px; font-weight:bold; color:#fff; text-align:center; }
.ra_magazine-view .tx .select { position:relative; margin:0 1px }

.login { position:relative; margin:0 auto; width:540px; margin-bottom:70px; }
.login .form { position:relative; margin:0 35px 30px; }
.login .form dl { position:relative; height:42px; line-height:42px; margin:0 120px 8px 0; *zoom:1; }
.login .form dl:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.login .form dl dt { position:absolute; top:0; left:0; width:80px; font-size:14px; color:#333; font-weight:bold; }
.login .form dl dd { position:relative; margin-left:80px; color:#666; }
.login .form dl dd input[type=text] { background:#ebebeb; height:42px; line-height:42px; *height:40px; *line-height:40px; border:1px solid #e0e0e0; border-top:2px solid #d8d8d8; border-bottom:0; padding:0 9px; width:100%; *width:250px; }
.login .form p { margin-left:80px; }
.login .form .bt-login { position:absolute; top:1px; right:0; display:block; background:#fcaf17; width:110px; height:92px; line-height:90px; text-align:center; color:#fff; border-radius:5px; font-size:18px; font-weight:bold; }
.login .form .bt-login:hover { text-decoration:none; }

.login .btns { position:relative; padding:30px 32px 0; border-top:1px dotted #ccc; }
.login .btns li { position:relative; padding-right:160px; font-size:14px; line-height:27px; font-weight:bold; color:#333; margin-bottom:8px; }
.login .btns li a { position:absolute; top:0; right:0; width:150px; height:27px; line-height:27px; text-align:center; color:#fff; font-weight:bold; font-size:12px; }
.login .btns li a:hover { text-decoration:none; }
.login .btns li a.bt-find-idpw { background:#8b7c5e; }
.login .btns li a.bt-join { background:#fc5d17; }

.cart_prd-info { position:relative; *zoom:1; border-top:2px solid #ccc;  }
.cart_prd-info:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
/*.cart_prd-info dl { position:relative; float:left; }
.cart_prd-info dl.s01 { width:15%; }
.cart_prd-info dl.s02 { width:20%; }
.cart_prd-info dl.s03 { width:30%; }
.cart_prd-info dl.s04 { width:10%; }
.cart_prd-info dl.s05 { width:10%; }
.cart_prd-info dl.s06 { width:15%; *width:14.9%; }
.cart_prd-info dl dt { position:relative; height:58px; line-height:58px; text-align:center; font-size:14px; color:#666; background:#f5f7f9; border:1px solid #ccc; border-width:0 0 1px 1px; }
.cart_prd-info dl dd { position:relative; text-align:center; border:1px solid #ccc; border-width:0 0 1px 1px; min-height:103px; padding:73px 10px 0; *padding:73px 10px 0; line-height:30px; }
.cart_prd-info dl dd select { border:1px solid #ccc; height:30px; line-height:30px; width:100%; }
.cart_prd-info dl dd a { display:inline-block; *zoom:1; *display:inline; }
.cart_prd-info dl dd a:hover { text-decoration:none; }
.cart_prd-info dl dd.gift select { width:40%; }
.cart_prd-info dl dd.gift a { height:30px; line-height:30px; text-align:center; color:#fff; width:90px; background:#8b7c5e; letter-spacing:-1px; }
.cart_prd-info dl dd.ph { padding:20px 0 21px; }
.cart_prd-info dl dd.btns { padding:53px 5px; min-height:70px; }
.cart_prd-info dl dd.btns a { display:block; width:100px; max-width:inherit; height:28px; line-height:28px; border:1px solid #ccc; color:#333; margin:0 auto 5px; }
.cart_prd-info dl dd.price { color:#ec4300; padding:73px 10px 0; }
.cart_prd-info dl.first dt { border-left:0; }
.cart_prd-info dl.first dd { border-left:0; }*/



.tb_cart_prd-info { position:relative; width:100%; }
.tb_cart_prd-info th { height:55px; line-height:55px; text-align:center; font-size:14px; color:#666; background:#f5f7f9; border:1px solid #ccc; border-width:0 0 1px 1px; }
.tb_cart_prd-info th:first-child { border-width:0 0 1px 0; }
.tb_cart_prd-info td { text-align:center; border:1px solid #ccc; border-width:0 0 1px 1px; min-height:135px; padding:20px 10px; }
.tb_cart_prd-info td:first-child { border-width:0 0 1px 0; }
.tb_cart_prd-info td.gift select { width:40%; }
.tb_cart_prd-info td.gift a { height:30px; line-height:30px; text-align:center; color:#fff; width:90px; background:#8b7c5e; letter-spacing:-1px; }
.tb_cart_prd-info td.price { color:#ec4300; }
.tb_cart_prd-info td.btns a { display:block; width:100px; max-width:inherit; height:28px; line-height:28px; border:1px solid #ccc; color:#333; margin:0 auto 5px;  text-align:center;}


.cart_prd-info a { display:inline-block; *zoom:1; *display:inline; }
.cart_prd-info select { border:1px solid #ccc; height:30px; line-height:30px; width:100%; }

.cart_prd-info ul { display:none; }

.cart_prd-info .total { position:relative; clear:both; line-height:20px; min-height:20px; background:#eee; border-bottom:1px solid #ccc; padding:25px 30px; font-size:14px; color:#333; text-align:right; }
.cart_prd-info .total em { font-size:20px; color:#ec4300; margin-left:10px; }



.cart_bot_btn { position:relative; text-align:center; margin-top:20px; }
.cart_bot_btn a { display:inline-block; *zoom:1; *display:inline; width:140px; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:bold; text-align:center; border-radius:5px; margin:0 3px; }
.cart_bot_btn a:hover { text-decoration:none; }
.cart_bot_btn a.yellow { background:#fcaf17; }
.cart_bot_btn a.brown { background:#8b7c5e; }

.cart_per-info { position:relative; margin-top:55px; }
.cart_per-info h3 { position:relative; font-size:16px; line-height:16px; font-weight:bold; color:#333; margin-bottom:10px; }
.cart_per-info .form { position:relative; border:1px solid #ccc; border-width:1px 0; margin-bottom:45px; }
.cart_per-info .form dl { position:relative; border-bottom:1px dotted #ccc; margin-bottom:-1px; }
.cart_per-info .form dt { position:absolute; top:0; left:0; width:170px; padding:0 10px; line-height:49px; font-size:14px; font-weight:bold; }
.cart_per-info .form dd { position:relative; margin:0 0 0 200px; padding:10px 10px 0 10px; line-height:30px; }
.cart_per-info .form dd input.txt { height:30px; line-height:28px; padding:0 10px; border:1px solid #ccc; margin-bottom:10px; vertical-align:top; }
.cart_per-info .form dd input.w01 { width:180px; }
.cart_per-info .form dd input.w02 { width:80px; }
.cart_per-info .form dd input.w03 { width:60px; }
.cart_per-info .form dd input.w100p { width:100%; *width:90%; }
.cart_per-info .form dd input.w50p { width:180px; *width:30%; }
.cart_per-info .form dd a { display:inline-block; *zoom:1; *display:inline; color:#fff; font-weight:bold; text-align:center; vertical-align:top; }
.cart_per-info .form dd a:hover { text-decoration:none; }
.cart_per-info .form dd a.dl-day { width:80px; height:25px; line-height:25px; background:#666; vertical-align:middle; }
.cart_per-info .form dd a.find-post { width:100px; height:30px; line-height:29px; background:#8b7c5e; }
.cart_per-info .form dd p { margin-bottom:10px; }
.cart_per-info .grey-box { position:relative; padding:10px; background:#eee; line-height:24px; margin-bottom:20px; }
.cart_per-info .grey-box li { position:relative; padding-left:8px; background:url(../images/li_dash.gif) no-repeat 0 11px; }

.bill-receipt { position:relative; }
.bill-receipt .guide { position:relative; font-size:12px; line-height:20px; color:#666; margin-bottom:30px; }
.bill-receipt .guide em { color:#fc5817; }
.bill-receipt .form { position:relative; border:1px solid #ccc; border-width:2px 0 1px; }
.bill-receipt .form dl { position:relative; border-bottom:1px dotted #ccc; background:#f5f7f9; }
.bill-receipt .form dl.last { border:0; }
.bill-receipt .form dt { position:absolute; top:0; left:0; width:170px; padding:0 10px; line-height:49px; font-size:14px; font-weight:bold; text-align:center; }
.bill-receipt .form dd { position:relative; margin:0 0 0 200px; padding:10px 10px 0 10px; line-height:30px; background:#fff; }
.bill-receipt .form dd input.txt { height:30px; line-height:28px; padding:0 10px; border:1px solid #ccc; margin-bottom:10px; vertical-align:top; }
.bill-receipt .form dd input.w01 { width:100px; }
.bill-receipt .form dd input.w100p { width:100%; *width:90%; }
.bill-receipt .form dd a { display:inline-block; *zoom:1; *display:inline; color:#fff; font-weight:bold; text-align:center; vertical-align:top; }
.bill-receipt .form dd a:hover { text-decoration:none; }
.bill-receipt .form dd a.find-post { width:100px; height:30px; line-height:29px; background:#8b7c5e; }
.bill-receipt .form dd p { padding-bottom:10px; }

.book-introduce { position:relative; }
.book-introduce .guide { position:relative; line-height:20px; color:#666; margin-bottom:30px; }
.book-introduce ul { position:relative; border-top:2px solid #ccc; }
.book-introduce ul li { position:relative; border-bottom:1px solid #ccc; padding:40px 0; }
.book-introduce ul li .ph { position:absolute; top:40px; left:10px; width:150px; height:200px;  }
.book-introduce ul li .tx { position:relative; margin-left:190px; color:#333; font-weight:bold; padding-right:10px; }
.book-introduce ul li .tx .ic { position:relative; margin-bottom:12px; }
.book-introduce ul li .tx .ic em { display:inline-block; *zoom:1; *display:inline; width:80px; height:20px; line-height:19px; text-align:center; color:#fff; background:#fcac0f; }
.book-introduce ul li .tx .tit { position:relative; margin-bottom:20px; font-size:24px; }
.book-introduce ul li .tx .price { position:relative; margin-bottom:20px; font-size:16px; }
.book-introduce ul li .tx .price span { text-decoration:line-through; }
.book-introduce ul li .tx .price em { font-size:20px; color:#ec4300; margin-left:10px; }
.book-introduce ul li .tx .cont { position:relative; margin-bottom:20px; font-size:12px; line-height:16px; color:#666; }
.book-introduce ul li .tx .cont em { display:block; font-size:14px; font-weight:bold; color:#333; margin-bottom:12px; }
.book-introduce ul li .tx .btn { position:relative; }
.book-introduce ul li .tx .btn a { display:inline-block; *zoom:1; *display:inline; width:100px; height:30px; line-height:29px; text-align:center; color:#fff; background:#8b7c5e; }
.book-introduce ul li .tx .btn a:hover { text-decoration:none; }

.join_ta { position:relative; height:110px; padding:57px 0 0 33px; border-bottom:2px solid #000; background:url(../images/join_tit_img.jpg) no-repeat right bottom; margin-bottom:30px; }
.join_ta h2 { line-height:30px; height:auto; margin-bottom:27px; }
.join_ta h2 em { font-size:14px; color:#666; font-weight:bold; font-weight:normal; margin-left:20px; }
.join_ta .step { position:relative; font-size:14px; color:#666; font-weight:bold; *zoom:1; padding-left:3px; }
.join_ta .step:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.join_ta .step li { position:relative; float:left; padding:0 50px 0 0; margin:0 40px 0 0; background:url(../images/join_step_arrow.gif) no-repeat right 0; }
.join_ta .step li.on { color:#fca906; }
.join_ta .step li.last { background:none; }
.join_ta .step li em { font-size:16px; color:#333; font-weight:bold; margin-right:8px; }
.join_ta .step li.on em { color:#fca906; }

.join { position:relative; }
.join .guide { position:relative; font-size:12px; line-height:20px; color:#666; margin-bottom:30px; }
.join .guide a { color:#fc5817; }
.join h3 { position:relative; font-size:16px; line-height:16px; margin-bottom:10px; }
.join .form { position:relative; border:1px solid #ccc; border-width:1px 0; }
.join .form .compulsory { position:absolute; top:-25px; right:0; color:#666; }
.join .form .compulsory em { font-weight:bold; color:#fcaf17; }
.join .form dl { position:relative; border-bottom:1px dotted #ccc; margin-bottom:-1px; }
.join .form dt { position:absolute; top:0; left:0; width:180px; padding:0 10px; line-height:49px; font-size:14px; font-weight:bold; }
.join .form dt em { display:inline-block; *zoom:1; *display:inline; color:#fcaf17; width:14px; }
.join .form dd { position:relative; margin:0 0 0 200px; padding:10px 10px 0 10px; line-height:30px; }
.join .form dd input.txt { height:30px; line-height:28px; padding:0 10px; border:1px solid #ccc; margin-bottom:10px; vertical-align:top; }
.join .form dd select { height:30px; line-height:28px; border:1px solid #ccc; margin-bottom:10px; vertical-align:top; }
.join .form dd .w01 { width:190px; }
.join .form dd .w02 { width:350px; }
.join .form dd .w03 { width:110px; }
.join .form dd .w04 { width:175px; }
.join .form dd .w05 { width:100px; }
.join .form dd .w100p { width:100%; *width:90%; }
.join .form dd a.sq { display:inline-block; *zoom:1; *display:inline; color:#fff; font-weight:bold; text-align:center; vertical-align:top; width:100px; height:30px; line-height:29px; }
.join .form dd a:hover { text-decoration:none; }
.join .form dd a.brown { background:#8b7c5e; }
.join .form dd a.orange { background:#fc5d17; }
.join .form dd a.mail { color:#fc5d17; }
.join .form dd p { padding-bottom:10px; }

.join_bot_btn { position:relative; text-align:center; margin-top:20px; }
.join_bot_btn a { display:inline-block; *zoom:1; *display:inline; width:110px; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:bold; text-align:center; border-radius:5px; margin:0 3px; }
.join_bot_btn a:hover { text-decoration:none; }
.join_bot_btn a.yellow { background:#fcaf17; }
.join_bot_btn a.brown { background:#8b7c5e; }

.mp_tab_wrap { position:relative; }
ul.mp_tab { position:relative; margin-bottom:40px; *zoom:1; border-left:1px solid #ccc; border-bottom:1px solid #333; }
ul.mp_tab:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
ul.mp_tab li { position:relative; float:left; width:33.3%; }
ul.mp_tab li.s01 { *width:33%; }
ul.mp_tab li a { display:block; line-height:48px; height:48px; color:#666; border:1px solid #ccc; border-width:1px 1px 0 0; font-size:14px; font-weight:bold; text-align:center; margin-left:-1px; }
ul.mp_tab li a:hover { text-decoration:none; }
ul.mp_tab li.active a { line-height:47px; height:47px; border:2px solid #333; border-bottom:1px solid #fff; margin-bottom:-1px; color:#333; }
.mp_tab_content { position:relative; }
.mp_tab_content.on { display:block; }

.my-page { position:relative; }
.my-page .c-guide { position:relative; padding:20px; color:#333; background:#eee; margin-bottom:40px; }
.my-page .c-guide em { font-size:18px; font-weight:bold; }
.my-page .c-guide b { color:#ec4300; font-weight:bold; }
.my-page .oc-menber { position:relative; font-weight:bold; }
.my-page .oc-menber h4 { position:relative; font-size:14px; margin-bottom:20px; }
.my-page .oc-menber .per { position:relative; font-size:14px; margin-bottom:20px; }
.my-page .oc-menber .per select { height:30px; line-height:30px; border:1px solid #ccc; color:#666; }
.my-page .oc-menber .per .bt_inquiry { display:inline-block; *zoom;1; *display:inline; width:100px; height:30px; line-height:30px; color:#fff; font-weight:bold; background:#8b7c5e; text-align:center; }
.my-page .oc-menber .per .bt_inquiry:hover { text-decoration:none; }
.ab_ic { position:relative; margin-top:25px; }
.ab_ic li { position:relative; margin-bottom:5px; color:#666; padding-left:90px; }
.ab_ic li b { color:#ec4300; }
.ab_ic li em { position:absolute; top:0; left:0; }
em.oc_ic { display:inline-block; *zoom:1; *display:inline; width:80px; height:20px; line-height:18px; color:#fff; text-align:center; font-weight:bold; }
em.oc_ic.color01 { background:#cf713b; }
em.oc_ic.color02 { background:#9e9e9e; }
em.oc_ic.color03 { background:#475d75; }
em.oc_ic.color04 { background:#c2ac80; }
.tb_mp_list { position:relative; width:100%; border-collapse:collapse; border-top:2px solid #ccc; font-size:14px; color:#666; }
/* Zebra striping */
.tb_mp_list th { background:#f5f7f9; font-weight:bold; height:58px; border-bottom:1px solid #ccc; }
.tb_mp_list td { text-align:center; padding:15px 5px; border-bottom:1px solid #ccc; }
.tb_mp_list tr.nd td { padding:30px 0; }

.one-to-one { position:relative; }
.one-to-one .guide { position:relative; font-size:12px; line-height:18px; color:#333; margin-bottom:30px; }
.one-to-one .guide em { color:#fc5817; }
.one-to-one .form { position:relative; border:1px solid #ccc; border-width:2px 0 1px; }
.one-to-one .form dl { position:relative; border-bottom:1px dotted #ccc; background:#f5f7f9; }
.one-to-one .form dl.last { border:0; }
.one-to-one .form dt { position:absolute; top:0; left:0; width:170px; padding:0 10px; line-height:49px; font-size:14px; font-weight:bold; text-align:center; }
.one-to-one .form dd { position:relative; margin:0 0 0 200px; padding:10px 10px 0 10px; line-height:30px; background:#fff; }
.one-to-one .form dd input.txt { height:30px; line-height:28px; padding:0 10px; border:1px solid #ccc; margin-bottom:10px; vertical-align:top; }
.one-to-one .form dd select { height:30px; line-height:30px; border:1px solid #ccc; margin-bottom:10px; vertical-align:top; }
.one-to-one .form dd textarea { height:175px; line-height:18px; padding:10px; border:1px solid #ccc; margin-bottom:10px; vertical-align:top; width:100%; *width:90%; }
.one-to-one .form dd .w01 { width:100px; }
.one-to-one .form dd .w02 { width:150px; }
.one-to-one .form dd .w03 { width:200px; }
.one-to-one .form dd .w100p { width:100%; *width:90%; }
.one-to-one .form dd a { display:inline-block; *zoom:1; *display:inline; color:#fff; font-weight:bold; text-align:center; vertical-align:top; width:100px; height:30px; line-height:29px; background:#8b7c5e; }
.one-to-one .form dd a:hover { text-decoration:none; }
.one-to-one .form dd p { padding-bottom:10px; }

.greet { position:relative; font-size:14px; line-height:24px; color:#666; }
.greet .ph { position:relative; margin-bottom:25px; }
.greet .ph img { width:100%; }
.greet em { color:#333; font-size:30px; display:block; margin-bottom:10px; }

.introduce { position:relative; color:#666; margin-bottom:40px; }
.introduce .tit { position:relative; font-size:24px; line-height:30px; color:#333; font-weight:bold; margin-bottom:5px; }
.introduce p { line-height:20px; }
.introduce ul { position:relative; *zoom:1; margin:0 -20px; }
.introduce ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.introduce ul li { position:relative; float:left; width:50%; }
.introduce ul li .con { position:relative; border-right:1px dotted #ccc; min-height:180px; padding:20px; }
.introduce ul li.c04 .con { border:0; }
.introduce ul li .con .logo { position:relative; margin-bottom:20px; }
.introduce ul li .con .logo img { max-width:100%; }
.introduce ul li .con .tx { position:relative; line-height:20px; color:#333; word-break:keep-all; }

.themearticle { position:relative; color:#666; margin-bottom:40px; }
.themearticle .tit { position:relative; font-size:24px; line-height:30px; color:#333; font-weight:bold; margin-bottom:5px; }
.themearticle p { line-height:20px; }
.themearticle ul { position:relative; *zoom:1; margin:0 -20px; }
.themearticle ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.themearticle ul li.c04 .con { border:0; }
.themearticle ul li .con .logo { position:relative; margin-bottom:20px; }
.themearticle ul li .con .logo img { max-width:100%; }
.themearticle ul li .con .tx { position:relative; line-height:20px; color:#333; word-break:keep-all; }
.themearticle ul li { position:relative; float:left; width:33%; }
.themearticle ul li .con { position:relative; min-height:180px; padding:20px; }

.eng_audio { padding-top:60px; border-top:1px solid #ccc; /* border-bottom:1px solid #ccc; */}
.eng_audio_down { padding-top:60px;  border-bottom:1px solid #ccc; /* border-bottom:1px solid #ccc; */}

.ad-coo { position:relative; }
.ad-coo .guide { position:relative; line-height:20px; font-size:14px; color:#666; margin-bottom:35px; }
.ad-coo h3 { position:relative; height:40px; line-height:40px; padding:0 18px; font-size:14px; color:#666; font-weight:bold; background:url(../images/add-inq_st_arrow.gif) no-repeat right 0 #f5f7f9; }
.ad-coo .con { position:relative; padding:30px 0; text-align:center; }
.ad-coo .con img { max-width:100%; }
.ad-coo .con .unit { position:relative; text-align:right; font-weight:bold; margin-bottom:5px; font-size:14px; color:#666; }
.tb_ad-coo { position:relative; width:100%; border-top:2px solid #ccc; font-size:14px; line-height:20px; color:#666; }
.tb_ad-coo th { font-weight:bold; border-bottom:1px solid #ccc; padding:17px 10px; }
.tb_ad-coo td { text-align:center; border-bottom:1px solid #ccc; padding:17px 5px; }
.tb_ad-coo.fb td { font-weight:bold; }
.tb_ad-coo td.line { border-left:1px solid #ccc; }

.list_search { position:relative; border-top:2px solid #3d404d; border-bottom:1px solid #fff; background:#eee; font-size:14px; color:#333; line-height:30px; font-weight:bold; padding:18px 0 9px; *zoom:1; }
.list_search:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.list_search .unit { position:relative; width:605px; margin:0 auto 10px; *zoom:1; }
.list_search .unit:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.list_search select { height:30px; line-height:30px; border:1px solid #ccc; color:#666; padding:0 0 0 8px; font-size:14px; color:#666; font-weight:bold; vertical-align:top; }
.list_search select.ma { width:140px; position:absolute; top:0; right:0; }
.list_search select.year { width:85px; margin-right:4px; }
.list_search select.month { width:60px; margin-right:5px; margin-left:10px; }
.list_search select.num { width:180px; margin-right:4px; }
.list_search input[type=text] { height:30px; line-height:30px; border:1px solid #ccc; color:#666; padding:0 8px; font-size:14px; color:#666; font-weight:bold; width:312px; vertical-align:top; }
.list_search a { display:inline-block; *zoom:1; *display:inline; width:102px; height:30px; line-height:30px; background:#333; color:#fff; font-weight:bold; vertical-align:top; text-align:center;  position:absolute; top:0; right:0; }
.list_search a:hover { text-decoration:none; }
.list_search em { margin:0 10px; }

@media screen and (max-width:1024px) {
#wrap { min-width:100%; }
.main_curtain img{ width:100% }
#header .wrap { width:100%; }
#header .tm .tw { width:100%; }

#header .h_search { right:13px; }

#footer .a01 .wrap { width:100%; }
#footer .a02 .wrap { width:100%; }
#contents .b_area { padding-top:30px; }

.m_img-news { padding-bottom:10px; margin:0 20px; }
.m_img-news ul li .over .tx { font-size:14px; }

.m_mid_con { margin:0 20px; }

.m_sns_fb { height:448px; }

.m_mid_ban { height:138px; }
.m_mid_ban .ph { margin-top:-10px; }
.m_mid_ban img { height:150px; width:auto; }

.m_best-article ul li a { width:55%; }

.m_mail-app .a-form .btn a { width:auto; }

.m_quick { height:38px; }
.m_quick ul { margin:0 10px; padding-top:12px; }
.m_quick a { padding-top:0; height:12px; line-height:12px; }
.m_quick a.m01 { background:none; border:1px solid #eee; border-width:0 1px 0 0; }
.m_quick a.m02 { background:none; border:1px solid #eee; border-width:0 1px 0 0; }
.m_quick a.m03 { background:none; border-width:0; }

.js_m_mid_con { padding:0 20px; }

.js_m_img_slider ul.tx li .tit { width:90%; }

#top_banner { height:auto; }
#top_banner img { position:relative; width:100%; left:auto; margin-left:0; }

.f_logo { left:20px; }
.f_membership .menu { margin-left:-6px; }
.f_membership a { margin:0 6px; }
.f_inquiry { width:170px; }
.f_tx .fm { margin:0 0 13px -4px; }
.f_tx .fm a { margin:0 4px; }

#container { padding:40px 20px; }

ul.tab_ocm li h4 { font-size:13px; }

.sb_qm ul li { font-size:14px; }

.logo_rolling_slider ul { width:620px; margin-left:-310px; }

.online_charged-member .w-box { height:auto; padding:15px; text-align:left; }
.online_charged-member .w-box span { margin:0; display:block; line-height:25px; background:url(../images/dot_orange.gif) no-repeat 0 11px; }

.article_view .t-info { padding:7px 15px; }
.article_view .t-info .tia01 { display:block; float:inherit; }
.article_view .t-info .tia02 { display:block; float:inherit; margin:0 0 0 -14px; }
.article_view .t-info .tia03 { display:block; float:inherit; padding-bottom:3px; }

.article_view .tit_area h3 {  padding-right:0; }
.article_view .tit_area .u-btn { position:relative; top:auto; left:auto; margin-top:10px; }

.map { position:relative; }
.map .address { position:relative; line-height:20px; color:#666; margin-bottom:30px; }
.map .api { position:relative; }

.join_ta .step li { padding:0 30px 0 0; margin:0 20px 0 0; }

.list_search .unit { position:relative; width:500px; margin:0 auto 10px; *zoom:1; }
.list_search select.ma { width:100%; position:relative; display:block; margin-top:5px; }
.list_search a { position:relative; display:block; width:100%; margin-top:5px; }


}

@media screen and (max-width:860px) {

#top_banner_640 { display:block; }
#top_banner_860 { display:none; }

#gnb li { margin:0 28px; }
.gnb_sub { text-align:left; }

.main_curtain img{ width:100% }
#header .tm .tw .menu a { margin:0 5px; }

.f_logo { display:none; }
.f_tx { position:relative; margin:0 0 0 20px; left:auto; width:auto; }

.m_img_slider { display:none; }

.m_img-news ul li { width:49%; }
.m_img-news ul li.s02 { margin:0 0 20px 0; }
.m_img-news ul li.s03 { margin:0 2% 20px 0; }
.m_img-news ul li.s04 { margin:0 0 20px 0; }
.m_img-news ul li.s06 { margin:0 0 20px 0; }

.m_img-news ul li.s07 { margin:0 2% 20px 0; }
.m_img-news ul li.s08 { margin:0 0 20px 0; }
.m_img-news ul li.s09 { }


.f_inquiry { display:none; }


.m_img_slider02 { position:relative; display:block; margin-bottom:30px; }
.m_img_slider02 li { position:relative; height:340px; width:100%; overflow:hidden; }
.m_img_slider02 li .ph { position:relative; height:340px; overflow:hidden;  }
.m_img_slider02 li .ph img { width:100%; }
.m_img_slider02 li .over { position:absolute; bottom:0; left:0; width:100%; }
.m_img_slider02 li .over .bg { position:absolute; bottom:0; left:0; width:100%; height:100%; background:#000;
	-khtml-opacity:.50; /*safari*/
	-ms-filter:”alpha(opacity=50)”;/*IE8*/
	-moz-opacity:.50;/*FF*/
	filter:alpha(opacity=50); /*IE7*/
	opacity:.50;  /*all other browsers*/ }
.m_img_slider02 li .over .tx { position:relative; padding:30px 25px; font-size:16px; color:#fff; font-weight:bold; }
.m_img_slider02 li .over .tx em { margin-right:20px; }
.m_img_slider02 li .over .tx em img { vertical-align:middle; }
.m_img_slider02 li .bullet { position:absolute; bottom:30px; right:28px; }
.m_img_slider02 li .bullet a { display:inline-block; *zoom:1; *display:inline; width:12px; height:12px; background:url(../images/m_img_slider_bullet.png) no-repeat 0 0; margin:0 2px 0 3px; }
.m_img_slider02 li .bullet a.on { background:url(../images/m_img_slider_bullet.png) no-repeat -12px 0; }

.m_mid_con .a01 { width:49%; margin-right:2%; margin-bottom:20px; }
.m_mid_con .a02 { width:49%; margin-right:0; }
.m_mid_con .a03 { width:100%; margin-bottom:20px; }

.m_mid_ban { height:138px; }
.m_mid_ban .ph { margin-top:-30px; }
.m_mid_ban img { height:auto; width:100%; }

.js_m_img_slider ul.tx li .tit { width:80%; }

.js_m_mid_con .youtube_video_area { width:100%; }
.js_m_mid_con .a01 { margin-top: 15px; width:100%; }
.js_m_mid_con .a02 { width:100%; }

.js_m_article .list ul li .ph img { height:auto; width:100%; }

#contents .l_area { width:100%; margin-bottom:30px; }
#contents .r_area { width:100%; }

.sa_by-media { float:left; width:49%; }

.sa_qm { float:right; width:49%; }

.ra_img_ban { clear:both; width:100%; }
.ra_img_ban ul li { float:left; width:49%; }
.ra_img_ban ul li:nth-child(even) { float:right; }

.sb_qm { width:100%; margin-bottom:20px; }
.sb_mail_app { width:100%; margin-bottom:20px; }

.logo_rolling_slider ul { width:310px; margin-left:-155px; }

/*.cart_prd-info dl { float:none; *zoom:1; border-bottom:1px solid #ccc; background:#f5f7f9; }
.cart_prd-info dl:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.cart_prd-info dl.s01,
.cart_prd-info dl.s02,
.cart_prd-info dl.s03,
.cart_prd-info dl.s04,
.cart_prd-info dl.s05,
.cart_prd-info dl.s06 { width:100%; }
.cart_prd-info dl dt { float:left; width:19%; padding:0 3%; height:51px; line-height:51px; text-align:left; border:0; }
.cart_prd-info dl dd { float:left; width:69%; *width:68.9%; text-align:left; border:0; padding:10px 3%; background:#fff; border:0;}
.cart_prd-info dl dd.ph { padding:10px 3%; }
.cart_prd-info dl dd.btns { padding:10px 3%; min-height:30px; }
.cart_prd-info dl dd.btns a { display:inline-block; *zoom:1; *display:inline; width:80px; text-align:center; margin:0 5px 0 0; }
.cart_prd-info dl dd.price { padding:10px 3%; }*/

.tb_cart_prd-info { display:none;  }

.cart_prd-info ul { position:relative; display:block; border:1px solid #ededed; border-width:0 1px; }
.cart_prd-info li { position:relative; border-bottom:1px solid #ededed; padding:15px; }
.cart_prd-info li .ph { position:absolute; top:15px; left:15px; width:80px; }
.cart_prd-info li .ph img { width:80px; }
.cart_prd-info li dl { position:relative; margin:0 0 5px 95px; }
.cart_prd-info li dl dt { position:absolute; top:0; left:0; font-weight:bold; height:30px; line-height:30px; }
.cart_prd-info li dl dd { position:relative; margin-left:80px; line-height:18px; min-height:18px; padding:6px 10px; }
.cart_prd-info li dl dd.gift a { display:block; height:30px; line-height:30px; text-align:center; color:#fff; background:#8b7c5e; letter-spacing:-1px; margin-top:5px; }
.cart_prd-info li dl dd.price { color:#ec4300; }
.cart_prd-info li dl dd.btns a { display:block; max-width:inherit; height:28px; line-height:28px; border:1px solid #ccc; color:#333; margin:0 auto 5px; text-align:center; margin:0 0 5px 0; }


.cart_prd-info .total { padding:20px; }

.join_ta { padding:57px 0 0 20px; background:none; }

.tb_mp_list tr:nth-of-type(odd) { background:#f8f8f8; }
.tb_mp_list table,
.tb_mp_list thead,
.tb_mp_list tbody,
.tb_mp_list th,
.tb_mp_list td,
.tb_mp_list tr { display:block; }
.tb_mp_list thead tr { display:none; }
.tb_mp_list tr { position:relative; border:1px solid #ccc; }
.tb_mp_list td { border:none; border-bottom:1px solid #eee; position:relative; padding-left:30%; }
.tb_mp_list td:before { position:absolute; top:15px; left:0; width:25%; padding-right:10px; white-space:nowrap; }
.tb_mp_list tr.nd td:before { display:none; }
.tb_mp_list tr.nd td { padding:20px 0; }





.tb_mp_list.cm2 td:nth-of-type(1):before { content:"구분"; }
.tb_mp_list.cm2 td:nth-of-type(2):before { content:"비즈니스회원"; }
.tb_mp_list.cm2 td:nth-of-type(3):before { content:"이코노미스트"; }
.tb_mp_list.cm2 td:nth-of-type(4):before { content:"뉴스위크"; }
.tb_mp_list.cm2 td:nth-of-type(5):before { content:"월간중앙"; }
.tb_mp_list.cm2 td:nth-of-type(6):before { content:"포브스"; }






.tb_mp_list.cm td:nth-of-type(1):before { content:"No."; }
.tb_mp_list.cm td:nth-of-type(2):before { content:"종류"; }
.tb_mp_list.cm td:nth-of-type(3):before { content:"구매일"; }
.tb_mp_list.cm td:nth-of-type(4):before { content:"금액"; }
.tb_mp_list.cm td:nth-of-type(5):before { content:"처리"; }
.tb_mp_list.cm td:nth-of-type(6):before { content:"이용여부"; }






.tb_mp_list.ssa01 td:nth-of-type(1):before { content:"상품명"; }
.tb_mp_list.ssa01 td:nth-of-type(2):before { content:"신청일"; }
.tb_mp_list.ssa01 td:nth-of-type(3):before { content:"금액(원)"; }
.tb_mp_list.ssa01 td:nth-of-type(4):before { content:"사은품"; }
.tb_mp_list.ssa01 td:nth-of-type(5):before { content:"결제수단"; }
.tb_mp_list.ssa01 td:nth-of-type(6):before { content:"상태"; }
.tb_mp_list.ssa01 td:nth-of-type(7):before { content:"기타"; }

.tb_mp_list.ssa02 td:nth-of-type(1):before { content:"구매자"; }
.tb_mp_list.ssa02 td:nth-of-type(2):before { content:"연락처"; }
.tb_mp_list.ssa02 td:nth-of-type(3):before { content:"이메일"; }
.tb_mp_list.ssa02 td:nth-of-type(4):before { content:"배송지"; }




.tb_mp_list.ssa03 td:nth-of-type(1):before { content:"매체"; }
.tb_mp_list.ssa03 td:nth-of-type(2):before { content:"카테고리"; }
.tb_mp_list.ssa03 td:nth-of-type(3):before { content:"제목"; }
.tb_mp_list.ssa03 td:nth-of-type(4):before { content:"발간일자"; }
.tb_mp_list.ssa03 td:nth-of-type(5):before { content:"호수"; }



.nforhide { display:none; }

}
@media screen and (max-width:768px) {

.main_curtain img{ width:100% }
.m_img_slider02 li .ph { position:absolute; top:0; left:50%; width:768px; height:340px; margin-left:-384px; text-align:center; overflow:hidden;  }
.m_img_slider02 li .ph img { width:auto; height:340px; overflow:hidden; }

}

@media screen and (max-width:640px) {
.main_curtain img{ width:100% }
.mp3_title{ display:none; }

.newsweekmenu{ display:none; }

.mobile_hide { display:none; }

#top_banner_640 { display:none; }
#top_banner_440 { display:block; }

#header h1 { margin-left: 60px; padding-top:22px; height:47px; }
#header h1 img { height:28px; }
#header .hide_class { display:none; }

#header .h_search { right:25px; }
#header .btn-signin { right: 45px; }

#gnb_open { position:absolute; top:27px; left:20px; width:24px; height:17px; display:block; background:url(../images/btn_gnb_toggle.png) no-repeat 0 0; text-indent:-9999px; text-align:left; }
#gnb_open.forbes { background-image: url(../images/btn_gnb_toggle_white.png); }

#gnb { height:auto; border-top:1px solid #ccc; display:none; }
#gnb ul { display:block; }
#gnb li { display:block; margin:0; height:49px; line-height:49px; text-align:center; border-bottom:1px solid #ccc; }
#gnb li a:hover { text-decoration:none; }



#gnb2 { height:auto; border-top:1px solid #ccc; display:none; }
#gnb2 ul { display:block; }
#gnb2 li { display:block; margin:0; height:49px; font-size: 16px; color: #aaaaaa; font-weight: bold; line-height:49px; text-align:center; border-bottom:1px solid #ccc; }
#gnb2 li img { margin-top:13px; max-width: 82px; }
#gnb2 li a:hover { text-decoration:none; }
#gnb2.forbes li a { color: #ffffff; }






#footer .a01 { display:none; }
#footer .a02 { display:none; }
#footer .a03 { display:block; position:relative; padding:18px 0 22px; text-align:center; color:#fff; font-size:11px; line-height:16px; background:#48474b; }
.f_sns { position:relative; margin-bottom:14px; }
.f_sns a { display:inline-block; text-align:left; *zoom:1; *display:inline; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; width:30px; height:30px; margin:0 5px; }
.f_sns a.fb { background:url(../images/f_sns.gif) no-repeat 0 0; }
.f_sns a.tw { background:url(../images/f_sns.gif) no-repeat -39px 0; }

#main_container { padding:0; }

.m_img_slider02 { margin:0; }
.m_img_slider02 li .over .tx { text-align:center; padding:15px 0 45px; }
.m_img_slider02 li .over .tx em { display:block; margin:0; }
.m_img_slider02 li .bullet { position:absolute; bottom:15px; left:0; width:100%; text-align:center; }

.m_img-news { padding:0; margin:0;  }
.m_img-news ul li { width:100%; margin:0; }
.m_img-news ul li.s01,
.m_img-news ul li.s02,
.m_img-news ul li.s03,
.m_img-news ul li.s04,
.m_img-news ul li.s05,
.m_img-news ul li.s06,
.m_img-news ul li.s07,
.m_img-news ul li.s08,
.m_img-news ul li.s09{ margin:0; }

.m_mid_con { margin:0; padding:0; }
.js_m_mid_con .youtube_video_area .youtube_video { width: 100%; }
.m_mid_con .a01 { width:100%; margin:0; }
.m_mid_con .a02 { width:100%; }
.m_mid_con .a03 {  margin:-1px; }

.m_sns_fb { display:none; }

.m_best-article { display:none; }
.m_mail-app { display:none; }

.m_ing-event { margin-bottom:-1px; }
.m_ing-event h3 { text-align:center; }
.m_ing-event .btn { position:absolute; top:17px; right:auto; left:0; width:100%; }
#mie_arl { position:absolute; top:0; left:20px; }
#mie_arr { position:absolute; top:0; right:20px; }

.m_ing-event { height:auto; }
.m_ing-event ul { height:auto; }
.m_ing-event ul li { height:auto; }
.m_ing-event ul li .ph { position:relative; left:auto; margin:0; width:100%; height:auto; }
.m_ing-event ul li .ph img { height:auto; width:100%; }

.m_quick { height:88px; }
.m_quick ul { padding:0; margin:0; }
.m_quick ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_quick a { padding-top:62px; height:26px; }
.m_quick a.m01 { background:url(../images/m_qm_img01.gif) no-repeat center 12px; border:0; }
.m_quick a.m02 { background:url(../images/m_qm_img02.gif) no-repeat center 12px; border:1px solid #ccc; border-width:0 1px; }
.m_quick a.m03 { background:url(../images/m_qm_img03.gif) no-repeat center 12px; }

.js_m_img_slider { display:none; }

.js_m_img_slider02 { position:relative; display:block; margin-bottom:25px; }
.js_m_img_slider02 li { position:relative; height:100vw; width:100%; overflow:hidden; }
.js_m_img_slider02 li .ph { position:absolute; top:0; left:50%; width:768px; height:400px; margin-left:-384px; text-align:center; overflow:hidden;  }
.js_m_img_slider02 li .ph img { width:auto; height:100vw; overflow:hidden; }
.js_m_img_slider02 li.mobileonly .ph { position:static; left:0; width:100%; margin-left:0; }
.js_m_img_slider02 li.mobileonly .ph img { width:100%; height:auto; overflow:hidden; }
.js_m_img_slider02 li .over { position:absolute; bottom:0; left:0; width:100%; }
.js_m_img_slider02 li .over .bg { position:absolute; bottom:0; left:0; width:100%; height:100%; background:#2d2d2d !important;
	-khtml-opacity:.90; /*safari*/
	-ms-filter:”alpha(opacity=90)”;/*IE8*/
	-moz-opacity:.90;/*FF*/
	filter:alpha(opacity=90); /*IE7*/
	opacity:.90;  /*all other browsers*/ }
.js_m_img_slider02 li .over .tx { position:relative; text-align:center; padding:15px 0 45px; font-size:16px; color:#fff; font-weight:bold; }
.js_m_img_slider02 li .bullet { position:absolute; bottom:15px; left:0; width:100%; text-align:center; }
.js_m_img_slider02 li .bullet a { display:inline-block; *zoom:1; *display:inline; width:12px; height:12px; background:url(../images/m_img_slider_bullet.png) no-repeat 0 0; margin:0 2px 0 3px; }
.js_m_img_slider02 li .bullet a.on { background:url(../images/m_img_slider_bullet.png) no-repeat -12px 0; }

.js_m_mid_con { padding:0; margin:0; }

.js_m_article h3 { padding-left:10px; }
.js_m_article a.view-more { top:5px; right:10px; }
.js_m_article .list ul li { width:100%; margin:0; }
.js_m_article .list ul li .ph img { width:100%; height:auto; }
.js_m_article .list ul li.social-area .ph img { width:100%; height:auto; }

.js_m_magazine-view { margin:0 0 -1px 0; }

.js_m_mid_con .ra_article_list { margin-bottom:-1px; }
.js_m_mid_con .sb_qm { margin-bottom:-1px; }
.js_m_mid_con .sb_mail_app { margin-bottom:-1px; }

#container { padding:40px 10px 60px; }

.subscription_app .img_ban { margin-bottom:30px; }

.subscription_app .a-info .ph { position:relative; text-align:center; margin:0 auto 20px; }
.subscription_app .a-info .tx { position:relative; margin:0; padding:0; min-height:auto; }
.subscription_app .a-info .tx .btn { position:relative; bottom:auto; margin-top:10px; }
.subscription_app .a-info .tx .btn a { display:block; width:auto; }

.subscription_app .option dl { width:100%; }

.sa_by-media { width:100%; }

.sa_qm { width:100%; margin:0; }

.ra_img_ban ul li { width:100%; }

.logo_rolling_slider ul { width:155px; margin-left:-77px; }

.sb_mail_app .c-wrap { height:auto; }
.sb_mail_app .c-wrap .con dl { width:100%; }
.sb_mail_app .c-wrap .con a { margin:0 4%; }

ul.tab_ocm li h4 { font-size:11px; letter-spacing:-1px; }
ul.tab_ocm li.tcon01 h4 { left:0; width:22%; }
ul.tab_ocm li.tcon02 h4 { left:22%; width:30%; }
ul.tab_ocm li.tcon03 h4 { left:52%; width:22%; }
ul.tab_ocm li.tcon04 h4 { left:74%; width:21%; }
.tb_ocm th { font-size:12px; }
.tb_ocm td { font-size:14px; }

.article_list li { font-size:11px; }
.article_list li .cate { display:none; }
.article_list li .charge_y, .article_list li .charge_n { width:20%; }
.article_list li .tit { margin:0 5px 0 20%; width:80%; }
.article_list li .writer { display:none; }
.article_list li .date { display:none; }


.article_list li .ho { display:none;}
.article_list li .pg { display:none; }

.article_list li .tit2 { margin:0 100px 0 5px; }
.article_list li .dn { position:absolute; top:0; right:0px; text-align:center; width:110px; }



/*.article_list li { font-size:11px; }
.article_list li .cate { width:90px; }
.article_list li .tit { margin:0 75px 0 95px; }
.article_list li .writer { right:70px; width:100px; display:none; }
.article_list li .date { width:70px; }*/

.article_view .tit_area .a-sns { position:relative; bottom:auto; right:auto; margin-top:10px; }
.article_view .tit_area .a-sns a { margin:0 9px 0 0; }

.re-contents { margin-top:20px; }
.re-contents .list ul li { float:inherit; width:100%; margin:0 auto 10px; }
.re-contents .list ul li.last { margin:0 auto 10px; }

.login { width:auto; padding:0 20px; }
.login .form { margin:0 20px 30px; }
.login .form dl { margin:0 100px 8px 0; }
.login .form dl dt { width:70px; }
.login .form dl dd { margin-left:70px; }
.login .form p { margin-left:60px; }
.login .form .bt-login { width:90px; }

.login .btns { padding:30px 20px 0; }
.login .btns li { padding-right:130px; font-size:12px; }
.login .btns li a { width:120px; font-size:11px; }

.cart_per-info .form dl { margin-bottom:0; }
.cart_per-info .form dt { position:relative; display:block; width:auto; height:45px; line-height:45px; text-align:center; background:#f4f4f4; }
.cart_per-info .form dd { margin:0; padding:10px 0 0; }
.cart_per-info .form dd input.nb10 { margin:0; }
.cart_per-info .form dd input.w01 { width:100%;  *width:90%; }
.cart_per-info .form dd input.w100p { width:100%; *width:90%; }
.cart_per-info .form dd input.w50p { width:100%;  *width:90%; }
.cart_per-info .form dd a.dl-day { height:30px; line-height:30px; margin-bottom:10px; display:block; width:auto; }
.cart_per-info .grey-box { position:relative; padding:10px; background:#eee; line-height:24px; margin-bottom:20px; }
.cart_per-info .grey-box li { position:relative; padding-left:8px; background:url(../images/li_dash.gif) no-repeat 0 11px; }

.bill-receipt .form dl { margin-bottom:0; }
.bill-receipt .form dt { position:relative; display:block; width:auto; height:45px; line-height:45px; text-align:center; }
.bill-receipt .form dd { margin:0; padding:10px 0 0; }
.bill-receipt .form dd input.w01 { width:28%; *width:20%; }
.bill-receipt .form dd input.w100p { width:100%;  *width:90%; }

.book-introduce ul li { padding:20px 0; text-align:center; }
.book-introduce ul li .ph { position:relative; top:auto; left:auto; width:auto; margin-bottom:20px; }
.book-introduce ul li .tx {  margin-left:0; padding:0 10px; }

.join .form dl { margin-bottom:0; }
.join .form dl.last { border:0; }
.join .form dt { position:relative; display:block; width:auto; height:45px; line-height:45px; text-align:center; background:#f4f4f4; }
.join .form dt em { display:inline-block; *zoom:1; *display:inline; color:#fcaf17; width:14px; }
.join .form dd { margin:0; padding:10px 0 0; }
.join .form dd .w01 { width:100%; *width:90%; }
.join .form dd .w02 { width:100%; *width:90%; }
.join .form dd .w03 { width:30%; *width:20%; }
.join .form dd .w04 { width:45%; *width:40%; }
.join .form dd .w05 { width:100px; }
.join .form dd .w100p { width:100%; *width:90%; }
.join .form dd a.brown { display:block; width:auto; margin-bottom:10px; }
.join .form dd a.orange { width:100px; }

.join_ta { height:auto; padding:0 0 20px; }
.join_ta h2 em { display:block; margin:0; }
.join_ta .step { font-size:11px; line-height:16px; padding-left:2px; }

.join_ta .step li { padding:0 12px 0 0; margin:0 2px 0 0; background:url(../images/join_step_arrow.gif) no-repeat right 3px; }
.join_ta .step li em { font-size:11px; margin-right:2px; }

ul.mp_tab li a { font-size:12px; overflow:hidden; }
ul.mp_tab li.s01 { width:30%; }
ul.mp_tab li.s02 { width:30%; }
ul.mp_tab li.s03 { width:50%; }
ul.mp_tab li.s04 { width:50%; }

.my-page .oc-menber .per span { display:block; padding:5px 0; }

.one-to-one .form dl { margin-bottom:0; }
.one-to-one .form dt { position:relative; display:block; width:auto; height:45px; line-height:45px; text-align:center; background:#f4f4f4; }
.one-to-one .form dd { margin:0; padding:10px 0 0; }
.one-to-one .form dd textarea { height:125px; }
.one-to-one .form dd .w01 { width:30%; *width:20%; }
.one-to-one .form dd .w02 { width:100%; *width:90%; }
.one-to-one .form dd .w03 { width:40%; *width:30%; }
.one-to-one .form dd .w100p { width:100%; *width:90%; }
.one-to-one .form dd em.tx { display:block; }

.introduce ul { margin:0; }
.introduce ul li { width:100%; margin-bottom:20px; padding-bottom: 20px; border-bottom:1px dashed #ccc; }
.introduce ul li .con { border-right:0; min-height:0; padding:0 0 20px 0; }
.introduce ul li .con .logo { margin-bottom:15px; }

.themearticle ul { margin:0; }
.themearticle ul li { width:100%; margin-bottom:20px; border-bottom:1px dashed #ccc; text-align:center;}
.themearticle ul li .con { border-right:0; min-height:0; padding:0 0 20px 0; }
.themearticle ul li .con .logo { margin-bottom:15px; }

.list_search select.ma { width:100%; margin:10px 0; }
.list_search select.year { width:40%; margin:0; }
.list_search select.month { width:40%; margin:0 0 0 10px; }
.list_search select.num { width:100%; margin:0; }
.list_search input[type=text] { width:100%; margin-top:5px; }
.list_search em { display:block; text-align:center; width:100%; line-height:20px; }
.list_search .unit { width:auto; margin:0 20px; }
.list_search a { width:100%; margin-top:5px; }

.mobile_hide { display:none; }

.article_view { margin-top:-15px; }
.article_view .t-info { position:absolute; bottom:40px; left:0; width:96%; padding:2%; }
.article_view .tit_area { position:relative; }
.article_view .con_area { padding-bottom:130px; }
.article_view .tit_area .u-btn { position:absolute; bottom:6px; right:0; width:96px; height:14px; overflow:hidden; }
.article_view .tit_area .u-btn .print { display:none; }

.m_mid_ban { height:auto; }
.m_mid_ban .ph { margin:0; position:relative; width:100%; top:auto; left:auto; width:100%; height:auto; }
.m_mid_ban img { height:auto; width:100%; }

}










/* 사진설명 */
.nfortbblS { width:50%; }
.nfortbblS table{ width:100%; }
.nfortbblS .nforimgsize { width:100%;  }

.nfortbblL { width:100%; }
.nfortbblL table{ width:100%; }
.nfortbblL .nforimgsize { width:100%; }


.nfortbblX {  }
.nfortbblX table{ width:100%;  }
.nfortbblX .nforimgsize {   }
.aPhotoSumX {  width:210px; }

.nfortlbsize div { padding-top:10px; font-size:13px; line-height:17px; }










@media screen and (max-width:640px) {
	.main_curtain img{ width:100% }
	.nfortlbsize { width:100%; }
	.nforimgsize { width:100%; }
	.aPhotoSumX {  width:100%; }



}














@media screen and (max-width:440px) {
.main_curtain img{ width:100% }
.mp3_title{ display:none; }

.article_list li .ho { display:none;}
.article_list li .pg { display:none; }

.article_list li .tit2 { margin:0 100px 0 5px; }
.article_list li .dn { position:absolute; top:0; right:0px; text-align:center; width:110px; }



.article_view .btn_area .buy_btn { display:none; }



.login { width:auto; padding:0 0px; }
.login .form { margin:0 10px 30px; }
.login .form dl { margin:0 100px 8px 0; }
.login .form dl dt { width:60px; font-size:13px; }
.login .form dl dd { margin-left:60px; }
.login .form p { margin-left:60px; }
.login .form .bt-login { width:90px; font-size:16px; }

.login .btns { padding:30px 0 0; }
.login .btns li { padding-right:110px; font-size:12px; letter-spacing:-1px; }
.login .btns li a { width:110px; font-size:11px; }

}



.tit_m { font-size:20px; color:#333; line-height:25px; font-weight: 900; padding-bottom: 7px;}
.tit_policy { font-size:13px; color:#505050; line-height:12px; font-weight: 900; padding-bottom: 0px; letter-spacing:-1px;}

.themearticle { font-size:16px; color:#333; line-height:25px; font-weight: 900; padding-bottom: 7px; margin-top:10px;}

.artsub_title { font-size:19px; border-top:solid 1px #444444; border-bottom:solid 1px #e5e5e5; width:100%; display:block; padding:15px 0px 15px 2px; margin-bottom: -30px; margin-top: 33px; }


/* 광고 관련 */
.ad-type.at-pc {
	display: block;
}
.ad-type.at-mobile {
	display: none;
}
.ad-type > iframe {
	display: block;
	margin: 0 auto;
}
.at-970 {
	background-color: #777777;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 100%;
}
.at-970 > iframe {
	width: 970px;
}
.at-300 > iframe {
	width: 300px;
}
.at-line {
	display: none;
	margin-top: 10px;
}

/* 광고 숨김 처리 */
.ad-type {
	display: none !important;
}

.ad-type.at-left {
	float:left;
	width:calc(100% - 270px);
}
.ad-type.at-right {
	float: right;
}

.ad-type.at-dual {
	margin: 0 auto;
	width: 610px;
}

.ad-type.at-dual > iframe {
	display: inline;
}

.ad-type.at-quick {
	position: fixed;
	margin-left: 1160px;
}

@media screen and (max-width: 970px) {
	.ad-type.at-pc {
		display: none;
	}
	.ad-type.at-mobile {
		display: block;
	}

	.ad-type.at-left {
		width:calc(100% - 220px);
	}
}
/* 광고 관련 */
