/* UX Container */
.ux_mcon { padding:10px 6px; }

/*  Color */
.gray74 {color:#747474}
.txt_orange {color:#e56c00}
.blue {color:#0977c9}
.orange {color:#c75414 !important;}
.txt_blue {color:#0977c9 !important; }
.font13 {font-size:13px;}
.hidden { display:none; }

/* Menu  */
.tabMenu {width:100%;margin-bottom:20px;}
.tabMenu:after {display:block;content:'';clear:both;}
.tabMenu li {float:left;width:24.5%;border-bottom:2px solid #444444;}
.tabMenu li a {display:block;height:36px;padding:0 10px;border:1px solid #ddd;border-left:0;border-bottom:0;text-align:center;color:#222;font-size:14px;line-height:35px;background-color:#fafafa;}
.tabMenu li:first-child a {border-left:1px solid #ddd;}
.tabMenu li.on {width:26.5%;border-bottom:none;}
.tabMenu li.on a {height:auto;border:2px solid #444;border-bottom:2px solid #fff;font-weight:bold;background-color:#fff;}
.tabMenu li:first-child.on a {border-left:2px solid #444;}
.tabMenu.line2 li a {line-height:24px;}

/*  Page Header */
.page_info {zoom:1;display:block;position:relative;border-top:2px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;padding:20px 0 20px;margin-bottom:20px;}
.page_info.box {border-top:1px solid #747474;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.page_info .inner {display:block;position:relative;padding:0 10px 0 10px;}
.page_info .inner:after {content:'';display:block;clear:both;}
.page_info .inner > h2,
.page_info .inner > h3 {font-size:20px;line-height:24px;font-weight:bold;color:#0062ab;}
.page_info .inner > h2 > span,
.page_info .inner > h3 > span {font-weight:normal;}
.page_info .inner > h2 > small,
.page_info .inner > h3 > small {font-size:18px;font-weight:normal;color:#0062ab;}
.page_info .inner > p {display:block;padding:16px 0 0 0;font-size:13px;color:#444;line-height:150%;}
.page_info .inner > p > span {display:block;padding-top:5px;}

/* Heading style */
.h2_tit {margin-bottom:12px;font-size:16px;color:#222;line-height:22px; font-weight:bold;}}
.h2_tit em {color:#ff8f1c;}
.h2_tit.line {border-bottom:1px solid #747474;padding-bottom:16px; }

/* pageContainer include Image */
.pageCont.imgText {display:block;position:relative;border-bottom:1px solid #ddd;padding:10px 0px 10px 120px;}
.pageCont.imgText2 {display:block;position:relative;border-bottom:1px solid #ddd;}
.pageCont.imgText span.bgArea {display:block;position:absolute;width:120px;margin-top:-50px;text-align:center;left:0;top:50%;}
.pageCont.imgText span.bgArea img { width:68%; }
.pageCont.imgText > dl > dt {display:block;position:relative;font-size:14px;font-weight:bold;color:#222;line-height:16px;padding:0 0 6px;}
.pageCont.imgText > dl > dd {display:block;position:relative;padding:0 0 16px;font-size:13px;}
.pageCont.imgText > dl > dd .page_desc2 dt {font-size:12px;padding:0 0 4px;}

/* pageContainer for oversea */
.pageCont.text.oversea .col > div.flag {position:relative;width:100%;height:80px;}
.pageCont.text.oversea .col span.bgArea {position:absolute;width:100px;right:10px;top:0;}
.pageCont.text.oversea .col span.bgArea img { width:96%; }
.pageCont.text.oversea > div.flag dl {padding-right:0 !important;}
.pageCont.text.oversea dl dt {font-size:14px;font-weight:bold;line-height:16px;margin-bottom:4px;}
.pageCont.text.oversea dl dd {font-size:12px;}
.pageCont.text.oversea dl dd.link {margin-top:10px;}

/* default Table */
.imageDescription+.h2_tit, .guideTb1+.h2_tit, .pageCont+.h2_tit, .tbl_desc+.h2_tit, .example_wrap+.h2_tit, .page_desc3+.h2_tit {margin-top:26px}
table.guideTb1.small{}
table.guideTb1.fixed {table-layout:fixed}
table.guideTb1{width:100%; border-top:1px solid #747474;}
table.guideTb1 thead tr.first td {border-bottom:1px solid #ddd}
table.guideTb1 thead th.bottomLine {border-bottom:1px solid #ddd !important;}
table.guideTb1.small thead tr.first th{border-bottom:1px solid #ddd}
table.guideTb1 thead tr.first th.line{border-bottom:1px solid #747474;}
table.guideTb1 thead th{border-bottom:1px solid #747474; background:#f4f5f7; border-left:1px solid #ddd;text-align:center; color:#222;}
table.guideTb1 thead th:first-child,
table.guideTb1 tbody th:first-child,
table.guideTb1 td:first-child,
table.guideTb1.small tfoot th:first-child{border-left:none;}
table.guideTb1 th, table.guideTb1 td{border-left:1px solid #ddd; border-bottom:1px solid #dfdfdf; text-align:left; font-weight:normal; line-height:16px;}
table.guideTb1 thead th.unfirst, table.guideTb1 tbody th.unfirst, table.guideTb1.small tfoot td.unfirst, table.guideTb1 tbody td.unfirst{border-left:solid #ddd 1px;}
table.guideTb1 thead th.unfirst, table.guideTb1 tbody th.unfirs t, table.guideTb1 tbody td.unfirst, table.guideTb1.small tfoot td.unfirst{border-left:solid #ddd 1px;}
table.guideTb1 thead th.under{border-bottom:solid #ddd 1px;}
table.guideTb1 tbody th{background:#fafafa; color:#222;}
table.guideTb1 tbody th.taC {text-align:center;}
table.guideTb1 tbody td{}
table.guideTb1 thead th{padding:10px 6px; font-size:13px; font-weight:bold; }
table.guideTb1 tbody th,
table.guideTb1 tbody td,
table.guideTb1 tfoot th,
table.guideTb1 tfoot td{padding:10px 4px; font-size:13px;}
table.guideTb1 thead th,
table.guideTb1 tbody td,
table.guideTb1 tfoot th,
table.guideTb1 tfoot td{color:#444;}
table.guideTb1 tbody th.vt, table.guideTb1 tbody td.vt{ vertical-align:top}
table.guideTb1 td pre {word-break:break-all;}
table.guideTb1.tdCenter td {text-align:center;}
table.guideTb1.tdCenter .bul_list {text-align:left;}
table.guideTb1.thCenter th {text-align:center;}

/* Table focus */
.guideTb1 thead th.mfocus {color:#fff; background:#0977c9;}
.guideTb1 tbody th:first-child + td.mfocus, .guideTb1 tbody th:first-child + td.mfocus_last,
.guideTb1 tbody td.mfocus {border-left:2px solid #0977c9;border-right:2px solid #0977c9;background:#ecf5fa;}
.guideTb1 tfoot th.mfocus, .guideTb1 tfoot td.mfocus {background:#ecf5fa}
.guideTb1 tbody td.mfocus span {color:#c80415;}
.guideTb1 tbody td.mfocus_last {border:2px solid #0977c9;border-top:0;background:#ecf5fa;}
.guideTb1 tbody td.focus2 {border:2px solid #0977c9;background:#ecf5fa;}

/* fund info */
.imageTop img { width:100%; }
.h3_tit { font-size:15px; color:#222; line-height:18px; font-weight:bold; }

/* pageContainer Text */
.pageCont.text{display:block; border-bottom:1px solid #ddd; padding:0 0 2px}
.pageCont.text .col{zoom:1; padding:16px 0 10px; width:100%; background-image:url(/ux/images/common/bg_dot_line.gif);background-position:top;background-repeat:repeat-x; }
.pageCont.text .col:after{content:'';display:block;clear:both}
.pageCont.text .col:first-child{background-image:none;}
.pageCont.text .col > div{float:left; width:100%;}
.pageCont.text .col > div:first-child {padding-bottom:10px;}
.pageCont.text .col > div .stitle{font-size:16px; font-weight:normal; color:#222; line-height:18px;}
.pageCont.text .col > div dl {display:block; position:relative; }

/* pageContainer small icon */
.pageCont.text.smallIcon .col > div {position:relative; width:76%; min-height:56px; padding:0 0 0 90px;}
.pageCont.text.smallIcon .col div span.bgArea {position:absolute; width:50px; height:50px; left:10px; top:4px;}
.pageCont.text.smallIcon .col div span.bgArea img { width:96%; height:none;  }
.tbl_desc+.h3_tit, .pageCont+.h3_tit, .imageDescription+.h3_tit, .guideTb1+.h3_tit { padding-top:20px; }
.h3_tit+.guideTb1 { margin-top:12px;}

/* p description */
p.page_desc2{display:block; margin:0; color:#444; font-size:14px; line-height:20px; background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 13px; padding:2px 0 4px 10px}
.page_desc2{zoom:1; padding:0;}
.page_desc2 > li, .page_desc2 dd{color:#444; font-size:14px; line-height:20px; background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 13px; padding:2px 0 4px 10px; }
.page_desc2 > li > ul{margin:5px 0 0;}
.page_desc2 > li > ul > li{color:#747474; font-size:13px}
.page_desc2 dt{ font-size:14px; color:#222; font-weight:bold; }
.page_desc2 dd{ font-size:13px; white-space:normal;word-break:break-all;}

/* img description */
.imageDescription {display:block; position:relative; margin:0; padding:0;}
.imageDescription p.imageTop {display:inline-block; position:relative; margin:0; padding:0;}
.imageDescription p.imageTop img {vertical-align:bottom;}
.imageDescription div.discription {display:inline; position:absolute; color:#FFF; font-size:0; text-indent:-9999px; width:0; height:0; visibility:hidden;}
.imageDescription.topline {border-top:solid #747474 1px;}

/* p description */
.page_desc{display:block; line-height:20px; font-size:13px; color:#444; padding:0 0 20px; position:relative;}

/* Table description */
p.tbl_desc{color:#747474; font-size:13px; line-height:21px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 20px; padding:9px 0 0 10px}
.tbl_desc{zoom:1; display:block; padding:8px 0 0;}
.tbl_desc > li, .tbl_desc ul li, .tbl_desc p{color:#747474; font-size:12px; line-height:21px; background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 12px; padding:1px 0 3px 10px;}
.tbl_desc > li > ul{ margin:5px 0 0;}
.tbl_desc > li ul li{background:url(/ux/images/common/ico_ex.gif) no-repeat 0 11px; padding:1px 0 1px 9px; line-height:22px; font-size:13px; color:#747474;}
.tbl_desc > li ul.nobg li{background:none; padding-left:0; line-height:20px;}
.tbl_desc .strong {color:#0062ab;}
.tbl_desc .strong .red{color:#ff0000;}

/* channel article */
.channel_article {display:block; position:relative; margin:0 0 40px 0; padding:0 0 30px 0; border-bottom:solid #ddd 1px;}
.channel_article dl.tabs {display:none; position:relative; width:100%;}
.channel_article dl.tabs.current {display:block;}
.channel_article dt {font-size:14px; color:#222; font-weight:600;}
.channel_article dd {font-size:13px; color:#444; padding-top:4px;}
.channel_article p.imgWrap {display:block; text-align:center; margin-top:20px;}
.channel_article .imageDescription {margin-top:20px; border:none !important;}

/**** FAQ *****/
/* Selectbox */
.uxpop .select-box{display:inline-block;height:38px;vertical-align:middle;background-color:#fff;position:relative;}
.uxpop .select-box .wrap{position:absolute;top:0;left:0;width:100%;background-color:#fff}
.uxpop .select-box .wrap div{padding:0 10px;height:38px !important;border:1px solid #d5d5d5 !important;font-size:14px;vertical-align:middle;position:relative; text-align:left}
.uxpop .select-box .wrap div span{display:inline-block;height:36px;padding-bottom:2px;line-height:36px}
.uxpop .select-box .wrap div a.selecter{position:absolute;top:0;right:0;display:block;width:39px;height:38px;margin:0 !important;background:url(/ux/images/common/arrow_select.gif) no-repeat;text-indent:-9999px}
.uxpop .select-box .list.full{height:auto ! important;} /* // 2014-11-03 결함번호 60135 */
.uxpop .select-box .list{position:absolute;top:39px;left:0;height:132px;overflow-y:auto;overflow-x:hidden;border:1px solid #d5d5d5;background-color:#fff;font-size:14px}
.uxpop .select-box .list ul, .select-box .list li{border:0 !important;background-color:#fff !important;outline:0;}
.uxpop .select-box .list li a{display:block;padding:5px 10px;color:#000;text-decoration:none;border:0 !important;}
.uxpop .select-box .list li.on a, .select-bgox .list li a:focus, .select-box .list li a:hover{color:#2768c3;text-decoration:none}
.uxpop select.disable+.wrap div{
	opacity:.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* for ie8 */
	filter:alpha(opacity=50); /* for ie5-7 */
}

/* board summary  */
.board_summary {display:table; position:relative; width:100%; margin:10px 0 10px 0; padding:0;}
.board_summary .fl {float:left; display:inline-block;}
.board_summary .fr {float:right; display:inline-block;}
.board_summary .pageThumb {display:inline-block; position:relative; padding-top:10px; font-size:14px; color:#444;}
.board_summary .pageThumb strong {font-weight:600; color:#444;}
.board_summary .pageThumb span {display:inline-block; padding-left:10px;}
.board_summary .pageThumb mark {background:none; color:#0977c9;}
.board_summary .select-box {float:left; margin-right:10px;}
.board_summary a.btnMid:hover {border:solid #bbb 1px !important;}
.upper_search + .board_summary {margin-top:30px;}
.board_summary .select-box {height:28px;}
.board_summary .select-box .wrap div {height:28px !important;}
.board_summary .select-box .wrap div span {height:26px !important; line-height:24px;;}
.board_summary .select-box .wrap div a.selecter {height:28px !important; background-position:0 -5px;}
.board_summary .select-box .list {top:29px !important;;}

/* 확장형 UL */
ul.expendable {display:block; position:relative; margin:0; padding:0; border-top:solid #aaa 1px;}
ul.expendable li {display:block; position:relative; margin:0; padding:0; border-bottom:solid #ddd 1px; font-size:14px;}
ul.expendable li.nodata{display:block; padding:100px 0; text-align:center }
ul.expendable .title {display:block; position:relative; margin:0; padding:10px 50px 10px 10px; color:#444;}
ul.expendable .title:hover {text-decoration:none;}
ul.expendable .btn_expend {display:block; position:absolute; width:50px; height:50px; background:url(/ux/images/common/ico_toggle.png) no-repeat 0 0; font-size:0; text-indent:-9999px; right:0; top:0;}
ul.expendable .btn_expend.current {background-position:0 -100px;}
ul.expendable .expend {display:none; position:relative; margin:0; padding:15px; background:#fafafa; border-top:solid #ddd 1px;}
ul.expendable .expend a{color:#444}
.search ul.expendable .expend a{padding-left:8px}
.search ul.expendable .expend strong{color:#222; font-weight:bold; padding-right:5px}
.search ul.expendable .expend .line{color:#999; line-height:12px;} 

/* FAQ  */
ul.faqmodel {}
ul.expendable.faqmodel p.title {padding-left:50px; background:url(/ux/images/common/ico_faq.png) no-repeat 15px 12px; background-size:24px;}
ul.expendable.faqmodel p.title.select a {color:#0977c9; font-weight:600;}
ul.expendable.faqmodel .title .cate {display:inline-block; width:140px; margin-right:10px;}
ul.expendable.faqmodel .title a {color:#444;}
ul.expendable.faqmodel .expend {padding-left:50px; background:url(/ux/images/common/ico_faq.png) no-repeat 15px -68px #fafafa; background-size:24px; }

/* 유의사항 */
.boxGrey {display:block;border:1px solid #ddd; margin-top:20px;}
/* 알려드립니다! */
.tipArea > p {margin:0 10px;color:#0977c9;font-size:14px;line-height:34px;font-weight:bold;background:url(/ux/images/common/ico_tip.gif) no-repeat 0 center;background-size:18px 18px;padding:0 0 0 26px;height:34px;}
.tipArea.yellow p {margin:0 10px;color:#ff8f1c;font-size:14px;line-height:34px;font-weight:bold;background:url(/ux/images/common/ico_tip2.gif) no-repeat 0 center;background-size:18px 18px;padding:0 0 0 26px;height:34px;}
.tipArea.gold p {background-image:url(/ux/images/common/ico_tip3.gif);color:#b4905c }
.tipArea > ul {padding:10px 10px 10px;border-top:1px solid #ddd;}
.tipArea ul > li {color:#444;font-size:12px;line-height:22px;padding:1px 0 3px 10px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 13px;}
.tipArea ul > li strong, .tipArea dl.question dd strong {font-weight:normal;color:#0977c9;}
.tipArea ul > li strong.txt_gray44 {font-weight:bold;}
.tipArea ul > li em {display:inline-block;color:#747474;}
.tipArea ul > li > p {color:#747474;padding:4px 0 0;}
.tipArea ul > li > ol {padding:2px 0 0;}
.tipArea ul > li > ol > li {color:#444;font-size:13px;line-height:22px;padding:1px 0 3px 0;}
.tipArea ul > li > ol > li > p {padding:2px 0 0;}
.tipArea ul > li > ul {padding:2px 0 0;}
.tipArea ul > li > ul > li {background:url(/ux/images/common/bul_arrow4.gif) no-repeat 0 12px;color:#444;font-size:13px;line-height:22px;padding:1px 0 3px 9px;}
.tipArea ul > li > ul > li > p {padding:2px 0 0;}
.tipArea ul > li > ul > li > ul > li {background:none; color:#444; font-size:13px; line-height:22px; padding:1px 0 3px 0px;}
.tipArea ul > li > ul.ex_txt {margin-top:0}
.tipArea ul > li > ul.ex_txt li {margin-bottom:0}
.tipArea ul > li.tip_btnArea {background:none;}

/* ELS상품구조 */
.elsStructure {display:block;position:realtvie;margin:15px 0 40px 0;padding:0;}
.elsStructure dl {display:block;position:realtive;margin:0 0 30px 0;padding:0;}
.elsStructure dt {display:block;position:relative;margin:0;padding:10px 0;border-top:solid #747474 1px;border-bottom:solid #747474 1px;font-size:14px;font-weight:bold;color:#222;text-align:center;background-color:#f4f5f7;}
.elsStructure dd {padding:10px 0;text-align:center;font-size:14px;color:#444;border-bottom:solid #ddd 1px;}
.elsStructure dd .orange {color:#c75414;}
.elsStructure dd.insImg {padding:30px 0 20px 0;}
.elsStructure dd.insImgFull {padding:0;}
.elsStructure dd .tbl_desc {text-align:left;margin-top:10px;}

/* 테이블 정렬 */
.guideTb1.taC td {text-align:center;}
.guideTb1.taC th {text-align:center;}
.guideTb1.taR td {text-align:right;}
ul.dot_list li {padding-left:10px;margin-bottom:5px;font-size:13px;color:#222;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;}