/*20151030 이아름 추가작업 ****************************************************************/
.gnb ul li{float:left;width:133px;text-align:center;}
.gnb ul li:first-child { width:132px }

.all_wrapper { position:relative; width:100%; min-width:930px }
.all_wrapper.on { position:static }
.sub_area:after { content:''; display:block; height:0; clear:both }

/* 매거진_카테고리 추가 */

/*매거진 메인*/
.left_m.m_magazin ul { margin-top:9px }
.left_m.m_magazin ul:first-child { margin-top:0 }
.left_m.m_magazin ul li.tit_green { background:#3da8bc url('../images/magazine/ico_tit_ebook.png') no-repeat 15px 50% }
.left_m.m_magazin ul li.tit_blue { background:#3c88ba url('../images/magazine/ico_tit_magazin.png') no-repeat 15px 50% }
.left_m.m_magazin ul li.tit_orange { background:#fda209 url('../images/magazine/ico_tit_request.png') no-repeat 15px 50% }
.left_m.m_magazin ul li.tit_green a, .left_m.m_magazin ul li.tit_orange a,
.left_m.m_magazin ul li.tit_blue a { padding-left:27px; color:#fff }
.left_m.m_magazin ul li .tit_report { display:inline-block; width:14px; height:14px; margin-left:5px; vertical-align:middle; background:url('../images/comm/ico_tit_report.png') no-repeat 0 0 }  
.left_m.m_magazin .m_list { padding-bottom:14px; border:solid 1px #ddd }
.left_m.m_magazin .m_list li { padding:10px 0 0 14px; border-right:0; border-left:0; }
.left_m.m_magazin .m_list li:first-child { padding:9px 0; text-align:center }
.left_m.m_magazin .m_list li a { display:block; margin-right:14px; color:#444; vertical-align:middle }
.left_m.m_magazin .m_list li a:after { content:''; display:block; height:0; clear:both }
.left_m.m_magazin .m_list li img { float:left; width:44px; height:31px; }
.left_m.m_magazin .m_list li span { display:inline-block; float:left; width:96px; margin-left:9px; color:#5f5f5f; font-size:12px; line-height:1.4; vertical-align:middle }
.left_m.m_magazin .m_list li span.number { width:15px; height:15px; margin:0 10px 0 0; color:#aaa; font-size:10px; text-align:center; border:solid 1px #c1c0c5; background:#f5f5f5 }
.left_m.m_magazin .m_list.type li a { width:152px; line-height:1.5;white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }

/* 메인_좌측배너*/
.left_banner_rap { width:100% }
.left_banner_rap a { display:block; width:100%; height:100% }


/* 메인_메인 콘텐츠*/
.magazine_ebook_banner {position:absolute; width:178px; height:252px; cursor:pointer;}
.magazine_ebook_cover { display:none; position:inherit; width:100%; height:100%; background:url('../images/comm/bg_dim.png') 0 0 repeat; z-index:900; }
/*.magazine_ebook_icon { display:none; position:inherit; width:100%; height:100%; z-index:901;}*/
.magazine_ebook_icon { display:none; position:inherit; width:100%; height:100%; background:url('../images/magazine/icon_detail_e-book.png') center no-repeat; z-index:901; }
.magazin_rap { width:100%; text-align:left }
.magazin_rap:after { content:''; display:block; height:0; clear:both }
.cont_left { display:block; float:left; width:520px }
.cont_left .cont_left_top { width:100%; height:181px } 
.cont_left_top .article_rap { width:100%; height:150px; text-align:left }
.cont_left_top .article_rap:after { content:''; display:block; height:0; clear:both }

.article_rap .btn_slide_rap { display:block; width:100%; height:25px; text-align:left; }
.article_rap .btn_slide_rap a { display:inline-block; width:23px; height:23px; margin:0; padding:0; font-size:0; line-height:0; border:solid 1px #ddd; background:#f00 }
.article_rap .btn_slide_rap a.flex-prev { display:inline-block; width:23px; height:23px; border-right:none; background:url('../images/magazine/btn_slide_prev.png') no-repeat 0 0 }
.article_rap .btn_slide_rap a.flex-next { display:inline-block; width:23px; height:23px; background:url('../images/magazine/btn_slide_next.png') no-repeat 0 0 }

.article_rap .flexslider { border:none; background:none }
.article_rap .slides { height:150px; margin-top:6px; overflow:hidden }
.article_rap .slides:after { content:''; display:block; height:0; clear:both }
.article_rap .slides li { float:left; position:relative; height:150px }
.article_rap .slides .inner { display:block; width:100%; height:100%; }
.article_rap .slides .inner:after { content:''; display:block; height:0; clear:both }

.article_rap .slides .article_visual { position:absolute; top:0; left:0; width:213px; height:148px; border:solid 1px #ddd }
.article_txt { display:block }
.article_txt strong { display:block; width:100%; font-size:20px; color:#333 }
.article_txt span { display:block; margin-top:12px; font-size:13px; color:#464646; line-height:1.2;}

.article_etc { display:block; margin-top:12px }


.article_rap .article_txt { display:block; width:294px; height:120px; padding-left:225px;  }
.article_rap .article_txt strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal }
.article_rap .article_txt span { height:77px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word; }

.article_rap .article_etc { display:block; width:294px; margin-top:12px; padding-left:225px }
.article_etc span { padding:0 6px; font-size:11px; color:#888 }
.article_etc span:first-child { padding-left:0; border-right:solid 1px #ddd }
.article_rap button.btn_more { display:inline-block; position:absolute; right:0; bottom:5px; width:40px; padding-left:15px; font-size:11px; color:#888; background:url('../images/btn_more.jpg') no-repeat left center; border:none; box-shadow:none; z-index:100; font-weight:normal }

.cont_left .cont_left_bottom { width:518px; height:108px; margin-top:15px; font-size:0 }
.cont_left_bottom a { display:block; width:100%; height:100%; font-size:0; border:solid 1px #ddd }
.cont_left_bottom img { width:100%; height:108px;}

.cont_right { float:right; width:180px; }
.cont_right .magazine_ebook { display:block; width:180px; height:40px; margin-bottom:12px; background:url('../images/magazine/img_ebook.png') no-repeat 0 0 }
.cont_right a { display:block; width:178px; height:252px; border:solid 1px #ddd }
.cont_right img {  }

.article_rap2 { display:block; width:100%; text-align:left }
.article_rap2 li { display:inline-block; *display:inline; *zoom:1; width:170px; margin-left:7px; vertical-align:top }
.article_rap2 li:first-child { margin-left:5px }
.article_rap2 li .article_visual { width:168px; border:solid 1px #ddd; }
.article_rap2 li .article_txt { width:100%; margin-top:12px; padding:0 }
.article_rap2 li .article_txt strong { height:38px;font-size:13px; line-height:1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word; }
.article_rap2 li .article_txt span { height:62px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap: break-word;}
.article_rap2 li .article_etc { width:100% }

.con_area a.link_banner img { display:inline-block; width:100%; height:100%; }
.con_area .list_type { display:block; width:100%; font-size:0 }
.con_area .list_type li { display:inline-block; *display:inline; *zoom:1; width:170px; margin:0 5px; }
.con_area .list_type li a { display:block; width:100%; }
.con_area .list_type li span { display:block; width:100%; border:solid 1px #ddd }
.con_area .list_type li img { width:100% }
.con_area .list_type li strong { display:block; width:100%; margin-top:10px; font-size:13px; color:#474747;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cont_left.type,
.cont_right.type { width:350px; height:auto }

.cont_left.type ul { display:block; width:100%; font-size:0 }
.cont_left.type li { position:relative; width:100%; border-top:dashed 1px #ddd }
.cont_left.type li { display:block; height:120px; padding:15px 0 }
.cont_left.type li:first-child { border:none; padding-top:0; }
.cont_left.type li:first-child a { padding-top:0 }
.cont_left.type > ul > li > a > img { float:left; }
.cont_left.type > ul > li > a + div { float:right; width:170px !important; margin-left:10px }
.cont_left.type li img { position:absolute; top:15px; left:0; border:solid 1px #ddd }
.cont_left.type li:first-child img { top:0 }
.cont_left.type li .article_txt,
.cont_left.type li .article_etc { display:block; text-align:left }
.cont_left.type li .article_txt strong { display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal }
.cont_left.type li .article_txt span {height:62px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap: break-word;}

.img_rap { display:block; width:100%; font-size:0 }
.img_rap img {width:100%}
.cont_right.type .img_rap a { display:block; width:100%; height:198px; margin-top:20px; border:solid 1px #ddd;overflow:hidden;}
.cont_right.type .img_rap a.half { display:block; width:100%; height:97px;border:solid 1px #ddd }
.cont_right.type .img_rap a.half01{margin-top:20px;}
.cont_right.type .img_rap a.half02{margin-top:2px;}
.cont_right.type .img_rap a:first-child { margin-top:0 }
.cont_right.type .img_rap img { width:100%}

/* 매거진 소개 */
.img_rap .img_inner { width:100% }
.img_rap .img_inner:after { content:''; display:block; height:0; clear:both }
.img_rap .img_inner img { float:left; width:354px; margin-left:11px}
.img_rap .img_inner img:first-child { width:355px; margin-left:0 }

.magazine_tb { width:100%; text-align:left; font-size:13px }
.magazine_tb td { height:33px; padding-left:15px; background:#f5f5f5; border-top:solid 1px #fff; border-left:solid 1px #fff; line-height:1.5 }
.magazine_tb td.tb_tit { background:#ddd }

/* 매거진 구독 신청 */
.sub_cont_top .s_navi { position:absolute; top:8px; right:0; }
.sub_cont_top .s_navi li { display:inline-block; *display:inline; *zoom:1; font-size:11px; color:#acacac }
.sub_cont_top .s_navi a { margin:0 5px 0 0; font-size:11px; color:#acacac }
.sub_cont_top .s_navi li.act a { font-weight:bold }
.sub_cont_top .s_navi li a:hover { color:#3c6cbb }
.inp_rap { text-align:left }
.inp_rap input[type="checkbox"] { margin-right:5px; vertical-align:middle }
.inp_rap .subs_tb { margin-top:6px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd }
.inp_rap .subs_tb td { padding:10px; border-top:solid 1px #ddd; border-left:solid 1px #ddd }
.inp_rap .subs_tb td input { width:302px; height:22px; padding:0; margin:0; border:solid 1px #ddd; background:none }
.inp_rap .subs_tb .tb_tit { padding:15px }
.inp_rap .subs_tb td.tb_tel:after { content:''; display:block; height:0; clear:both }
.inp_rap .subs_tb td.tb_tel select { float:left; width:62px; height:24px; margin-left:0; border:solid 1px #ddd; background:none }
.inp_rap .subs_tb td.tb_tel input { float:left; width:62px; height:22px; margin-left:5px }
.inp_rap .subs_tb td.tb_address { position:relative; }
.inp_rap .subs_tb td.tb_address input { margin-top:5px; }
.inp_rap .subs_tb td.tb_address input:first-child { margin-top:0 }
.inp_rap .subs_tb td.tb_address button { position:absolute; top:12px; left:317px; width:66px; height:22px; margin-left:5px; font-size:11px; color:#fff; background:#5f5f5f; border:none }

.inp_rap .terms { height:152px; margin-top:20px; border:solid 1px #f0f0f0; overflow-y:scroll }
.inp_rap .terms p { font-size:12px; color;#474747; line-height:1.5 }
.inp_rap .terms .term_tit { margin:12px 0; font-size:20px; text-align:center }
.inp_rap .ch_inner { text-align:right }
.btn_submit { display:block; width:141px; height:44px; margin:30px auto 0; font-size:0; border:none; background:url('../images/magazine/btn_submit.png') no-repeat 0 0; }

/* 매거진 구독 신청 팝업*/
.all_wrapper.on .sc_dim { display:block; top:0; width:100%; }
.sc_dim { position:fixed; top:-9999px; left:0; width:100%; height:100%; background:url('../images/comm/bg_dim.png') 0 0 repeat; z-index:900 }
#pop_rap { display:none }
.all_wrapper.on #pop_rap { display:block; position:fixed; top:50%; left:50%; width:720px; height:500px; margin:-250px 0 0 -360px; z-index:999 }
#pop_rap:after { content:''; display:block; height:0; clear:both }
#pop_rap .pop_left { float:left; width:5px; height:100%; background:url('../images/magazine/bg_popup_left.png') no-repeat 0 0; }
#pop_rap .pop_right { float:right; width:5px; height:100%; background:url('../images/magazine/bg_popup_right.png') no-repeat 0 0; }
#pop_rap .pop_center { float:left; width:710px; height:100%; background:url('../images/magazine/bg_popup.png') repeat }
#pop_rap .pop_tit { display:block; width:100%; height:60px; font-size:0; background:url('../images/magazine/txt_pop_tit.png') no-repeat 30px 20px }
#pop_rap .pop_inner { display:block; padding:30px 30px 35px; background:#fff; -webkit-box-shadow:0 5px 3px #295193; -moz-box-shadow:0 5px 3px #295193; box-shadow:0 5px 3px #295193; }

#pop_rap .pop_inner .pop_tb { font-size:12px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; text-align:left }
#pop_rap .pop_inner .pop_tb td { padding:10px; border-top:solid 1px #ddd; border-left:solid 1px #ddd }
#pop_rap .pop_inner .pop_tb .tb_tit { padding:15px; font-size:12px; color:#5f5f5f; background:#f0f3fa }
#pop_rap .pop_inner .pop_tb .tb_tit b { padding-left:3px; font-size:12px; color:#f00; font-weight:normal }
#pop_rap .pop_inner .pop_tb input { display:inline-block; *display:inline; *zoom:1; width:300px; height:22px; padding:0; margin:0 5px 0 0; font-size:12px; vertical-align:middle; border:solid 1px #ddd; }
#pop_rap .pop_inner .pop_tb input[type="checkbox"] { width:13px !important; height:13px; margin-left:12px; border:none } 
#pop_rap .pop_inner .pop_tb select { display:inline-block; *display:inline; *zoom:1; width:140px; height:24px; line-height:50px; vertical-align:middle; border:solid 1px #ddd }
#pop_rap .pop_inner .pop_tb textarea { width:508px; height:178px; padding:0; border:solid 1px #ddd; resize:none }

#pop_rap .pop_inner .pop_btn { margin:30px auto 0; }
#pop_rap .pop_inner .pop_btn button { width:75px; height:35px; margin-left:5px; color:#9c9c9c; line-height:34px; border:none; background:url('../images/magazine/btn_pop_close.png') no-repeat 0 0 }
#pop_rap .pop_inner .pop_btn button:first-child { margin-left:0; color:#fff; background:url('../images/magazine/btn_pop_enter.png') no-repeat 0 0 }



/* 20151030 이상원 추가 */

/* basic */
.clear{*zoom: 1 }
.clear:after{content: ""; display: block; visibility: hidden; clear: both }
.font_nanum { font-family:Nanum Barun Gothic }
.hide{overflow: hidden; position: absolute; width: 0; height: 0; text-indent: -3000em }
.line_ellipsis{white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis}

/* icon */
.btn_more { display:inline-block; width:38px; height:8px; background:url(../images/comm/btn_more.jpg) no-repeat 0 0 }
.icon_new { display:inline-block; width:15px; height:15px; background:url(../images/magazine/icon_new.jpg) no-repeat 0 0 }
.icon_prev { display:inline-block; width:5px; height:3px; background:url(../images/magazine/img_prev.jpg) no-repeat 0 0 }
.icon_next { display:inline-block; width:5px; height:3px; background:url(../images/magazine/img_next.jpg) no-repeat 0 0 }
.img_new { display:inline-block; width:37px; height:19px; background:url(../images/magazine/img_new.jpg) no-repeat 0 0 }
.btn_scrap { display:inline-block; width:61px; height:25px; background:url(../images/magazine/btn_scrap.png) no-repeat 0 0 }
.btn_printer { display:inline-block; width:69px; height:25px; background:url(../images/magazine/btn_printer.png) no-repeat 0 0 }
.btn_report { display:inline-block; width:101px; height:25px; background:url(../images/magazine/btn_report.png) no-repeat 0 0 }
.sns_f { display:inline-block; width:40px; height:40px; background:url(../images/magazine/btn_sns_f.png) no-repeat 0 0 }
.sns_t { display:inline-block; width:40px; height:40px; background:url(../images/magazine/btn_sns_t.png) no-repeat 0 0 }
.sns_k { display:inline-block; width:40px; height:40px; background:url(../images/magazine/btn_sns_k.png) no-repeat 0 0 }
.sns_b{ display:inline-block; width:40px; height:40px; background:url(../images/magazine/btn_sns_b.png) no-repeat 0 0 }
.sns_l { display:inline-block; width:40px; height:40px; background:url(../images/magazine/btn_sns_link.png) no-repeat 0 0 }
.btn_back { display:inline-block; width:60px; height:22px; background:url(../images/magazine/btn_back.png) no-repeat 0 0 }
.btn_list { display:inline-block; width:60px; height:22px; background:url(../images/magazine/btn_list.png) no-repeat 0 0 }
.btn_check { display:inline-block; width:142px; height:43px; background:url(../images/magazine/btn_check.png) no-repeat 0 0 }
.icon_arrow_right { display:inline-block; width:5px; height:6px; background:url(../images/magazine/icon_arrow_right.jpg) no-repeat 0 0 }

/* pages */
#sub_content { text-align:left }
#sub_content2 { text-align:left }
.content_head { padding-bottom:10px; border-bottom:1px solid #a2a2a2 }
.content_head h3 { float:left; font-size:18px; color:#5f5f5f }
.content_head h3 .count { font-size:14px; color:#a9a9a9 }
.content_head .more { float:right; margin-top:10px }
.content_head .more span { font-size:10px; color:#5a5a5a }
.content_head .more .icon_arrow_right { vertical-align:1px }
.content_head .route { float:right; margin-top:10px; color:#acacac }
.content_head .route a { color:#acacac }
.content_head .route a:hover { color:#3c6cbb }
.content_head .btn_box { margin-top:29px }
.content_head .btn_box .btn_all_choice { float:left; width:80px; height:29px; border:none; background:url(../images/magazine/btn_bg_white_round.jpg) no-repeat 0 0 }
.content_head .btn_box .btn_del { float:right; width:80px; height:29px; border:none; background:url(../images/magazine/btn_bg_blue_round.jpg) no-repeat 0 0; color:#fff }
.serch_keyword { margin-bottom:50px; padding:13px 0 18px; padding:18px 0\9; border:1px solid #c6c6c6; font-size:20px; text-align:center; background:#fafafa; color:#343434 }
.serch_keyword b { color:#3e6cba }
.info_list { margin-bottom:10px }
.info_list .section { padding:20px 0; border-top: 1px dashed #ccc }
.info_list .section:first-child { border-top:none }
.info_list .section > a { display:block }
.info_list .section > a:focus { text-decoration:none }
.info_list .section > a:focus { text-decoration:none }
.info_list .section > a > img { float:left; border:1px solid #ddd }
.info_list .section > a > img.grayscale {
	/* Firefox 10+, Firefox on Android */
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	/* IE 6-9 */
	filter: gray;
	/* Chrome 19+,  Safari 6+, Safari 6+ iOS, Opera 15+ */
	-webkit-filter: grayscale(100%);
	margin-right:11px;
}
.info_list .section > a > img + div { float:left; width:494px; margin-left:11px }
.info_list .section .title { *margin:-9px 0 10px; margin-bottom:10px; margin-top:-2px\9; *margin-top:0; font-size:20px; font-weight:bold; color:#333 }
.info_list .section .title .icon_new { margin-left:5px; vertical-align:-4px; vertical-align:-2px\9; *vertical-align:3px }
.info_list .section .title span { display:inline-block; max-width:90%; vertical-align:middle; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.info_list .section > img + div .title span { display:inline-block; max-width:90%; width:470px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.info_list .section .cnt { line-height:18px; font-size:12px; color:#474747; height: 90px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-wrap: break-word; }
.info_list .section .writer { margin-top:17px }
.info_list .section .writer .info { float:left; font-size:11px; color:#888 }
.info_list .section .writer .info .bar { margin:0 5px; color:#dcdcdc }
.info_list .section .writer .btn_more { float:right; margin-top:4px }
.info_list .section .check_box { float:left; width:50px; margin:58px 0; text-align:center }
.info_list .section .check_box + a { float:left; width:670px }
.info_list .section .check_box + a > img + div { width:444px }
.photo_list { width:735px; margin:18px 0 15px }
.photo_list .section { float:left; margin:0 15px 15px 0; position:relative; width:228px; height:160px; border:1px solid #ddd }
.photo_list .section .bg { position:absolute; bottom:0; left:0; width:100%; padding:10px 0 7px; background:url(../images/magazine/bg_opacity_black.png) repeat 0 0 }
.photo_list .section .bg p { color:#fff }
.photo_list .section .bg .title { padding:0 10px 6px; width:208px; font-size:14px; font-weight:bold }
.photo_list .section .bg .date { padding:0 10px; width:208px; font-size:11px; color:#a9abaa }
.photo_list .section .img_new { position:absolute; top:0; left:0 }
.issuu_list .section { height:auto;}
.page_area { text-align:center; }
.search_area { text-align:center }
.search_area select { width:95px; height:30px; height:20px\9; *margin-top:-15px; border:1px solid #ddd; vertical-align:0; *vertical-align:2px; color:#484848 }
:root .search_area select { vertical-align:2px\9 }
:root .search_area select { height:30px\9; margin-top:-1px\9 }
.search_area input { width:251px; height:14px; padding:7px 5px; margin-left:5px; border:1px solid #ddd }
.search_area button { width:80px; height:30px; margin-left:-5px; *margin-left:-1px; vertical-align:1px\9; *vertical-align:0; border:0 solid #ddd; background:url(../images/magazine/btn_bg_white.jpg) no-repeat 0 0; color:#474747 }
.ad_area { margin:60px 10px 0 }
.ad_area > div { float:left }
.ad_area .ad1 { margin-right:23px }
.detail_head h3 { float:left; font-size:18px; color:#5f5f5f }
.detail_head .route { float:right; margin-top:10px; color:#acacac }
.detail_head .route a { color:#acacac }
.detail_head .route a:hover { color:#3c6cbb }
.detail_head .main_area { position:relative; margin-top:10px; padding:10px 0; padding-top:13px\9; border-top:3px solid #ddd; border-bottom:1px solid #ddd }
.detail_head .main_area .title { margin-bottom:18px; font-size:20px; font-weight:bold; color:#333 }
.detail_head .main_area .info { font-size:11px; color:#888 }
.detail_head .main_area .info .bar { color:#ddd }
.detail_head .btn_box { position:absolute; bottom:8px; right:0 }
.detail_head .btn_box a { margin-left:5px }
.article_content { padding:40px 0 60px; text-align:center; word-break:break-all; }
.article_content p { text-align:left; line-height:18px; color:#474747 }
.article_content img { max-width:640px; height:auto; margin-bottom:40px }
.response_area .tag_box { margin-bottom:30px;margin-top:20px;}
.response_area .tag_box span { display:inline-block; margin-right:9px; vertical-align:middle }
.response_area .tag_box a { margin-right:4px; text-decoration:underline; vertical-align:middle; font-size:11px; color:#888 }
.response_area .sns_box { margin-bottom:30px; text-align:center }
.response_area .sns_box a { margin:0 2px }
.response_area .copyright { margin-bottom:40px; text-align:center; font-size:11px; color:#888 }
.response_area .page_move { margin-bottom:50px }
.response_area .page_move .btn_back { float:left }
.response_area .page_move .btn_list { float:right }
.response_area .reply_area .spot { margin-bottom:10px }
.response_area .reply_area .spot a { color:#999 }
.response_area .reply_area .spot .on{ color:#ec5f7d }
.response_area .reply_area .spot span { margin:0 5px; color:#ddd }
.response_area .reply_area .textarea_box { position:relative }
.response_area .reply_area textarea { height:90px; padding:10px; max-width:717px }
.response_area .reply_area .notice { position:absolute; top:11px; left:20px; font-size:11px }
.response_area .reply_area .notice.off { display:none }
.response_area .reply_area .notice p { line-height:18px; color:#434343 }
.response_area .reply_area .notice li { line-height:18px; color:#999 }
.response_area .reply_area .reply_send { margin-top:20px; text-align:center }
.response_area .reply_area .reply_send { margin-top:20px; text-align:center }
.more_article { margin-top:50px }
.more_article h4 { padding-bottom:10px; border-bottom:1px solid #a2a2a2; font-size:18px; color:#414142 }
.more_article li { padding:10px 0; padding-top:12px\9; border-bottom:1px dashed #ddd }
.more_article li a { display:inline-block; max-width:550px; vertical-align:middle; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.more_article li a:hover { text-decoration:underline; font-weight:bold; color:#3c6cbb }
.more_article li .info { margin-left:15px; vertical-align:-1px; vertical-align:0\9; font-size:11px; color:#888 }
.more_article li .info em { margin:0 5px; color:#ddd }
.more_article p {text-align: center; line-height: 40px; font-size: larger; font-weight: bold;}


.msg_input {display:block; font-weight:normal; color:#e64c4c; font-size:12px; padding-top:3px; text-align:left;}
.msg_input2 {display:inline-block; font-weight:normal; color:#e64c4c; font-size:12px; padding-top:3px; text-align:left; padding-left:3px;}


/* 매거진 issuu */
.frame_cont {position:relative;width:80%; height:100%;float:left;}
.frame_cont iframe {width:100%; height:100%;}
.list_cont {position:absolute;width:200px;height:100%;top:0;right:0;background:#333;z-index:9999;}
.list_cont .list_thumb {padding:10px;}
.list_cont .list_thumb li {cursor:pointer;}
.list_cont .list_thumb img {width:150px;}

/* 매거진 미디어 모니터링 */
table.table_magazine {border-collapse:collapse; width:100%; font-size:12px;}
table.table_magazine thead th {background:url("../images/job/table_bg.jpg") repeat-x left top; color:#666; height:45px; text-align:center; font-weight:bold; border-top:1px solid #dadada; border-bottom:1px solid #dadada; border-left:0; border-right:0;}
table.table_magazine tbody td {background:#FFFFFF none repeat scroll 0 0; text-align:center; color:#717171; border-right:0; border-bottom:1px solid #dadada;}
table.table_magazine tbody td.tal {text-align:left;}
table.table_magazine tbody td img{vertical-align:middle;}
table.table_magazine tbody td input {vertical-align:middle;}
table.table_magazine tbody td span {color:#3c6cbb;}
table.table_magazine td {line-height:20px;padding:10px 10px;}
table.table_magazine tbody td a:hover{text-decoration:underline;}
/* 11.21 매거진소개*/
.btn_go{text-align: center; }

/*매거진 이벤트*/
.magazine_event{
	background: #eeeeee;
}

.event_area{
	padding: 40px 66px;
}
.event_area .event_title{
	background:url("../images/magazine/magazine_event_ribbon.png")no-repeat center;
	height: 72px;
}
.event_area .event_title p{
	font-weight: bold;
	color: #ffffff;
	font-family:Nanum Barun Gothic;
	font-size: 18px;
	text-align: center;
	line-height: 53px;
}

.event_area .magazine_quiz{
	margin-top: 50px;
	background: #ffffff;
	position: relative;
}
.event_area .magazine_quiz .quiz_area{
	border-bottom: 1px solid #d7d9e0;
	padding: 35px 55px;
}
.event_area .magazine_quiz .quiz_area .m_quiz{
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
}
.event_area .magazine_quiz .quiz_area .my_answer_area{
	margin-top: 30px;
}
.event_area .magazine_quiz .quiz_area .my_answer_area .my_answer{
	font-family:Nanum Barun Gothic;
	font-weight: bold;
	font-size: 30px;
	color: #384363;
	padding-right: 20px;
}
.event_area .magazine_quiz .quiz_area .my_answer_area input{
	width: 400px;
	height: 50px;
	vertical-align: 3px;
	border: 1px solid #d2d2d2;
	padding: 10px;
	font-size: 18px;
	box-sizing: border-box;
}
.event_area .magazine_quiz .quiz_icon{
	content:"";
	display:inline-block;
	width: 91px;
	height: 83px;
	background:url("../images/magazine/magazine_event_quiz.png")no-repeat center;
	background-size: 91px 83px;
	position: absolute;
	top: -40px;
	left: -48px;
}

.event_area .magazine_quiz .mq_myinfo{
	padding: 35px 55px;
}
.event_area .magazine_quiz .mq_myinfo .mq_t{
	font-family:Nanum Barun Gothic;
	font-weight: bold;
	font-size: 16px;
	color: #555;
	margin-bottom: 7px;
}
.event_area .magazine_quiz .mq_myinfo .mq_i{
	font-size: 12px;
	color: #888;
	letter-spacing: -1px;
}
.event_area .magazine_quiz .mq_myinfo .mq_input_area{
	margin-top: 32px;
}
.event_area .magazine_quiz .mq_myinfo .mq_input_area .mq_info_t{
	font-family:Nanum Barun Gothic;
	font-weight: bold;
	font-size: 16px;
	color: #555;
	padding: 0 28px 0 38px;
	background:url("../images/magazine/magazine_event_icon_check.png")no-repeat left;
	width: 66px;
	display:inline-block;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.event_area .magazine_quiz .mq_myinfo .mq_input_area input{
	width: 200px;
	height: 30px;
	border: 1px solid #d2d2d2;
	padding: 0 10px;
}
.event_area .magazine_quiz .mq_myinfo .mq_input_area p{
	margin-top: 7px;
}

.satisfaction{
	margin-top:27px;
}
.satisfaction .my_sat_title{
	position: relative;
}
.satisfaction .my_sat_title .my_sat{
	background: #384363;
	font-family:Nanum Barun Gothic;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	width: 103px;
	height: 33px;
	line-height: 33px;
	font-size: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	y-index: 9999;
}
.satisfaction .my_sat_title .my_sat_line{
	background: #384363;
	height: 5px;
	position: absolute;
	top: 15px;
	right:0;
	width: 486px;
}
.satisfaction .culum_area{
	overflow: hidden;
}
.satisfaction .my_sat_culum{
	display:inline-block;
	width: 49%;
	box-sizing: border-box;
	margin: 20px 0 30px;
	
	float:left;
}
.satisfaction .my_sat_culum label{
	vertical-align:3px;
}

.satisfaction .my_sat_culum p{
	line-height: 1.6;
}
.satisfaction .my_sat_culum100{
	width: 100% !important;
}
.satisfaction .my_sat_q{
	font-weight: bold;
	padding-bottom: 17px;
}

.satisfaction .my_sat_culum .in50{
	width: 49%;
	display:inline-block;
}

.satisfaction .my_sat_culum .in100{
	width: 100%;
	display:inline-block;
}

.p_data_area{
	padding: 0 10px;
}

.p_data_area .pd_tt{
	font-family:Nanum Barun Gothic;
	font-weight: bold;
	font-size: 16px;
	padding: 20px 0 10px;
}
.p_data_area .pd_info{
	content:"";
	display: inline-block;
	height: 100px;
	border: 1px solid #d2d2d2;
	width: 100%;
	margin-bottom: 5px;
}
.p_data_area label{
	vertical-align: 2px;
}
.p_data_area label .fz_red{
	color: #ff0000;
}

.p_data_area .all_agree{
	border-top: 1px solid #d2d2d2;
	padding: 10px;
	margin: 20px 0;
	text-align: center;
}


.magazine_event_btn{
	cursor: pointer;
	margin-left: 200px;
	margin-bottom: 50px;
}