@charset "utf-8";
@import url('reset.css');
.contents-view-gallery ul li em {display:inline-block; height:55px; padding:0 30px 0 32px; line-height:65px; color:#fff; font-size:16px}
.chrome .contents-view-gallery ul li em {line-height:55px}
.gallery {position:relative; margin-bottom:40px}
.gallery .pic {font-size:0}
.gallery .pic img {display:block}
.gallery p {position:absolute; left:0; bottom:0; width:100%; height:55px; background:url('../images/common/bg_transparent_01.png') repeat 0 0}
.gallery em {display:inline-block; height:55px; padding:0 30px 0 32px; line-height:65px; color:#fff; font-size:16px}
.chrome .gallery em {line-height:55px}
.mobile .gallery {margin-bottom:30px}
.mobile .gallery p {height:30px; background:url('../images/common/bg_transparent_01.png') repeat 0 0}
.mobile .gallery em {height:30px; padding:0 20px 0 18px; font-size:15px; line-height:30px}
.mobile .gallery em.double {padding-top:7px; line-height:20px}
.dbgraph {clear:both; overflow:hidden; width:100%; margin-bottom:30px; background:url('../images/common/bg_line_04.gif') repeat-y 50% 0}
.dbgraph .dbimg {display: block; float: right; width:469px; margin-left:1px}
.dbgraph .dbimg:first-child {float: left; width:470px; margin:0}
.dbgraph .dbimg img {display: block; width:468px; border-bottom:1px solid #ececec; border-right:1px solid #ececec}
.dbgraph .dbimg:first-child img {width:469px; border-left:1px solid #ececec; border-right:0}
.mobile .dbgraph .dbimg {float:none; width:99.5%}
.mobile .dbgraph .dbimg img{width:100%; border-bottom:1px solid #ececec; border-right:1px solid #ececec; border-left:1px solid #ececec; box-sizing:border-box}
.mobile .dbgraph .dbimg:first-child {float:none; padding-bottom:10px}
.contentsbox h4.info {padding:15px 10px; margin:0; background:#366dad; color:#fff; font-size:16px; text-align:center; font-family:Dotum}
.mobile .contentsbox h4.info {padding:10px 8px; margin:0; background:#366dad; color:#fff; font-size:16px; text-align:center}
.mobile dl.writerbox {padding:20px}
.mobile dl.writerbox dt strong {padding-top:0px}
.mobile dl.writerbox dd {padding:0px 0}
/* cover */
#cover .othermenu {height:auto; padding:0; background:none}

/* issue01 */
#issue_1 .toparea .subvisual dl {width:813px}
#issue_1 h4 {line-height:28px}

/* issue02 */
#issue_2 p.footnoot {padding:9px 20px; margin-bottom:30px; background:#f5f5f5; font-size:14px}
#issue_2 p.footnoot span, #issue_2 sup {color:#f97d04}
#issue_2.mobile p.footnoot {font-size:13px}

/* issue03 */
#issu3_3 .gallery p {text-align:right}

/* trend01 */
#trend_1 h4.top {padding-top:0}

/* trend02 */
#trend_2 .listbox {clear:both; overflow:hidden; margin:30px 0}
#trend_2 .listbox> ul {padding:30px; background:#f5f7fa}
#trend_2 .listbox> ul li {padding-left:10px; background:url('../images/bg_bullet_01.gif') no-repeat 0 50%; color:#333; font-size:16px; line-height:34px}
#trend_2 .listbox dl {clear:both; overflow:hidden; height:290px; width:100%}
#trend_2 .listbox dl:first-child{border-top:2px solid #366dad}
#trend_2 .listbox dl dt {float:left; font-size:0}
#trend_2 .listbox dl dt img{display:block}
#trend_2 .listbox dl dd {float:left; width:423px; height:199px; padding:90px 0 0 47px; border-bottom:1px solid #ececec; line-height:28px}
#trend_2 .listbox dl dd h4 {padding:0; margin-bottom:8px}
#trend_2 .listbox dl dd p {margin-bottom:5px; color:#333; font-size:16px}
#trend_2 .listbox dl dd ul li {color:#767676; font-size:16px}
#trend_2.mobile .listbox {border:0}
#trend_2.mobile .listbox> ul li {margin-bottom:15px; background-position:0 10px; font-size:15px; line-height:24px}
#trend_2.mobile .listbox> ul li:last-child {margin-bottom:0}
#trend_2.mobile .listbox dl {height:auto}
#trend_2.mobile .listbox dl dt {float:none; font-size:0}
#trend_2.mobile .listbox dl dt img{display:block; width:100%}
#trend_2.mobile .listbox dl dd {width:auto; height:100%; padding:30px 10px; line-height:24px}
#trend_2.mobile .listbox dl dd p {font-size:15px}
#trend_2.mobile .listbox dl dd ul li {font-size:15px}
/* @media (max-width: 350px) {#trend_2.mobile .toparea .subvisual dl dd {font-size:20px}} */

/* report02 */
#report_2 h4.info {padding:15px 10px; margin:0; background:#366dad; color:#fff; font-size:16px; text-align:center}
#report_2 .listbox {overflow:hidden; margin-bottom:30px}
#report_2 .listbox dl {float:left; width:50%; height:104px; padding:27px 0 0 50px; border:1px solid #d4d4d4; box-sizing:border-box}
#report_2 .listbox dl:first-child {border-right:0}
#report_2 .listbox dl dt{float:left; margin-right:30px; color:#353535; font-size:20px; font-weight:bold}
#report_2 .listbox dl dd{float:left}
#report_2 .listbox dl dd ul {padding-left:20px; background:url('../images/bg_bar_01.gif') no-repeat 0 -1px}
#report_2 .listbox dl dd ul li{color:#666; font-size:15px; font-weight:bold; line-height:28px}
#report_2.mobile .listbox dl {float:none; width:100%; padding:25px 0 0 10px}
#report_2.mobile .listbox dl:first-child {border-right:1px solid #d4d4d4; border-bottom:0}
#report_2.mobile .listbox dl dt{padding-top:15px; margin-right:10px; font-size:16px}
#report_2.mobile .listbox dl dd ul {padding-left:10px; background:url('../images/bg_bar_01.gif') no-repeat 0 -1px}
#report_2.mobile .listbox dl dd ul li{color:#666; font-size:13px; font-weight:bold; line-height:28px}

/* story02  */
#story_2.mobile .mb10 {margin-bottom:10px}

/* news01 */
#news_1 h5 {padding-bottom:30px; color:#333; font-size:18px}
#news_1 h5 {padding-bottom:30px; color:#333; font-size:18px}
#news_1.mobile h5 {padding-bottom:15px}
#news_1.mobile .contents-view-gallery ul li em {font-size:13px}
#news_1 .mb20{margin-bottom:20px; !important}
#news_1 h6 {height:56px; line-height:56px; margin-bottom:10px; padding-left:25px; background:url('../images/bg_tit_01.png') repeat 0 0; color:#333; font-size:18px}
#news_1 h6 span {margin-right:40px}
.mobile h6 {border:1px solid #366dad; background:none !important}
.mobile h6 span {padding-right:15px; border-right:1px solid #333}


 
.boardlist {clear:both}
.boardlist table {width:100%; border-top:2px solid #366dad; border-bottom:1px solid #ececec}
.boardlist table td {padding:18px; border-top:1px solid #ececec; border-left:1px solid #ececec; color:#767676; text-align:center; font-size:14px}
.boardlist table td.all {text-align:left}
.boardlist table th {padding:18px 0; border-top:1px solid #ececec; border-left:1px solid #ececec; color:#767676; text-align:center; font-size:14px}
.boardlist table thead th {background:#fbfcfd; color:#333; border-top:0}
.boardlist table tfoot td {border-top:1px solid #333; border-bottom:1px solid #333}
.boardlist table tfoot th {border-top:1px solid #333; border-bottom:1px solid #333; color:#333}
.boardlist table .bleft {border-left:0 !important}
.boardlist table .btop {border-top:1px solid #ececec; !important}
.boardlist .bbottom {border-bottom:0 !important}
.boardlist > p{margin:20px 0 69px; font-size:14px; font-weight:lighter;}
.boardlist > p.first{margin-bottom:34px}
.mobile .boardlist {width:100%; overflow-x:scroll}
.mobile .boardlist > p{width:600px; margin:10px 0 34px; font-size:12px}
.mobile .boardlist table {width:600px}
.mobile .boardlist table th {padding:10px 0}
.mobile .boardlist table td {padding:10px}


/* issue_2 table */
#issue_2 .boardlist table tfoot td {border-top:1px solid #ececec; border-bottom:0}
.boardlist table tfoot th {border-top:1px solid #ececec; border-bottom:0; color:#767676}

.toparea span.previousview.position {width:100px background:0}