@charset "euc-kr";

@import url("base.css");
@import url("layout.css");
@import url("global.css");
@import url("bbs.css");

/*20140825*/
.pdb20{padding-bottom:20px;}
.bdt0{border-top:0 !important;}
.pdt0{padding-top:0 !important;}
.boardList04 > li .txtWrap2 {float:left; width:700px; margin-left:20px; padding-right:20px;}
/*20140901*/
.bottom2 {padding:5px 0 15px 15px;}
.bottom2 li {padding-left:18px; font-size:11px; line-height:18px; background:url(../../img/common/bu04.gif) no-repeat 10px 6px;}
.font_n{font-weight:normal !important; color:#666; margin-left:10px; *margin-left:0; margin-bottom:10px;}
.tit_01{color:#3586e3; font-weight:bold;}

/* LIFE24 > À¥Áø */
.webZine ul.bdrC{border-top:2px solid #3386e2}
.webZine ul.bdrC>li{border-top:1px solid #ccc}
.webZine ul.bdrC>li:first-child{border-top:none}
.webZine ul.bdrC>li>a{display:block;padding:28px 60px 23px 37px;background:url(/msiren/image/common/ico_arr_webzine_list.png) 95% 50% no-repeat;line-height:1.5em}
.webZine ul.bdrC>li>a>strong,
.webZine ul.bdrC>li>a>p{display:block;text-overflow:ellipsis;overflow:hidden; white-space:nowrap}
.webZine ul.bdrC>li>a>span{display:inline-block;margin-top:8px}
.webZine ul.bdrC>li>a>span.fontD{color:#888}
.webZine .titleArea h2{font-weight:normal}
.webZine .titleArea h2 strong{font-weight:bold}
.webZine .titleArea p.fright.fontD{position:absolute;height:20px;top:inherit;bottom:0 !important;right:0;color:#888}
.webZine .webZineCon{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-size:16px}
.webZine .webZineCon .inPad{padding-left:0 !important;padding-right:0 !important}
.webZine .webZinePage>li{padding:5px 0 5px 50px;background:url(/msiren/image/common/ico_arr_prev.png) 10px 50% no-repeat}
.webZine .webZinePage>li:nth-child(2){background-image:url(/msiren/image/common/ico_arr_next.png);border-top:1px solid #f0f0f0}
.webZine .webZinePage>li strong{display:inline-block;margin-right:40px}
.webZine .webZinePage>li a{display:inline-block;width:80%}
.webZine .webZinePage>li *{vertical-align:middle;line-height:35px;height:35px}
.webZine .webZinePage>li .ellipsis{white-space:nowrap}

/*201508 webzine Ãß°¡½ºÅ¸ÀÏ*/
.titleArea_wz{position:relative}
.titleArea_wz h1{padding-bottom:15px; color:#000; font-weight:bold; margin-bottom:25px; font-size:26px; border-bottom:3px solid #3089e5;}
.titleArea_wz h2{font-size:22px; color:#666; line-height:1.4em;}
.titleArea_wz h3{font-weight:normal; font-size:20px; color:#999; line-height:1.4em;}
.titleArea_wz h1,
.titleArea_wz h2{text-align:left;}
.titleArea_wz a.blueTab{position:absolute;bottom:-20px;right:0;padding:8px 20px;background:#3386e2;color:#fff;}
.titleArea_wz a.btnMore{position:relative;display:block;bottom:-6px;float:right;color:#3386e2;text-decoration:underline}
/*finance*/
.contents .bdt, .contents .bdt{border-top:1px solid #ccc; padding-top:20px;}
.contents .CtnBox01 p,.contents .CtnBox02 p,.contents .CtnBox03 p{margin-bottom:20px;}
.contents .CtnBox01 span.txt02,.contents .CtnBox03 span.txt02{display:block; text-align:right; font-size:1em; color:#999;}
.contents .CtnBox01 span.txt02{margin-right:10%;}
.contents .fi_img{margin-top:30px; border:1px solid #ccc;}
.contents .fi_img img,.contents .fi_img3 img{width:100%;}
.contents .CtnBox01{margin-top:30px; line-height:1.6em;}
.contents .CtnBox01 span.tit01{padding:1px;background:#000; color:#fff; font-weight:bold;}
.contents .CtnBox01 span.tit02{color:#000; font-weight:bold; list-style:circle;}
.contents .CtnBox01 span.txt01{font-size:0.9em; color:#999;}

 
/*web_app*/
.contents .app_box{margin-top:30px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.contents .app_box .app_img{background:#eaf3fc; text-align:center; width:25%;}
.contents .app_box .app_img img{width:60%; padding:20px 0;}
.contents .app_box .app_txt{padding:0; margin:0;}
.contents .app_box .app_txt td{border-bottom:1px solid #ccc; height:35px; padding-left:5px;}
.contents .app_box .app_txt td.bb0{border-bottom:0;}
.contents .CtnBox02{padding-bottom:10px; text-align:center; border-top:1px solid #ccc; margin-top:20px; padding-top:25px;}
.contents .CtnBox02 ol li img{width:30%;}
.contents .CtnBox02 ol li{margin-top:20px; text-align:center;}
.contents .CtnBox02 ol li p{margin:10px auto; width:90%;}
.contents .CtnBox02 h1{background:#ef4c23; width:25%; height:30px; font-size:1.2em; padding:0; padding-top:10px;text-align:center; color:#fff !important; border-radius:20px;}

/*MarketTrend*/
.contents .CtnBox03{border-top:1px solid #ccc; padding-top:20px; line-height:1.6em;}
.contents .CtnBox03 table td{ line-height:1.6em;}
.contents .CtnBox03 h1,.contents .b_tit,.contents .CtnBox01 h1{color:#3089e5; font-size:1.2em; margin-bottom:10px;}
.contents .fi_img2{margin-top:30px;}
.contents .fi_img2 img{margin:0 auto;}
.none_box{border-top:0 !important; padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}

/*20150825 ±ÝÀ¶ÇöóÀÚ*/
.mgt-30{margin-top:-30px;}
/* list type */
.listArrBlue>li{padding-left:19px; background:url(/msiren/image/common/ico_arr_5x9.png) 0 7px no-repeat}

.m_btn ul li{float:left; width:26%; padding-left:5%; text-align:center;}
.m_btn ul li img, .star>div>img{width:100%;}
.m_btn ul li:first-child{padding-left:6%;}
.star .btn_wrap{width:100%; overflow:hidden; background:#083578; text-align:center;}
.star .btn_wrap p{float:left; width:40%; padding-left:7%; text-align:center;}
.star .btn_wrap p img{width:100%;}
.lh18 td{line-height:1.6em;}
.pdt20{padding-top:20px;}


/*20150831 eventÃß°¡*/
.event08{padding:0 !important; margin-top:30px;}
.event08 ul li{float:left; font-size:0;}
.event08 ul li.ctn01{width:38.14%;}
.event08 ul li.ctn02{width:61.85%;}
.event08 ul li.ctn03{width:60.43%;}
.event08 ul li.ctn04{width:26.72%;}
.event08 ul li.ctn05{width:12.85%;}
.event08 ul li img{width:100%;}
.contents .CtnBox03 h1.tit03{font-weight:bold; text-align:center; font-size:1.2em; color:#666 !important; margin-bottom:-20px;}
.pdt30{padding-top:30px !important;}
.b_tit2{color:#3089e5; font-size:1.2em; margin-bottom:10px; clear:both; padding-top:20px;}
.f_img img{float:left; width:50%;}
.boxType_w{padding:4%;border:1px solid #ccc;background:#fff}


/*20151023*/
.b_txt{color:#3089e5;}
h1.tit_04{text-align:center; font-weight:normal; font-size:1em !important; color:#666 !important;}
.market_graph{width:100%;}
.market_graph .fleft{width:50%;}
.market_graph img{width:60% !important;}

.market_graph > div{width:100%;}
.Cboth{clear:both !important;}


/*20151123*/
.t20_m{margin-top:20px;}



/* table */
.tableBasic{width:100%;}
.tableBasic{border-top:2px solid #3386e2;border-right:1px solid #ccc}
.tableBasic th,
.tableBasic td{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.contents .CtnBox03 h1.tit03{font-weight:bold; text-align:center; font-size:1.2em; color:#666 !important; margin-bottom:-20px;}
.pdt30{padding-top:30px !important;}
.b_tit2{color:#3089e5; font-size:1.2em; margin-bottom:10px; clear:both; padding-top:20px;}
.f_img img{float:left; width:50%;}
.boxType_w{padding:4%;border:1px solid #ccc;background:#fff}

.txtR{text-align:right !important}
.txtL{text-align:left !important}
.txtC{text-align:center !important}

/*web_app*/
.contents .app_box{margin-top:30px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.contents .app_box .app_img{background:#eaf3fc; text-align:center; width:25%;}
.contents .app_box .app_img img{width:60%; padding:20px 0;}
.contents .app_box .app_txt{padding:0; margin:0;}
.contents .app_box .app_txt td{border-bottom:1px solid #ccc; height:35px; padding-left:5px;}
.contents .app_box .app_txt td.bb0{border-bottom:0;}
.contents .CtnBox02{padding-bottom:10px; text-align:center; border-top:1px solid #ccc; margin-top:20px; padding-top:25px;}
.contents .CtnBox02 ol li img{width:30%;}
.contents .CtnBox02 ol li{margin-top:20px; text-align:center;}
.contents .CtnBox02 ol li p{margin:10px auto; width:90%;}
.contents .CtnBox02 h1{background:#ef4c23; width:25%; height:30px; font-size:1.2em; padding:0; padding-top:10px;text-align:center; color:#fff !important; border-radius:20px;}
.txtR{text-align:right !important}
.market_graph {
    width: 100%;
}
.market_graph img {
    width: 60% !important;
}
.market_graph .fleft {
    width: 50%;
}
.fleft {
    float: left;
}
.img_box li {
    width: 50%;
    text-align: center;
    color: #000;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
}
.img_box2 li {
    width: 33%;
    text-align: center;
    color: #000;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
}
.img_box2 li img {
    width: 100%;
}
.contents .CtnBox01 .tit04 {
    color: #000;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}
.tableFinance {
    width: 100%;
    overflow: hidden;
    padding: 0;
    amrgin: 0;
    border-top: 2px solid #3386e2;
    border-right: 1px solid #ccc;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.tableFinance th, .tableFinance td {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.tableFinance th {
    background: #f3f3f3;
}

@charset "euc-kr";

@import url("base.css");
@import url("layout.css");
@import url("global.css");
@import url("bbs.css");

/*20140825*/
.pdb20{padding-bottom:20px;}
.bdt0{border-top:0 !important;}
.pdt0{padding-top:0 !important;}
.boardList04 > li .txtWrap2 {float:left; width:700px; margin-left:20px; padding-right:20px;}
/*20140901*/
.bottom2 {padding:5px 0 15px 15px;}
.bottom2 li {padding-left:18px; font-size:11px; line-height:18px; background:url(../../img/common/bu04.gif) no-repeat 10px 6px;}
.font_n{font-weight:normal !important; color:#666; margin-left:10px; *margin-left:0; margin-bottom:10px;}
.tit_01{color:#3586e3; font-weight:bold;}

/* LIFE24 > À¥Áø */
.webZine ul.bdrC{border-top:2px solid #3386e2}
.webZine ul.bdrC>li{border-top:1px solid #ccc}
.webZine ul.bdrC>li:first-child{border-top:none}
.webZine ul.bdrC>li>a{display:block;padding:28px 60px 23px 37px;background:url(/msiren/image/common/ico_arr_webzine_list.png) 95% 50% no-repeat;line-height:1.5em}
.webZine ul.bdrC>li>a>strong,
.webZine ul.bdrC>li>a>p{display:block;text-overflow:ellipsis;overflow:hidden; white-space:nowrap}
.webZine ul.bdrC>li>a>span{display:inline-block;margin-top:8px}
.webZine ul.bdrC>li>a>span.fontD{color:#888}
.webZine .titleArea h2{font-weight:normal}
.webZine .titleArea h2 strong{font-weight:bold}
.webZine .titleArea p.fright.fontD{position:absolute;height:20px;top:inherit;bottom:0 !important;right:0;color:#888}
.webZine .webZineCon{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-size:16px}
.webZine .webZineCon .inPad{padding-left:0 !important;padding-right:0 !important}
.webZine .webZinePage>li{padding:5px 0 5px 50px;background:url(/msiren/image/common/ico_arr_prev.png) 10px 50% no-repeat}
.webZine .webZinePage>li:nth-child(2){background-image:url(/msiren/image/common/ico_arr_next.png);border-top:1px solid #f0f0f0}
.webZine .webZinePage>li strong{display:inline-block;margin-right:40px}
.webZine .webZinePage>li a{display:inline-block;width:80%}
.webZine .webZinePage>li *{vertical-align:middle;line-height:35px;height:35px}
.webZine .webZinePage>li .ellipsis{white-space:nowrap}

/*201508 webzine Ãß°¡½ºÅ¸ÀÏ*/
.titleArea_wz{position:relative}
.titleArea_wz h1{padding-bottom:15px; color:#000; font-weight:bold; margin-bottom:25px; font-size:26px; border-bottom:3px solid #3089e5;}
.titleArea_wz h2{font-size:22px; color:#666; line-height:1.4em;}
.titleArea_wz h3{font-weight:normal; font-size:20px; color:#999; line-height:1.4em;}
.titleArea_wz h1,
.titleArea_wz h2{text-align:left;}
.titleArea_wz a.blueTab{position:absolute;bottom:-20px;right:0;padding:8px 20px;background:#3386e2;color:#fff;}
.titleArea_wz a.btnMore{position:relative;display:block;bottom:-6px;float:right;color:#3386e2;text-decoration:underline}
/*finance*/
.contents .bdt, .contents .bdt{border-top:1px solid #ccc; padding-top:20px;}
.contents .CtnBox01 p,.contents .CtnBox02 p,.contents .CtnBox03 p{margin-bottom:20px;}
.contents .CtnBox01 span.txt02,.contents .CtnBox03 span.txt02{display:block; text-align:right; font-size:1em; color:#999;}
.contents .CtnBox01 span.txt02{margin-right:10%;}
.contents .fi_img{margin-top:30px; border:1px solid #ccc;}
.contents .fi_img img,.contents .fi_img3 img{width:100%;}
.contents .CtnBox01{margin-top:30px; line-height:1.6em;}
.contents .CtnBox01 span.tit01{padding:1px;background:#000; color:#fff; font-weight:bold;}
.contents .CtnBox01 span.tit02{color:#000; font-weight:bold; list-style:circle;}
.contents .CtnBox01 span.txt01{font-size:0.9em; color:#999;}

 
/*web_app*/
.contents .app_box{margin-top:30px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.contents .app_box .app_img{background:#eaf3fc; text-align:center; width:25%;}
.contents .app_box .app_img img{width:60%; padding:20px 0;}
.contents .app_box .app_txt{padding:0; margin:0;}
.contents .app_box .app_txt td{border-bottom:1px solid #ccc; height:35px; padding-left:5px;}
.contents .app_box .app_txt td.bb0{border-bottom:0;}
.contents .CtnBox02{padding-bottom:10px; text-align:center; border-top:1px solid #ccc; margin-top:20px; padding-top:25px;}
.contents .CtnBox02 ol li img{width:30%;}
.contents .CtnBox02 ol li{margin-top:20px; text-align:center;}
.contents .CtnBox02 ol li p{margin:10px auto; width:90%;}
.contents .CtnBox02 h1{background:#ef4c23; width:25%; height:30px; font-size:1.2em; padding:0; padding-top:10px;text-align:center; color:#fff !important; border-radius:20px;}

/*MarketTrend*/
.contents .CtnBox03{border-top:1px solid #ccc; padding-top:20px; line-height:1.6em;}
.contents .CtnBox03 table td{ line-height:1.6em;}
.contents .CtnBox03 h1,.contents .b_tit,.contents .CtnBox01 h1{color:#3089e5; font-size:1.2em; margin-bottom:10px;}
.contents .fi_img2{margin-top:30px;}
.contents .fi_img2 img{margin:0 auto;}
.none_box{border-top:0 !important; padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}

/*20150825 ±ÝÀ¶ÇöóÀÚ*/
.mgt-30{margin-top:-30px;}
/* list type */
.listArrBlue>li{padding-left:19px; background:url(/msiren/image/common/ico_arr_5x9.png) 0 7px no-repeat}

.m_btn ul li{float:left; width:26%; padding-left:5%; text-align:center;}
.m_btn ul li img, .star>div>img{width:100%;}
.m_btn ul li:first-child{padding-left:6%;}
.star .btn_wrap{width:100%; overflow:hidden; background:#083578; text-align:center;}
.star .btn_wrap p{float:left; width:40%; padding-left:7%; text-align:center;}
.star .btn_wrap p img{width:100%;}
.lh18 td{line-height:1.6em;}
.pdt20{padding-top:20px;}


/*20150831 eventÃß°¡*/
.event08{padding:0 !important; margin-top:30px;}
.event08 ul li{float:left; font-size:0;}
.event08 ul li.ctn01{width:38.14%;}
.event08 ul li.ctn02{width:61.85%;}
.event08 ul li.ctn03{width:60.43%;}
.event08 ul li.ctn04{width:26.72%;}
.event08 ul li.ctn05{width:12.85%;}
.event08 ul li img{width:100%;}
.contents .CtnBox03 h1.tit03{font-weight:bold; text-align:center; font-size:1.2em; color:#666 !important; margin-bottom:-20px;}
.pdt30{padding-top:30px !important;}
.b_tit2{color:#3089e5; font-size:1.2em; margin-bottom:10px; clear:both; padding-top:20px;}
.f_img img{float:left; width:50%;}
.boxType_w{padding:4%;border:1px solid #ccc;background:#fff}


/*20151023*/
h1.tit_04{text-align:center; font-weight:normal; font-size:1em !important; color:#666 !important;}
.market_graph{width:100%;}
.market_graph .fleft{width:50%;}
.market_graph img{width:60% !important;}

.market_graph > div{width:100%;}
.Cboth{clear:both !important;}


/*20151123*/
.t20_m{margin-top:20px;}



/* table */
.tableBasic{width:100%;}
.tableBasic{border-top:2px solid #3386e2;border-right:1px solid #ccc}
.tableBasic th,
.tableBasic td{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.contents .CtnBox03 h1.tit03{font-weight:bold; text-align:center; font-size:1.2em; color:#666 !important; margin-bottom:-20px;}
.pdt30{padding-top:30px !important;}
.b_tit2{color:#3089e5; font-size:1.2em; margin-bottom:10px; clear:both; padding-top:20px;}
.f_img img{float:left; width:50%;}
.boxType_w{padding:4%;border:1px solid #ccc;background:#fff}

.txtR{text-align:right !important}
.txtL{text-align:left !important}
.txtC{text-align:center !important}


.fontBlue {
    color: #3586e3 !important;
}

.fontGray {
    color: #888 !important;
}

.txt_back {
    background: #3386e2;
    color: #fff;
    padding: 2px;
}
.fontRed {
    color: #ff3333 !important;
}


.img img {
    width: 100% !important;
}
.fright {
    float: right !important;
}

.contents .CtnBox01 span.txt01 {
    font-size: 1em;
    color: #999;
}

.contents .fi_img2 img {
    margin: 0 auto;
}

.img_box li img {
    width: 100%;
}

.img_box2 {
    width: 100%;
    display: block;
    overflow: hidden;
}

.boxType1 {
    padding: 5%;
    border: 1px solid #ccc;
    background: #fff;
}

.culture_Q {
    margin-top: 20px;
}

.culture_A {
    color: #F00;
}

.culture_C {
    margin: 20px 0;
}

img {
    border: none;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

/*web_app*/
.contents .app_box{margin-top:30px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.contents .app_box .app_img{background:#eaf3fc; text-align:center; width:25%;}
.contents .app_box .app_img img{width:60%; padding:20px 0;}
.contents .app_box .app_txt{padding:0; margin:0;}
.contents .app_box .app_txt td{border-bottom:1px solid #ccc; height:35px; padding-left:5px;}
.contents .app_box .app_txt td.bb0{border-bottom:0;}
.contents .CtnBox02{padding-bottom:10px; text-align:center; border-top:1px solid #ccc; margin-top:20px; padding-top:25px;}
.contents .CtnBox02 ol li img{width:30%;}
.contents .CtnBox02 ol li{margin-top:20px; text-align:center;}
.contents .CtnBox02 ol li p{margin:10px auto; width:90%;}
.contents .CtnBox02 h1{background:#ef4c23; width:25%; height:30px; font-size:1.2em; padding:0; padding-top:10px;text-align:center; color:#fff !important; border-radius:20px;}
.txtR{text-align:right !important}
.market_graph {
    width: 100%;
}
.market_graph img {
    width: 60% !important;
}
.market_graph .fleft {
    width: 50%;
}
.fleft {
    float: left;
}
.img_box li {
    width: 50%;
    text-align: center;
    color: #000;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
}
.img_box2 li {
    width: 33%;
    text-align: center;
    color: #000;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
}
.img_box2 li img {
    width: 100%;
}
.contents .CtnBox01 .tit04 {
    color: #000;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}
.tableFinance {
    width: 100%;
    overflow: hidden;
    padding: 0;
    amrgin: 0;
    border-top: 2px solid #3386e2;
    border-right: 1px solid #ccc;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.tableFinance th, .tableFinance td {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.tableFinance th {
    background: #f3f3f3;
}

.contents .CtnBox01 .tit04 {
    color: #000;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
}
.b_txt {
    color: #3089e5;
}


/*201503 webzine*/
.contents .CtnBox01 dl dt.tit01{color:#000; font-weight:bold; margin-bottom:10px;}
.mgt20{margin-top:20px;}
@media screen and (max-width: 639px) {
.mgt20{margin-top:30px;}
}
.img_box {
    width: 100%;
    display: block;
    overflow: hidden;
}
.img_box li {
    width: 50%;
    text-align: center;
    color: #000;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
}
.img_box li img {
    width: 100%;
}
.CtnBox02 p{line-height:20px}