@charset "euc-kr";

/* General */
button:focus{outline: 0;}
input:focus{outline: 0;}

/* calendar ui-datepicker */
/* ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all */
.ui-datepicker{display:none;position:absolute;width:240px;padding:2px;border:1px solid #d8d8d8;background-color:#fff;}
/* ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all */
.ui-datepicker .ui-datepicker-header{position:relative;width:100%;margin-bottom: 0;padding:4px;border:1px solid #e4e4e4;background-color:#ebedee;text-align:center;}
/* .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover{} */
.ui-datepicker .ui-datepicker-header a{cursor:pointer;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{overflow:hidden;position:absolute;top: 4px;width:24px;height:24px;padding:6px;background-repeat:no-repeat;background-position:50% 50%;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span{overflow:hidden;position:absolute;width:1px;height:1px;line-height:1;color:transparent;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:0;background-image: url(/resources/images/common/ico_spr_all.png); background-position: -145px 0px;}
/* .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w{} */
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon{}
/* .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-corner-all{} */
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:0;background-image: url(/resources/images/common/ico_spr_all.png); background-position: -169px 0px;}
/* .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e{} */
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span{}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon{}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title{}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select{height:20px;border:1px solid #707070;line-height:1;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year{}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month{}
.ui-datepicker table.ui-datepicker-calendar{width:100%;border:0;table-layout:fixed;}
.ui-datepicker table.ui-datepicker-calendar thead th{height:32px;border:1px solid #fff;background-color:#fff;font-size:13px;font-weight:600;}
.ui-datepicker table.ui-datepicker-calendar thead th span{color:inherit;font-size:inherit;font-weight:inherit;}
.ui-datepicker table.ui-datepicker-calendar td{height:25px;padding:2px;border:0;background-color:#fff;}
.ui-datepicker table.ui-datepicker-calendar td a,
.ui-datepicker table.ui-datepicker-calendar td .ui-state-default{display:block;height:100%;min-height:26px;padding:5px;border:1px solid #e4e4e4;background-color:#f2f2f2;color:#444;font-size:13px;text-align:right;}
.ie .ui-datepicker table.ui-datepicker-calendar td .ui-state-default{height:25px;padding:1px 5px;}
.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today{}
.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today .ui-state-active{border-color:#fff;background-color:#fff;color:#de1453;font-weight:600;}
.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active{border-color:#de1453;background-color:#de1453;color:#fff;}
.ui-datepicker table.ui-datepicker-calendar td a{background:none;}
/* ui-datepicker-buttonpane ui-widget-content */
.ui-datepicker .ui-datepicker-buttonpane{margin-top:5px;padding:2px;border:1px solid #e4e4e4;background-color:#ebedee;}
.ui-datepicker .ui-datepicker-buttonpane::after{content:"";display:block;clear:both;}
.ui-datepicker .ui-datepicker-buttonpane button{padding:4px;border:1px solid #e4e4e4;background-color:#fff;color:#444;}
/* ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all */
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current{float:left;}
/* ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all */
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close{float:right;} 
hr.gab_tbl{display: block; height: 10px; border:0;padding:0; margin:0;}
em.sign{color:#0059a6}

hr.gab_tbl{display: block; height: 10px; border:0;padding:0; margin:0;}
em.sign{color:#0059a6}


/* layout ----------------------------------------------------------------------- */
.wrap{height: 100%;}

/* header */
.headerwrap{position: fixed;top: 0; left: 0; width: 100%; z-index: 1000; background: #f58220; height: 118px;}
.headerwrap.mod_mng{background-color: #043b74;}
.headerwrap.mod_mng + .cont_wrap .errorwrap{padding-top:150px;}
.headerwrap.mod_stg{background-color: #444;}

.header{position: relative; width: 1260px; height:118px; margin:0 auto; z-index: 1000;}
.header .logo{position: absolute; top:25px;}
.header .logo > a{display: block;}
.header .logo > a > img{width: 70%;}
.header .util{font-size:0px; text-align: right; padding-top:14px;}
.header .util > div{font-size: 13px; display: inline-block;}
.header .util > .my_info > p{color:rgba(255,255,255,0.6); line-height: 28px; margin-right:20px;}
.header .util > .my_info > p em{color:rgba(255,255,255,0.8); font-weight: bold;}
.header .util > .my_plan{font-size:0;}
.header .util > .my_plan > label{font-size:13px;  color:rgba(255,255,255,0.6); line-height: 26px; border:1px solid rgba(255,255,255,0.1); padding:0 5px; border-radius: 4px 0 0 4px; border-right:0; vertical-align: top;}
.header .util > .my_plan > .plan{position:relative; font-size:13px; line-height:20px; display:inline-block; padding:4px 10px; background-color: RGBA(255,255,255,0.3); color:RGBA(255,255,255,0.8); transition:0.3s; margin-right:20px;border-radius: 4px;}
.header .util > .my_plan > a.plan{padding-right:25px;}
.header .util > .my_plan > a.plan:after{content:''; display: block; position: absolute; width: 7px; height: 4px; top:50%; margin-top:-2px; right:10px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -15px -5px; opacity:0.8; transition:0.3s; transform:rotate(180deg) }
.header .util > .my_plan > a.plan:hover{color: RGBA(255,255,255,0.8); background-color: RGBA(255,255,255,0.4);}
.header .util > .my_plan > a.plan:hover:after{opacity:1;transform:rotate(0deg)}
.header .util > .util_login > ul{font-size:0px; border-radius:4px;}
.header .util > .util_login > ul li{display: inline-block;margin-left:1px;}
.header .util > .util_login > ul li a{font-size:13px; line-height:20px; display:block; padding:4px 10px; background-color: RGBA(255,255,255,0.3); color:#fff; transition:0.3s;}
.header .util > .util_login > ul li a:hover{background-color: RGBA(255,255,255,0.4);}
.header .util > .util_login > ul li:first-child a{border-radius:4px 0 0 4px;}
.header .util > .util_login > ul li:last-child a{border-radius:0 4px 4px 0;}
.header .util > .util_login > ul li a.sa{border-radius:4px;}
.header .util > .util_bbs{margin-left:20px; font-size:0;}
.header .util > div{vertical-align: middle;}

.header .util > .util_bbs button:first-child{border-radius:4px 0 0 4px;}
.header .util > .util_bbs button:last-child{border-radius:0 4px 4px 0;}
.btn_bbs{position:relative; font-size:15px; display:inline-block; height:28px; padding:5px 10px 7px 10px;border-radius:4px; background-color: #0059a6; color:RGBA(255,255,255,0.8); transition:0.3s; font-weight: bold}
.btn_bbs:hover{background-color: #005197;color:RGBA(255,255,255,1);}
.btn_bbs:after{content: ''; display: block; position: absolute; top:6px; left:0px; width: 1px; height: 15px; background-color: RGBA(255,255,255,0.8);}
.header .util > .util_bbs button:first-child:after{display: none;}
	
/* gnb */
.gnb_wrap{position: absolute; width: 100%;  top:64px; height: 54px;}
.gnb > ul{position: relative; font-size:0px; text-align: right;}
.gnb > ul > li{position:relative; display: inline-block; padding:10px 0px 20px; width: 184px; text-align: center;}
.gnb > ul > li > a{font-size:17px; line-height:24px; position:relative; line-height:24px; display:inline-block; color:#fff; transition:0.3s; }
.gnb > ul > li > a:after{content:''; position: absolute; left:0; bottom: -20px; width: 100%; height: 2px; font-size: 0; line-height: 0; pointer-events: none; background-color: #fff; opacity:0; transition:0.3s; transform:rotate(10deg)}
.gnb > ul > li > a.active:after{bottom: -5px; opacity:1; transform:rotate(0deg)}
.gnb_sub{position: absolute; left: 0; top:54px; text-align:left; height: 0px; overflow: hidden; opacity:0;  transition:0.3s; }
.gnb_sub.active a{color:#111;}
.gnb_sub > strong{position:absolute; left:-200px; top:20px; font-size:36px; width: 375px; text-align: center; z-index: 1}
.gnb_sub > ul{width: 184px; padding-top:10px; height: 358px;transition:0.3s;}
.gnb_sub.active > ul{background-color: #f8f8f8}
.gnb_sub > ul > li{width: 100%; text-align: center;}
.gnb_sub > ul > li > a{display:inline-block; position: relative; font-size: 14px; color:#666;  line-height: 25px; padding: 4px 0px; padding-left: 0px; transition:0.3s;}
.gnb_sub > ul > li > a:hover{color: #fe6500;}
.gnb_sub > ul > li > a.ico_cert:before{content:''; display: block; position: absolute; width: 9px; height: 11px; top:50%; margin-top:-6px; right:-12px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: 0px -9px; opacity:1; transition:0.3s;}
.gnb_sub > ul > li > a.ico_cert:after{content:''; display: block; position: absolute; width: 9px; height: 11px; top:50%; margin-top:-6px; right:-12px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -9px -9px; opacity:0; transition:0.3s;}
.gnb_sub > ul > li > a.ico_cert:hover:before{opacity:0}
.gnb_sub > ul > li > a.ico_cert:hover:after{opacity:1}


/*
.gnb_sub > ul > li > a:before{content:''; display: block; position: absolute; width: 5px; height: 9px; top:50%; margin-top:-4px; right:0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: 0px 0px; opacity:1; transition:0.3s;}
.gnb_sub > ul > li > a:after{content:''; display: block; position: absolute; width: 5px; height: 9px; top:50%; margin-top:-4px; right:0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -5px 0px; opacity:0; transition:0.3s;}
.gnb_sub > ul > li > a:hover:before{opacity:0}
.gnb_sub > ul > li > a:hover:after{opacity:1}
*/

.gnb_sub_bg{position:absolute; top:117px; left:0px; width:100%; background-color: #fff; border-bottom:1px solid #ccc;transition:0.3s;}
.gnb_sub_bg .inner{position: relative; width: 1260px; height: 100%; margin: 0 auto;}

.mod_txt{position:absolute; text-align: right; line-height: 20px; top:50%; margin-top:-20px; left:320px; height: 36px;}
.mod_txt span{display:inline-block; font-weight:bold; padding:5px 10px; border:1px solid RGBA(255,255,255,0.8); color: RGBA(255,255,255,0.8); font-size: 20px; line-height: 24px; border-radius:10px;}

/* lnb */
.lnbwrap{float:left; width:200px; margin:50px 0 0;}
.lnb > p{padding:20px 20px; background-color:#043b74; font-size:17px; line-height:21px; color:#fff; }
.lnb > ul{border:1px solid #d4d9e0; border-top:0}
.lnb > ul > li{border-top:1px solid #d4d9e0}
.lnb > ul > li:first-child{border-top:0px;}
.lnb > ul > li > a{display: block; position:relative; padding:10px 10px 10px 20px; font-size:13px; line-height: 20px; transition:0.3s;}
.lnb > ul > li > a > span{position:relative; display:inline-block; color:#444; transition:0.3s;}
.lnb > ul > li > a > span.ico_cert:before{content:''; display: block; position: absolute; width: 9px; height: 11px; top:50%; margin-top:-5px; right:-14px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: 0px -9px; opacity:1; transition:0.3s;}
.lnb > ul > li > a > span.ico_cert:after{content:''; display: block; position: absolute; width: 9px; height: 11px; top:50%; margin-top:-5px; right:-14px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -9px -9px; opacity:0; transition:0.3s;}
.lnb > ul > li > a:hover > span.ico_cert:before{opacity:0}
.lnb > ul > li > a:hover > span.ico_cert:after{opacity:1}
.lnb > ul > li > a.on > span.ico_cert:before{opacity:0}
.lnb > ul > li > a.on > span.ico_cert:after{opacity:1}

.lnb > ul > li > a:hover{color:#F58220;}
.lnb > ul > li > a:hover > span{color:#F58220;}
.lnb > ul > li > a.on{color:#F58220; }
.lnb > ul > li > a.on > span{color:#F58220;}
.lnb > ul > li > a.on:after{content:''; display: block; position: absolute; width: 5px; height: 9px; top:50%; margin-top:-4px; right:10px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -5px 0px;}
.lnb > ul > li > ul{background-color:#f8f8f8;  border-top:1px solid #E5E4E1; padding: 10px 0;}
.lnb > ul > li > ul > li > a{display: block; position:relative; padding:10px 10px 10px 30px; font-size:14px; line-height: 18px; color:#444;transition:0.3s;}
.lnb > ul > li > ul > li > a:before{content:''; display:block; position: absolute; width:2px; height:2px; top:18px; left:20px; background-color: #444; border-radius:2px;}
.lnb > ul > li > ul > li > a:hover{color:#F58220;}
.lnb > ul > li > ul > li > a.on{color:#F58220;}
.lnb > ul > li > ul > li > a.on:before{background-color: #F58220}

.lnb .btn_depth{position: relative;}
.lnb .btn_depth.active{color:#F58220;}
.lnb .btn_depth:before{content:''; display: block; position: absolute; width: 9px; height: 5px; top:50%; margin-top:-2px; right:10px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -15px 0px; opacity:1; transition:0.3s;}
.lnb .btn_depth:after{content:''; display: block; position: absolute; width: 9px; height: 5px; top:50%; margin-top:-2px; right:10px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -24px 0px; opacity:0; transition:0.3s;transform:rotate(0deg)}
.lnb .btn_depth:hover:before{opacity:0}
.lnb .btn_depth:hover:after{opacity:1}
.lnb .btn_depth.active:before{opacity:0}
.lnb .btn_depth.active:after{opacity:1;transform:rotate(180deg)}

.lnb .btn_depth + ul{display:none;transition:0.3s;}
.lnb .btn_depth.active + ul{display:block;}

.lnbwrap ~ .csection{float:left; width:820px; margin:50px 0 0 80px;padding:0px;}


/* container */
.cont_wrap{min-height: calc(100% - 80px); padding-bottom:50px;}
.cont_wrap:before{content:''; display: block; height: 118px;}
.container{width: 1100px; margin:0 auto;}
.container:after{content: ''; display: block; clear: both;}
.form_sec{position:relative; margin:30px 0;}
.form_sec:after{content: '';display: block; clear: both;}
.form_sec.fst{margin-top:0;}

.trd_lft{float: left; width: calc(50% - 20px);}
.trd_rgt{float: right; width: calc(50% - 20px); }
.trd_gap{position:absolute; top:0; left:50%; margin-left:-20px; width: 40px;height: 100%;}
.trd_gap:before{content:''; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-50px; width:20px; height:100px;  background-image: url(/resources/images/common/ico_spr_all.png); background-position: -140px -55px;}

.tit_line{margin-bottom:10px;}
.tit_line:after{content: ''; display: block; clear: both;}
.tit_line h2{float: left;}
.tit_line h3{float: left;}
.tit_line .sub_tix{float: left; margin-left:10px; margin-top:2px;}
.tit_line .sub_tix span{font-size:13px;}
.tit_line .tit_add{float: right; font-size:0;}
.tit_line .tit_add > span{line-height: 25px; font-size:13px; margin-left:8px;}
.tit_line .tit_add > a{margin-left:5px;}
.tit_line .tit_add > button{margin-left:5px;}

/* footer */
.footerwrap{height:80px; border-top: 1px solid #d4d9e0;}
.footer{width: 1260px; margin:0 auto; font-size:12px; position: relative; padding-left:375px;}
.footer .logo{position:absolute; left:200px; top:8px; width:123px; height:45px;  background-image: url(/resources/images/common/rps/logo_rps_footer.png); text-indent: -9999px;}
.footer address{padding-top:20px; padding-bottom:5px;}
.footer address span{display: inline-block; font-size:13px; line-height: 20px;}
.footer address i{display: inline-block; font-size:13px; line-height: 20px; padding:0 10px; color:#bbb}
.footer .copy span{font-size: 11px; color: #999; letter-spacing: 0; }

/* container body */
.cbody{padding-top:0px;}

/* popup ------------------------------------------------------------------------------*/

.lywrap{/*overflow: auto;*/ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; width: 100%; height: 100%; margin: auto; padding: 0; background: rgba(0,0,0,.5);}
.lycont {position: absolute; top: 50%; left: 50%; min-width: 970px; max-width: 970px; min-height: 200px; max-height: 95%; margin: auto; padding: 0; border: 1px solid #959595; background: #fff; transform: translate(-50%,-50%); /* -webkit-transform: translate(-50%,-50%); */ -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); overflow: auto}
.lycont.fund_os{min-width: 822px; max-width: 822px;}
.lycont.sm{min-width: 642px; max-width: 642px;}
.lycont.full{min-width: 1262px; width: 95%; max-width: 95%;}

.lyheader{position:relative; display: block; padding: 18px 40px; background: #095196; color: #fff;}
.lyheader h1{color:#fff; float: left; font-weight: normal; font-size:22px; line-height: 33px;}
.lyheader .btn-lyclose{display: block; position: absolute; top:0px; right:0px; width: 98px; height: 69px; cursor: pointer;}
.lyheader .btn-lyclose:after{content:''; display: block; position: absolute; top:23px; right:40px; width:21px; height:21px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -40px -20px; opacity:0.8; transition:0.3s;}
.lyheader .btn-lyclose:hover:after{opacity:1;}
.lyheader:after{content:'';display: block; clear: both;}
.lyheader .logo{text-align: center}
.lyheader .logo img{width: 40%;}

.lybody{padding:30px 40px;}
.lybody .form_sec:first-child{margin-top:0}
.lybody .form_sec:last-child{margin-bottom:0}


.lycont.alert{min-width: 400px; max-width: 600px; min-height: 200px; }

/* elements -------------------------------------------------------------------------- */

/* basic */
strong{font-weight: bold;}

/* titles */
h1{font-size:25px; line-height: 30px; font-weight: bold; color: #333}
h1#cTitle{margin-bottom:31px;}
h2{font-size:18px; line-height: 25px; font-weight: bold; color: #333}
h3{font-size:15px; line-height: 25px; font-weight: bold; color: #333}
h2 strong{font-size:20px; line-height: 25px; font-weight: bold; color: #333}
h2 span{display:inline-block; font-size:14px; line-height: 18px; font-weight: normal; color: #666}

/* images */
.img_box.full img{width: 100%;}

/* icons */
.icon_dld{position: relative; text-indent: -9999px; width: 20px; height: 20px; z-index: 1;}
.icon_dld:before{content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 0px; left: 0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -233px 0px; z-index: 1;}
.icon_dld_bbs{position: relative; text-indent: -9999px; width: 20px; height: 20px; z-index: 1;}
.icon_dld_bbs:before{content: ''; display: block; position: absolute; width: 20px; height: 20px; top: 0px; left: 0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -253px 0px; z-index: 1;}
.icon_new{position: relative; text-indent: -9999px; width: 23px; height: 11px; z-index: 1; vertical-align: middle; margin-left:3px;}
.icon_new:before{content: ''; display: block; position: absolute; width: 23px; height: 11px; top: 0px; left: 0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -273px 0px; z-index: 1;}
.icon_new_bbs{position: relative; text-indent: -9999px; width: 23px; height: 11px; z-index: 1; vertical-align: middle; margin-left:3px;}
.icon_new_bbs:before{content: ''; display: block; position: absolute; width: 23px; height: 11px; top: 0px; left: 0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -273px -11px; z-index: 1;}




/* lists */
.infolist .tit{font-size:16px; line-height: 20px; font-weight: bold; color: #333; margin-bottom:4px;}
.infolist ul.dep1 > li{position:relative; font-size:13px; line-height: 20px;margin:4px 0px; padding-left: 10px;}
.infolist ul.dep1 > li:after{content:''; position: absolute; top:9px; left: 0; width: 4px; height: 2px; background-color: #888;}
.infolist ul.dep2 > li{position:relative; font-size:12px; line-height: 20px;margin:2px 0px; padding-left: 10px;}
.infolist ul.dep2 > li:after{content:''; position: absolute; top:9px; left: 4px; width: 2px; height: 2px; background-color: #888;}
.lst_dual > ul{float: left; width: 50%; }
.lst_dual > ul:first-child{padding-right:10px; border-right: 1px solid #dbdbdb;}
.lst_dual > ul:last-child{padding-left:10px;}
.lst_dual:after{content: ''; display: block; clear: both;}

.notice_box{border: 1px solid #dbdbdb; padding:20px; margin:40px 0 0 0;}
.notice_box em{color:#F58220}
.notice_box > .tit{position: relative; font-size:16px; line-height:22px; color:#004682; padding-left: 20px; margin-bottom:10px;}
.notice_box > .tit:before{content:''; display: block; position: absolute; width: 14px; height: 14px; top:50%; margin-top:-7px; left:0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: 0px -41px; opacity:1; transition:0.3s;}
.notice_box > ul > li{position: relative; font-size:14px; line-height: 20px; padding-left:30px; margin:4px 0;}
.notice_box > ul > li:before{content:''; display: block; position: absolute; width: 2px; height: 2px; top:10px; left:20px; background-color:#444;}
.notice_box > ul > li > ul > li{position: relative; font-size:13px; line-height: 18px; padding-left:10px; margin:3px 0;}
.notice_box > ul > li > ul > li:before{content:'-'; display: block; position: absolute; top:0px; left:0px; }
.notice_box .rep{display: block; color:#888; font-size:13px; line-height: 20px;}

.ntc_inr{padding:10px; margin:10px 0}
.ntc_inr.sa{padding:0px; margin:0px 0}
.ntc_inr > ul > li{position: relative; font-size:14px; line-height: 20px; padding-left:10px; margin:4px 0;}
.ntc_inr > ul > li:before{content:''; display: block; position: absolute; width: 2px; height: 2px; top:10px; left:0px; background-color:#444;}
.ntc_inr > ul > li > strong{ font-size:14px; line-height: 20px;}
.ntc_inr > ul > li > em{ font-size:14px; line-height: 20px; color:#0059a6}
.ntc_inr > ul > li > em.hlt{color:#F58220}
.ntc_inr > ul > li > ul > li{position: relative; font-size:13px; line-height: 18px; padding-left:10px; margin:3px 0;}
.ntc_inr > ul > li > ul > li:before{content:'-'; display: block; position: absolute; top:0px; left:0px; }
.ntc_inr dl:after{content: ''; display: block; clear: both}
.ntc_inr dl > dt{float: left; line-height: 20px; }
.ntc_inr dl > dd{float: left; line-height: 20px; padding-left:5px;}

.ntc_bbs{position:relative;}
.ntc_bbs > ul{position: absolute; top:-15px;}
.ntc_bbs > ul > li{position: relative; font-size:14px; line-height: 20px; padding-left:10px; margin:4px 0;}
.ntc_bbs > ul > li:before{content:'¡Ø'; display: inline; position: relative; left: 0;}

.tbl_ipt .ntc_inr{padding:5px 0; margin:0px 0}

.qe_ntc{padding-left:10px; margin-top:10px;}
.qe_ntc > ul > li{position: relative; font-size:13px; line-height: 18px; padding-left:15px; margin:4px 0; color:#888;}
.qe_ntc > ul > li:before{content:''; display: block; position: absolute; width:5px; height:5px; top:6px; left:4px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -29px -5px;}
.qe_ntc > ul > li.blit_2:before{width:11px; left:-2px;}
.qe_ntc > ul > li.blit_3:before{width:17px; left:-8px;}

.qe_lst{padding-left:10px;}
.qe_lst > li{position: relative; padding-left:15px; margin:4px 0; font-size:14px; line-height: 20px;}
.qe_lst > li .num{display: block; position: absolute;  top:0px; left:0px; font-size:14px; line-height: 20px;}

.notice_area{}
.notice_area > ul > li{position: relative; font-size:14px; line-height: 20px; padding-left:10px; margin:4px 0;}
.notice_area > ul > li:before{content:''; display: block; position: absolute; width: 2px; height: 2px; top:10px; left:0px; background-color:#444;}
.notice_area.blit_num > ul > li{padding-left: 15px;}
.notice_area.blit_num > ul > li .num{display: block; position: absolute;  top:0px; left:0px; font-size:14px; line-height: 20px;}
.notice_area.blit_num > ul > li:before{display: none;}

.notice_line{margin:30px 0;}
.notice_line > p{position: relative; font-size:15px; line-height: 20px; padding-left:20px; margin:4px 0; color:#F58220}
.notice_line > p:before{content:'¡Ø'; display: block; position: absolute; top:0px; left:0px;  color:#F58220}
.notice_line > span{display:block; position: relative; font-size:15px; line-height: 20px; padding-left:20px; margin:4px 0;}
.notice_line > span:before{content:'¡Ø'; display: block; position: absolute; top:0px; left:0px;}

/* sent */
.sent_gen{}
.sent_gen .sent_tit{font-size: 18px; line-height: 26px; margin-top:20px;}
.sent_gen .sent_tit:first-child{margin-top:0px;}
.sent_gen > ul > li{padding-left:10px; margin:4px 0;}
.sent_gen > ul > li > p{font-size:16px; line-height: 24px;}
.sent_gen > ul > li > ul > li{padding-left:10px; margin:4px 0;}
.sent_gen > ul > li > ul > li > span{font-size:14px; line-height: 20px; position: relative; padding-left:20px;}
.sent_gen > ul > li > ul > li > span .char_cir{position: absolute; left:0px; top:3px;}
.sent_gen > ul > li > ul > li > span .add{margin-top:5px;}
.sent_gen > ul > li > ul > li > ul > li{padding-left:20px; margin:4px 0;}
.sent_gen > ul > li > ul > li > ul > li > span{font-size:13px; line-height: 18px; position: relative; padding-left:10px;}
.sent_gen > ul > li > ul > li > ul > li > span:BEFORE{content:'';position: absolute; left:0px; top:9px; width: 5px; height: 1px; background-color: #444;}
.sent_gen em{font-weight: bold; color: #333;}
.sent_gen strong{font-weight: bold; color: #fe6500;}

/* forms */
.datepick_area{display:inline-block;}
.datepick_area .gap{display: inline-block; margin:0 3px;}
.term_area{display:inline-block;}
.datepick_area + .term_area{margin-left:10px;}

.form_inner{display: table; width: 100%; margin-top:4px;}
.form_inner.fst{margin-top:0;}
.form_inner:first-child{margin-top:0;}
.form_inner > li{display:table-cell; vertical-align: middle;}

.adrf_num{width: 100px;}
.adrf_btn{padding:0 8px;}
.adrf_tit{width: 90px; padding:0 8px; }
.adrf_tit span{font-size: 13px; }
.adrf_lin{padding-right:8px;}
.adrf_lin_s{padding-right:8px; width: 1px;}
.adrf_jst{width: 1px;}
.adrf_sch{position: relative;}
.adrf_lin span{font-size:14px}

.schf_cell{width: 100px; padding-right:8px;}
.schf_cell_2{width: 200px; padding-right:8px;}

.sel_file li{font-size: 0;}
.sel_file .adrf_lin{width: 400px;}
.sel_file .btn_inner{margin:0px 2px;}

/* inputs */
.inptype{width: 100%;}
.inptype input[type="text"], .inptype input[type="password"]{width:100%; padding:4px 5px; border: 1px solid #bbb;font-size: 14px; line-height: 22px; transition:0.3s; box-sizing: border-box; height: 44px;}
.inptype input[type="text"]:hover, .inptype input[type="password"]:hover{border:1px solid #999;}

.ipt_box{width: 100%;}
.ipt_box input[type="text"], .ipt_box input[type="password"]{width:100%; padding:4px 5px; border: 1px solid #bbb;font-size: 14px; line-height: 22px; transition:0.3s;height: 32px;}
.ipt_box input[type="text"]:hover, .ipt_box input[type="password"]:hover{border:1px solid #999;}
.ipt_box input[type="file"]{width:100%; padding:4px 5px; border: 1px solid #bbb;font-size: 14px; line-height: 22px; transition:0.3s;}
.ipt_box input[type="file"]:hover{border:1px solid #999;}
.ipt_box input[type="text"].type_num{text-align: right;}

.ipt_box.sc_main input[type="text"]{border: 1px solid #666; border-right:0; font-size: 15px; padding:8px 12px; height: 40px;}
.ipt_box.sc_main input[type="text"]:hover{background-color: rgba(0,0,0,0.05);}

.ipt_rdo{cursor: pointer;}
.ipt_rdo input{overflow: hidden; position: absolute;z-index: -1;width: 0;height: 1px; line-height: 1px;}
.ipt_rdo span{padding: 5px 10px;line-height:20px; border: 1px solid #c2c2c2; color: #444; display: inline-block; position: relative; font-size:13px;transition:0.3s;}
.ipt_rdo span:hover{background-color: rgba(0,0,0,0.05)}
.ipt_rdo input:checked + span{border:1px solid #624d9d; background-color:#f5f5f5}

.ipt_rdo_inb{cursor: pointer; margin-right:10px;}
.ipt_rdo_inb input{overflow: hidden; position: absolute;z-index: -1;width: 0;height: 1px; line-height: 1px;}
.ipt_rdo_inb input + span{position: relative; padding-left:17px;}
.ipt_rdo_inb input + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -106px -26px; opacity:1; }
.ipt_rdo_inb input + span:after{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -119px -26px; opacity:0; }
.ipt_rdo_inb input:hover + span:after{opacity:1;}
.ipt_rdo_inb input:checked + span{font-weight: bold;}
.ipt_rdo_inb input:checked + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -106px -13px; opacity:1;}
.ipt_rdo_inb input:checked + span:after{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -119px -13px; opacity:0;}
.ipt_rdo_inb input:checked:hover + span:after{opacity:1;}
.ipt_rdo_inb input[disabled] + span{color:#ccc;}
.ipt_rdo_inb input[disabled] + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -132px -26px; opacity:1; }
.ipt_rdo_inb input[disabled]:hover + span:after{opacity:0;}
.ipt_rdo_inb input[disabled]:checked + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -132px -13px; opacity:1; }

.ipt_rdo_inb input + strong{position: relative; padding-left:17px; font-weight: normal;}
.ipt_rdo_inb input + strong:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -106px -26px; opacity:1; }
.ipt_rdo_inb input + strong:after{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -119px -26px; opacity:0; }
.ipt_rdo_inb input:hover + strong:after{opacity:1;}
.ipt_rdo_inb input:checked + strong{font-weight: bold;}
.ipt_rdo_inb input:checked + strong:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -106px -13px; opacity:1;}
.ipt_rdo_inb input:checked + strong:after{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -119px -13px; opacity:0;}
.ipt_rdo_inb input:checked:hover + strong:after{opacity:1;}
.ipt_rdo_inb input[disabled] + strong{color:#ccc;}
.ipt_rdo_inb input[disabled] + strong:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -132px -26px; opacity:1; }
.ipt_rdo_inb input[disabled]:hover + strong:after{opacity:0;}
.ipt_rdo_inb input[disabled]:checked + strong:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -132px -13px; opacity:1; }


.ipt_rdo_inb.sa{cursor: pointer; margin:0px;}
.ipt_rdo_inb.sa input + span{padding:0; width: 13px; height: 13px; text-indent: -9999px;}
.ipt_rdo_inb.sa input + span:before{top:0; margin-top:0}
.ipt_rdo_inb.sa input + span:after{top:0; margin-top:0}

.ipt_chk_inb{cursor: pointer; margin-right:10px;}
.ipt_chk_inb input{overflow: hidden; position: absolute;z-index: -1;width: 0;height: 1px; line-height: 1px;}
.ipt_chk_inb input + span{position: relative; padding-left:17px;}
.ipt_chk_inb input + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -67px -26px; opacity:1; }
.ipt_chk_inb input + span:after{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -80px -26px; opacity:0; }
.ipt_chk_inb input:hover + span:after{opacity:1;}
.ipt_chk_inb input:checked + span{font-weight: bold;}
.ipt_chk_inb input:checked + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -67px -13px; opacity:1;}
.ipt_chk_inb input:checked + span:after{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -80px -13px; opacity:0;}
.ipt_chk_inb input:checked:hover + span:after{opacity:1;}
.ipt_chk_inb input[disabled] + span{color:#ccc;}
.ipt_chk_inb input[disabled] + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -93px -26px; opacity:1; }
.ipt_chk_inb input[disabled]:hover + span:after{opacity:0;}
.ipt_chk_inb input[disabled]:checked + span:before{content:''; position: absolute; width:13px; height:13px; top:50%; margin-top:-6px; left: 0; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -93px -13px; opacity:1; }

.ipt_chk_inb.sa{cursor: pointer; margin:0px;}
.ipt_chk_inb.sa input + span{padding:0; width: 13px; height: 13px; text-indent: -9999px;}
.ipt_chk_inb.sa input + span:before{top:0; margin-top:0}
.ipt_chk_inb.sa input + span:after{top:0; margin-top:0}


.seltype{width: 100%;}
.seltype select{width: 100%; height: 32px; padding: 4px 5px; border: 1px solid #bbb;font-size: 14px; line-height: 22px; transition:0.3s; background-color: #fff;}
.seltype select:hover{border: 1px solid #999;}
.seltype select[disabled]{background-color: #f5f5f5;}

.ipt_form_s{width:100px;}
.ipt_form_ss{width:50px;}
.ipt_form_m{width:150px;}
.ipt_form_c1{width:90px;}

.num_line{margin:0}

label.chktype{display:block; font-size:0; position: relative; cursor: pointer;}
label.chktype > input{position: absolute; top: 3px;}
label.chktype > span{font-size:13px; line-height: 18px; vertical-align: middle; padding-left:18px; }

.reg_noti{width: 100%; padding: 4px 5px; border: 1px solid #bbb; font-size: 14px; line-height: 22px; transition: 0.3s; min-height: 120px;}
.txt_legt{font-size: 13px; text-align: right; line-height: 18px; }

/* buttons */
.btn_box{position:relative; margin-top:10px; font-size:0}
.btn_box.alg_c{text-align: center;}
.btn_box.alg_r{text-align: right;}
.btn_box.alg_r .btn_big{margin-left:5px;}
.btn_box .box_add_right{position: absolute; top:0; right:0;}
.btn_box .box_add_right > .btn_big{margin-left:5px;}

.btn_box.alg_c > .btn_big{margin:0 5px;}
.btn_box.alg_c > .btn_maj{margin:0 5px;}
.btn_box.alg_c > .btn_min{margin:0 5px;}

.btn{transition:0.3s;}

.btnarea.dual ul:after{content: ''; display: block; clear: both;}
.btnarea.dual ul li{float:left; width: calc(50% - 5px); margin-left:10px;}
.btnarea.dual ul li:first-child{margin-left:0;}

.btn.btn_login{display: block; margin-top: 15px; width: 100%; padding: 20px 0; text-align: center;  color: #fff; background: #383e4e;}
.btn.btn_login span{font-weight: bold; font-size: 18px; line-height:20px; color: #fff; letter-spacing: 0;}
.btn.btn_login:hover{background: #292f3e}
.btn.btn_login_crt{display: block; width: 100%; padding: 38px 0; text-align: center;  color: #fff; background: #fe6500; }
.btn.btn_login_crt:hover{background: #e45900}
.btn.btn_login_crt span{font-weight: bold; font-size: 18px; line-height:20px; color: #fff;letter-spacing: 0;}
.btn.btn_login_s{display:block; text-align:center; width:100%; padding:9px 15px 8px;  background-color: #f9f9f9; border: 1px solid #bbb;}
.btn.btn_login_s span{font-size: 13px; color: #444;font-weight: normal; line-height: 20px;}
.btn.btn_login_s:hover{background: #efefef}

.btn_calendar{display:inline-block; position: relative; width:20px; height: 21px; text-indent: -9999px; vertical-align: middle;}
.btn_calendar:before{content:''; display: block; position: absolute; width: 20px; height: 21px; top:50%; margin-top:-10px; left:0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: 0px -20px; opacity:1; transition:0.3s;}
.btn_calendar:after{content:''; display: block; position: absolute; width: 20px; height: 21px; top:50%; margin-top:-10px; left:0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -20px -20px; opacity:0; transition:0.3s;}
.btn_calendar:hover:before{opacity:0}
.btn_calendar:hover:after{opacity:1}

.btn_big{display: inline-block; min-width:100px; position: relative; padding: 10px 10px;  border:1px solid #0059a6; font-size: 0px; text-align: center;  background-color: #0059a6;transition:0.3s;}
.btn_big > span{color: #fff; font-size: 16px;line-height: 18px;}
.btn_big:hover{background-color: #005197}
.btn_big.disabled{background-color: #bbbbbb; cursor: default; border:1px solid #bbbbbb;}
.btn_big.disabled > span{color:#ebebe4;}

.btn_big.light{background-color: #2E76A2; border:1px solid #2E76A2;}
.btn_big.light:hover{background-color: #256b95; border:1px solid #256b95;}
.btn_big.light.disabled{background-color: #bbbbbb; cursor: default; border:1px solid #bbbbbb;}


.btn_maj{display: inline-block; min-width:90px; position: relative; padding: 7px 10px;  border:1px solid #0059a6; text-align: center;  background-color: #0059a6; transition:0.3s;}
.btn_maj span{font-size: 14px; color: #fff; line-height: 18px;}
.btn_maj:hover{background-color: #005197; border:1px solid #005197;}
.btn_maj.disabled{background-color: #bbbbbb; cursor: default; border:1px solid #bbbbbb;}
.btn_maj.disabled span{color:#ebebe4;}

.btn_min{display: inline-block; min-width:90px; position: relative; padding: 7px 10px;  border:1px solid #0059a6; text-align: center; ;transition:0.3s;}
.btn_min span{font-size: 14px; color: #0059a6; line-height: 18px;}
.btn_min:hover{background-color: rgba(0,0,0,0.05); border:1px solid #005197; }
.btn_min:hover span{color: #005197}
.btn_min.disabled{background-color: #bbbbbb; color:#ebebe4; cursor: default; border:1px solid #bbbbbb;}
.btn_min.disabled span{color:#ebebe4;}

.btn_box.alg_r .btn_maj{margin-left:10px;}
.btn_box.alg_r .btn_min{margin-left:10px;}

.btn_more_box{text-align: center; font-size: 0;}
.btn_tbl_more{display: inline-block; font-size:14px; padding: 5px 40px; border:1px solid #bebebe; border-top:0; background-color: #ffffff;  border-radius:0 0 4px 4px;transition:0.3s;}
.btn_tbl_more:hover{background-color: #f2f2f2}
.btn_tbl_more span{position: relative; display: inline-block;}
.btn_tbl_more span:after{content:''; display: block; position: absolute; width: 7px; height: 4px; top:50%; margin-top:-2px; right:-12px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -22px -5px; opacity:1; transition:0.3s;transform:rotate(180deg)}
.btn_tbl_more:hover span:after{margin-top:0px;}

.btn_inner{display: inline-block; vertical-align:middle;  min-width:82px; position: relative; padding: 6px 10px; color: #fff; border:1px solid #2E76A2; font-size: 0; text-align: center; background-color: #2E76A2;transition:0.3s;}
.btn_inner > span{position:relative; display:inline-block; color: #fff;font-size: 13px; line-height: 18px;}
.btn_inner:hover{background-color: #246891; border:1px solid #246891;}
.btn_inner.icon_search span{padding-left:15px;}
.btn_inner.icon_search span:before{content:''; display: block; position: absolute; width: 12px; height: 12px; top:50%; margin-top:-6px; left:0px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -14px -41px; }
.btn_inner.icon_search.sa{min-width: auto;}
.btn_inner.icon_search.sa span{padding-left:0px; text-indent: -9999px; width: 12px; height: 18px;}
.btn_inner.text_cal{background-color:#fe6500; border: 1px solid #fe6500;padding: 2px 4px;}
.btn_inner.text_cal > span{font-size: 12px; line-height: 13px;}
.btn_inner.text_cal:hover{background-color: #e45900; border:1px solid #e45900;}
.btn_inner.disabled{background-color: #bbbbbb; color:#ebebe4; cursor: default; border:1px solid #bbbbbb;}
.btn_inner.disabled:hover{background-color: #bbbbbb; color:#ebebe4; cursor: default; border:1px solid #bbbbbb;}
button[disabled] .btn_inner{background-color: #bbbbbb; color:#ebebe4; cursor: default; border:1px solid #bbbbbb;}
button[disabled] .btn_inner:hover{background-color: #bbbbbb; color:#ebebe4; cursor: default; border:1px solid #bbbbbb;}

.btn_sc_main{display: inline-block; vertical-align:middle;  min-width:70px; position: relative; padding: 9px 10px; color: #fff; border:1px solid #0059a6; font-size: 0; text-align: center; background-color: #0059a6;transition:0.3s;}
.btn_sc_main > span{position:relative; display:inline-block; color: #fff;font-size: 13px; line-height: 18px; text-indent: -9999px; width: 20px; height: 20px;background-image: url(/resources/images/common/ico_spr_all.png); background-position: -47px 0px;}
.btn_sc_main:hover{background-color: #005197; border:1px solid #005197;}

.btn_header_maj{display: inline-block; min-width:70px; position: relative; padding: 2px 10px;  border:1px solid #0059a6; font-size:0;  text-align: center; transition:0.3s; background-color: #0059a6}
.btn_header_maj > span{font-size: 13px;line-height: 19px; color: #fff;}
.btn_header_maj:hover{background-color: #005197; border:1px solid #005197;}
.btn_header_maj.disabled{background-color: #bbbbbb; color:#ebebe4; cursor: default; border:1px solid #bbbbbb;}

.btn_header_min{display: inline-block; min-width:70px; position: relative; padding: 2px 10px; color: #0059a6; border:1px solid #bebebe; font-size:0;  text-align: center; transition:0.3s;}
.btn_header_min > span{font-size: 13px;line-height: 19px;}
.btn_header_min:hover{background-color: rgba(0,0,0,0.05);}
.btn_header_min.disabled{background-color: #bbbbbb; color:#ebebe4; cursor: default; border:1px solid #bbbbbb;}

.btn_sc_init{position: relative;}
.btn_sc_init > span{position: relative; font-size:13px; line-height: 22px; padding-left:15px;}
.btn_sc_init > span:before{content:''; position: absolute; width: 11px; height: 11px; left:0px; top:50%; margin-top:-5px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -18px -9px;}

.btn_del{position:relative; display: inline-block; width: 13px; height: 13px;}
.btn_del span{display: none;}
.btn_del:before{content:''; display: block; position: absolute; width: 13px; height: 13px; top:0px; left:0;  background-image: url(/resources/images/common/ico_spr_all.png); opacity:1; transition:0.3s; background-position: -106px 0px}
.btn_del:after{content:''; display: block; position: absolute; width: 13px; height: 13px; top:0px; left:0; background-image: url(/resources/images/common/ico_spr_all.png); opacity:0; transition:0.3s; background-position: -119px 0px}
.btn_del:hover:after{opacity:1}
.btn_del.disabled{background-image: url(/resources/images/common/ico_spr_all.png);background-position: -132px 0px; cursor: default;}
.btn_del.disabled:before{display: none;}
.btn_del.disabled:after{display: none;}

.btn_numlink{position: relative; display: inline-block; line-height: 24px; padding:0px 4px; color: #0059a6; transition:0.3s;}
.btn_numlink:hover{color:#F58220;}
/*
.btn_numlink:hover:before{opacity:0;}
.btn_numlink:before{content: ''; position: absolute; width: 12px; height: 12px; right: -11px; top:8px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -88px -41px;transition:0.3s; opacity:1;}
.btn_numlink:after{content: ''; position: absolute; width: 12px; height: 12px; right: -11px; top:8px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -100px -41px;transition:0.3s; opacity:0;}
.btn_numlink:hover:after{opacity:1;}
*/


/* blit */
.blt_req_ipt{margin-right:5px; vertical-align:middle; text-indent: -9999px; width:5px; height:5px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -42px 0px;}

/* grade icon */
.grd_ico{display:inline-block; font-size:0; line-height: 14px; margin-left: 3px;}
.grd_ico > span{display:inline-block; border:1px solid #444; font-size:13px; padding:0 4px;}
.grd_ico .num{margin-left:-1px; color:#fff;}
.grd_ico.lsk_hist > span{border:1px solid #d61919}
.grd_ico.lsk_hist > .tit{color:#d61919}
.grd_ico.lsk_hist > .num{background: #d61919}
.grd_ico.lsk_hi > span{border:1px solid #f96e20}
.grd_ico.lsk_hi > .tit{color:#f96e20}
.grd_ico.lsk_hi > .num{background: #f96e20}
.grd_ico.lsk_sohi > span{border:1px solid #e57d00}
.grd_ico.lsk_sohi > .tit{color:#e57d00}
.grd_ico.lsk_sohi > .num{background: #e57d00}
.grd_ico.lsk_nm > span{border:1px solid #e8a906}
.grd_ico.lsk_nm > .tit{color:#e8a906}
.grd_ico.lsk_nm > .num{background: #e8a906}
.grd_ico.lsk_lw > span{border:1px solid #5eb01d}
.grd_ico.lsk_lw > .tit{color:#5eb01d}
.grd_ico.lsk_lw > .num{background: #5eb01d}
.grd_ico.lsk_lwst > span{border:1px solid #0a8c13}
.grd_ico.lsk_lwst > .tit{color:#0a8c13}
.grd_ico.lsk_lwst > .num{background: #0a8c13}

/* tab */
.tab_hd > ul{display: table; width: 100%; border:1px solid #dbdbdb}
.tab_hd > ul > li{display:table-cell; width: 10%; text-align: center; border-left:1px solid #dbdbdb}
.tab_hd > ul > li:first-child{border-left:0px;}
.tab_hd > ul > li > a{position:relative; display:block; margin:-1px; font-size:14px; line-height:20px; padding:10px;transition:0.3s;}
.tab_hd > ul > li > a:hover{background-color: rgba(0,0,0,0.05)}
.tab_hd > ul > li > a.on{background-color:#0059a6}
.tab_hd > ul > li > a.on > span{color:RGBA(255,255,255,1);}
.tab_hd > ul > li > a > span{font-size:14px; line-height:20px;}

.tab_bd{margin-top:20px;}
.tab_bd:after{content: ''; display: block; clear: both;}

/* process box */
.proc_box{text-align: center; }
.proc_box > ol{position: relative; display: table; width: 100%;}
.proc_box > ol > li{display: table-cell; width: 10%;}
.proc_box > ol > li > strong{display:block; font-weight: normal; color: #444; font-size:20px; border-bottom:1px solid #ddd; line-height: 24px; padding:7px 0;}
.proc_box > ol > li > span{display:block; color: #444;font-size:16px;line-height: 24px; padding:5px 0;}
.proc_box > ol > li.on > strong{color: #0059a6; border-bottom:2px solid #0059a6; padding-bottom: 6px;}
.proc_box > ol > li.on > span{color: #0059a6; }

/* table */
.tbl_ipt table{width:100%;border-top:1px solid #444;border-bottom:1px solid #bebebe;font-size:12px;border-collapse: separate; font-size:13px; margin-top:10px;}
.tbl_ipt table:first-child{margin-top:0;}
.tbl_ipt table th{color:#444;font-weight:normal; height:49px; padding:8px 10px;text-align:center;border-top:1px solid #e5e5e5;background:#f4f4f4;vertical-align:middle;word-wrap:break-word;}
.tbl_ipt table th.cell_tix{text-align: left;}
.tbl_ipt table th label{line-height: 18px;}
.tbl_ipt table th + td, .tbl_ipt table td + th {border-left:1px solid #e5e5e5}
.tbl_ipt table td{border-left:1px solid #e5e5e5}
.tbl_ipt table tr:first-child th, .tbl_ipt table tr:first-child td {border-top:none} 
.tbl_ipt table td {color:#444;border-top:1px solid #e5e5e5; height:49px; padding:4px 10px;font-size:13px; line-height:20px; vertical-align:middle;word-wrap:break-word;}
.tbl_ipt table td.txtarea_td{line-height: 0px;}
.tbl_ipt table td p{line-height: 20px;}
.tbl_ipt table td.qe_box{padding:10px;}
.tbl_ipt .tbl_bh{background-color: #e8e8e8; border-right:1px solid #e5e5e5;}
.tbl_ipt+.tbl_ipt{margin-top:10px;}
.tbl_ipt table .ipt_selected td{background-color: #f1f5f9}
.tbl_sel table td{cursor: pointer;}
.tbl_ipt table th.fcs{background-color: #f0f8ff; border-left:1px solid #e5e5e5;}
.tbl_ipt table em{color: #f36910}
.tbl_ipt .imp_em{color:#f36910}

.tbl_ipt.row_form table th{border-left:1px solid #e5e5e5; height: 41px;}
.tbl_ipt.row_form table td {text-align:center;border-left:1px solid #e5e5e5; height: 41px;}
.tbl_ipt.row_form table td span{line-height: 16px;}
.tbl_ipt.row_form table td.cell_num {text-align:right;}
.tbl_ipt.row_form table td.cell_tix {text-align:left;}
.tbl_ipt.row_form table tr th:first-child, .tbl_ipt.row_form table tr td:first-child {border-left:none}
.tbl_ipt.row_form table tr th.mtl:first-child{border-left:1px solid #e5e5e5;}
.tbl_ipt.row_form table tr td.mtl:first-child{border-left:1px solid #e5e5e5;}
.tbl_ipt.row_form.dual table tr th + th{border-left:none}
.tbl_ipt.row_form.dual .span_row_td{border-right:1px solid #e5e5e5;}

.tbl_ipt.secu_form td{font-size:15px; padding:8px 10px;}
.tbl_ipt.secu_form td p{color:#0059a6; margin-top:5px;}
.tbl_ipt.secu_form td p.noti{font-size:14px;}
.tbl_ipt.secu_form span.intd{color:#0059a6;}
.tbl_ipt.secu_form span.intd_not{color:#F58220;}

.tbl_ipt.row_form_se table th{border-left:1px solid #e5e5e5; height: 41px;}
.tbl_ipt.row_form_se table th.cell_num {text-align:right;}
.tbl_ipt.row_form_se table td {text-align:center;border-left:1px solid #e5e5e5; height: 41px;}
.tbl_ipt.row_form_se table td.cell_num {text-align:right;}
.tbl_ipt.row_form_se table td.cell_tix {text-align:left;}
.tbl_ipt.row_form_se table tr th:first-child, .tbl_ipt.row_form_se table tr td:first-child {border-left:none}
.tbl_ipt.row_form_se table tr th.mtl:first-child{border-left:1px solid #e5e5e5;}
.tbl_ipt.row_form_se table tfoot th{border-top: 1px solid #e5e5e5;}
.tbl_ipt.row_form_se span{font-size:13px; line-height: 18px;}

.tbl_ipt.tbl_hzt{width: 100%; overflow-x: auto;border-bottom:1px solid #bebebe;}
.tbl_ipt.tbl_hzt table{width: auto; white-space: nowrap;}
.tbl_ipt.tbl_hzt table th{padding:8px 15px;}
.tbl_ipt.tbl_hzt table td{padding:8px 15px;}
.tbl_ipt.hzt_cst table{width: 100%;}
.tbl_ipt.complex table th{padding:8px 5px;}
.tbl_ipt.complex table td{padding:8px 5px;}

.tbl_ipt.mlt_line table th label{line-height: 16px;}
.tbl_ipt.mlt_line table th{padding:8px 4px;}
.tbl_ipt.mlt_line tbody:before{content: ''; display: table-row; height: 10px;}
.tbl_ipt.mlt_line table tr:last-child th{border-bottom:1px solid #e5e5e5}
.tbl_ipt.mlt_line table tr:last-child td{border-bottom:1px solid #e5e5e5}
.tbl_ipt.mlt_line table tr:first-child td{border-top:1px solid #e5e5e5}

.tbl_ipt.line_act table tr:hover td{cursor:pointer; background-color: rgba(9,81,150,0.05) }
.tbl_ipt.line_act_wot_chk table tr:hover td{cursor:pointer; background-color: rgba(9,81,150,0.05) }
.tbl_ipt.line_act_wot_chk table tr:hover td:first-child{cursor:default; background-color: rgba(0,0,0,0) }
.tbl_ipt.btn_next{margin-top:10px;}

.tbl_ipt.main_grid table td span{font-size:15px;}
.tbl_ipt.main_grid table th label{font-size:15px;}

.tbl_ipt.pop_grid_nm table thead tr:first-child th{width: 100%;}

.tbl_ipt .th_imp{font-size:18px; color: #005197}

.tbl_ipt .file_line p{line-height: 19px; margin-top:1px; margin-bottom:1px;}
.tbl_ipt .file_line p a{color:#0059a6}
.tbl_ipt .file_line p a:hover{font-weight: bold}

.tbl_spt{margin-top:10px;}

.cell_tix{text-align: left;}
.cell_num{text-align: right;}
.cell_ctr{text-align: center;}

.sel_line > ul{width: 100%; border-top: 1px solid #444; border-bottom: 1px solid #bebebe;}
.sel_line > ul > li{color: #444; border-top: 1px solid #e5e5e5;}
.sel_line > ul > li:first-child{border-top:0;}
.sel_line > ul > li > label{display:block; padding: 8px 10px; font-size: 14px; line-height: 22px;}
.sel_line > ul > li > label.ipt_rdo_inb{margin-right:0;}
.sel_line > ul > li > label.line_db{background-color: rgba(245,130,32,0.1)}
.sel_line > ul > li > label.line_dc{background-color: rgba(9,81,150,0.1)}
.sel_line > ul > li > label:hover{background-color: rgba(0,0,0,0.05)}

.tbl_lst > ul{border-top:1px solid #444;border-bottom:1px solid #bebebe; display: table; width: 100%;}
.tbl_lst > ul > li{display: table-row;}
.tbl_lst > ul > li:first-child > div{border-top:0;}
.tbl_lst > ul > li > div{display: table-cell; border-top:1px solid #e5e5e5; padding:10px; vertical-align: middle;}


.tbl_vtc table{width:100%;border-top:1px solid #444;border-bottom:1px solid #bebebe;font-size:12px;border-collapse: separate; font-size:13px;}
.tbl_vtc table th{color:#444;font-weight:normal; height:49px; padding:8px 10px;text-align:center;border-top:1px solid #e5e5e5;background:#f4f4f4;vertical-align:middle;word-wrap:break-word;}
.tbl_vtc table th label{line-height: 18px;}
.tbl_vtc table tr:first-child th, .tbl_ipt table tr:first-child td {border-top:none}
.tbl_ipt table tbody tr:first-child td {border-top:1px solid #e5e5e5}
.tbl_vtc table td {color:#444; border-top:1px solid #e5e5e5; padding:0px; font-size:13px; line-height:20px; vertical-align:middle;word-wrap:break-word;}

.tgl_line{padding:0;}
.tgl_line > a{display:block; position:relative; font-size:14px; line-height:20px; padding:10px; font-weight:bold; background-color:#f9f9f9; transition:0.3s;}
.tgl_line > a:before{content:""; display:block; position:absolute; width:10px; height:2px; top:50%; margin-top:-1px; right:10px; background-color:#444;}
.tgl_line > a.on:after{content:""; display:block; position:absolute; width:2px; height:10px; top:50%; margin-top:-5px; right:14px; background-color:#444;}
.tgl_line > a.on + ul{display:block}
.tgl_line > ul{display:none; border-top: 1px solid #ccc;padding:3px 10px; transition:0.3s;}
.tgl_line > ul > li{font-size:14px; line-height:20px; margin:6px 0; }
.tgl_line > ul > li > label > input{display:inline-block; vertical-align: middle;}
.tgl_line > ul > li > label > strong{display:inline-block; font-weight:bold}
.tgl_line > ul > li > label > span{display:inline-block; font-size:12px; color:#969DA1; margin-left:10px;}
.tgl_line > ul > li > p{margin-top:2px;}
.tgl_line > ul > li > p > label{padding-left:10px;}

.tbl_vtc .sel_all{position: relative;height: 0;}
.tbl_vtc .sel_all label{font-size: 14px;position: absolute; top: -20px; right: 0px;}
.tbl_vtc .sel_all .ipt_chk_inb{margin-right:0;}

.file_list > li{margin:4px 0;}

.lst_ing{text-align: left; padding:4px 0;}
.lst_ing > li{margin-top:8px;}
.lst_ing > li:first-child{margin-top:0;}

.grid_unit{display: block;}



/* contents -------------------------------------------------------------------------- */

/* main */
.main_wrap{position: relative; width: 1000px; margin:0 auto; padding-top:50px;}

/* login */
.login_wrap{position: relative; width: 800px; margin:0 auto; padding-top:50px;}
.login_box{margin-top:40px;}
.login_box:after{content: ''; display: block; clear: both;}
.login_box > div{float:left; padding:0 30px;}
.login_box .login_id{width: 400px; }
.login_box .login_crt{width: 400px;border-right:1px solid #dbdbdb}
.login_box .frm{}
.login_box .ntc{text-align: center; padding:30px 0 20px; font-size:15px; line-height: 20px;}
.login_box .loginfrm_crt{height: 171px;}
.login_box .loginfrm ul li{margin-top: 8px;}
.login_box .loginfrm ul li:first-child{margin-top:0;}
.login_box .inptype input[type="text"], .login_box .inptype input[type="password"]{padding: 10px;}
.login_box .btnarea.dual{margin-top:10px;}

.logininfo{background: #fff; margin: 30px 0 0px; border: 1px solid #dbdbdb; clear: both; padding:15px 30px;}

/* security */
.secu_wrap{position: relative; width: 900px; margin:0 auto; padding-top:50px;}

/* search form */
.search_main{background: #fafafa; padding: 30px 40px; border: 1px solid #e1e1e1;}
.search_rst_box{position: absolute; top:40px; width: 100%;}
.search_main > p{text-align: right; margin-top:5px}

.search_dtl{margin-top:20px;}
.search_dtl table td{vertical-align: top; padding:0;}

.search_noti{margin-top:4px;}
.search_noti > span{position:relative; padding-left:15px; font-size:13px; line-height: 18px; }
.search_noti > span:before{position: absolute; content:'¡Ø'; left: 0;}

.inner_txt{padding: 8px 10px; font-size:13px; line-height: 18px;}
.inner_sel_box{text-align: left; padding: 4px 10px; height: 150px; overflow-y:auto;}
.inner_sel_box > li{margin:4px 0;}

.rst_line{margin-bottom:20px;}
.rst_line > ul:after{content: ''; display: block; clear: both;}
.rst_line > ul > li{float: left; margin-right:10px;}
.rst_line > ul > li > label{vertical-align: top;font-size:16px; line-height: 22px;}
.rst_line > ul > li > span{font-size:16px; line-height: 22px;}
.rst_line > ul > li > span > strong{font-size:20px; color:#0059a6}

.rst_noti{border-top:1px solid #dbdbdb; padding-top:20px;padding-bottom:10px;}
.rst_noti:after{content: ''; display: block; clear: both;}
.rst_noti > p{float: left}
.rst_noti > p > span{position:relative; padding-left:10px; font-size:13px; line-height: 20px;}
.rst_noti > p > span:before{content:''; position:absolute; width: 2px; height: 2px; top:10px; left:0; background-color: #444; }
.rst_noti > .add_box{float: right; padding-top:3px; font-size:0;}
.rst_noti > .add_box > .btn_maj{margin-left:10px;}

.sch_thm > ul{display: table; width: 100%; border:1px solid #dbdbdb}
.sch_thm > ul > li{display:table-cell; width: 10%; text-align: center; border-left:1px solid #dbdbdb}
.sch_thm > ul > li:first-child{border-left:0px;}
.sch_thm > ul > li > .btn_thm{position:relative; display:block; margin:-1px; font-size:14px; line-height:20px; padding:90px 10px 20px 10px;transition:0.3s;}
.sch_thm > ul > li > .btn_thm:hover{background-color: #0059a6}
.sch_thm > ul > li > .btn_thm.on{background-color: #0059a6}
.sch_thm > ul > li > .btn_thm > span{color:#0059a6; font-size:15px; line-height: 18px;}
.sch_thm > ul > li > .btn_thm:hover > span{color:#fff}
.sch_thm > ul > li > .btn_thm.on > span{color:#fff}
.btn_thm:before{content:''; display: block; position: absolute; width: 70px; height: 70px; top:20px; left:50%; margin-left:-35px; background-image: url(/resources/images/common/ico_spr_all.png); opacity:0.27; transition:0.3s;}
.btn_thm:after{content:''; display: block; position: absolute; width: 70px; height: 70px; top:20px; left:50%; margin-left:-35px; background-image: url(/resources/images/common/ico_spr_all.png); opacity:0; transition:0.3s;}
.btn_thm:hover:before{opacity:0}
.btn_thm:hover:after{opacity:1}
.btn_thm.on:before{opacity:0}
.btn_thm.on:after{opacity:1}
.btn_thm.fnd_crt:before{background-position: 0px -55px;}
.btn_thm.fnd_crt:after{background-position: -70px -55px;}
.btn_thm.fnd_dms:before{background-position: 0px -125px;}
.btn_thm.fnd_dms:after{background-position: -70px -125px;}
.btn_thm.fnd_ovs:before{background-position: 0px -195px;}
.btn_thm.fnd_ovs:after{background-position: -70px -195px;}
.btn_thm.fnd_bnd:before{background-position: 0px -265px;}
.btn_thm.fnd_bnd:after{background-position: -70px -265px;}

.main_thm > ul{display: table; width: 100%; border:1px solid #dbdbdb}
.main_thm > ul > li{display:table-cell; width: 10%; text-align: center; border-left:1px solid #dbdbdb}
.main_thm > ul > li:first-child{border-left:0px;}
.main_thm > ul > li > label{position:relative; display:block; margin:-1px; font-size:14px; line-height:20px; padding:100px 10px 20px 10px;}
.main_thm > ul > li > label:before{content: ''; display: block; position: absolute; width: 70px; height: 70px; top: 20px; left: 50%; margin-left:-35px; background-image: url(/resources/images/common/ico_spr_all.png);}
.main_thm > ul > li > label > span{font-size:15px; line-height: 18px;}
.main_thm > ul > li > label > em{display: block; font-size:18px; line-height:22px; margin-top:8px;}
.main_thm > ul > li > label > em.imp{color: #f36910}

.main_thm > ul > li > button{position:relative; display:block; margin:-1px; font-size:14px; line-height:20px; padding:100px 10px 20px 10px; transition:0.3s; z-index: 0;}
.main_thm > ul > li > button:hover{background-color: rgba(0,0,0,0.05)}
.main_thm > ul > li > button:before{content: ''; display: block; position: absolute; width: 70px; height: 70px; top: 20px; left: 50%; margin-left:-35px; background-image: url(/resources/images/common/ico_spr_all.png);}
.main_thm > ul > li > button:active{position:relative; left:0; top:0;}
.main_thm > ul > li > button > span{font-size:15px; line-height: 18px;}
.main_thm > ul > li > button > em{display: block; font-size:18px; line-height:22px; margin-top:8px;}
.main_thm > ul > li > button > em.imp{color: #f36910}

.main_thm > ul > li > a{position:relative; display:block; margin:-1px; font-size:14px; line-height:20px; padding:100px 10px 20px 10px; transition:0.3s;}
.main_thm > ul > li > a:hover{background-color: rgba(0,0,0,0.05)}
.main_thm > ul > li > a:before{content: ''; display: block; position: absolute; width: 70px; height: 70px; top: 20px; left: 50%; margin-left:-35px; background-image: url(/resources/images/common/ico_spr_all.png);}
.main_thm > ul > li > a:active{position:relative; left:0; top:0;}
.main_thm > ul > li > a > span{font-size:15px; line-height: 18px;}
.main_thm > ul > li > a > em{display: block; font-size:18px; line-height:22px; margin-top:8px;}
.main_thm > ul > li > a > em.imp{color: #f36910}

.num_stat{display: table; font-size: 14px; width: 100%; margin-top:10px; margin-bottom:-5px;}
.num_stat > li{display: table-cell; width: 25%; position: relative; text-align: center;}
.num_stat > li:before{content: ''; position: absolute; width: 1px; height: 80%; top: 10%; left: 0px; background-color: #eeeeee;}
.num_stat > li:first-child:before{display:none;}
.num_stat > li > label{display: block; margin-bottom:8px; font-size:13px;}
.num_stat > li > span{display: block; line-height: 22px; vertical-align: middle;}
.num_stat > li > a{display: block; line-height: 22px; vertical-align: middle; color:#f36910; font-size:18px;}

.moneytop{position:relative;margin-bottom:30px;padding:0 35px;}
.moneytop .text{font-size:15px; line-height: 22px; text-align: center; margin-top:30px;}
.moneytop .steptip{position:relative;margin:20px auto; width:365px;height:130px;background:url(/resources/images/icon/bg_line_arrow.png) no-repeat 50% 80px;}
.moneytop .steptip li{float:left;}
.moneytop .steptip strong{position:absolute;top: 42px;width:138px;height:47px;line-height:47px;color:#fff;font-weight:600;text-align:center;}
.moneytop .steptip em{display:none;position:absolute;top:0;width:138px;line-height:1.2;text-align:center;}
.moneytop .steptip .save strong{left:47px;background-color:#de1453;}
.moneytop .steptip .share strong{right:37px;background-color:#0076cd;}
.moneytop .steptip .save em{left:47px;color:#de1453;}
.moneytop .steptip .share em{right:37px;color:#0076cd;}
.moneytop .steptip span{position:absolute;bottom:0;left:10px;z-index:1;color:#444;font-size:15px;}
.moneytop .steptip .today span{left:168px;padding:30px 5px 0;background:url(/resources/images/icon/ico_cercle.png) no-repeat 50% 0;}

.sum_user{display:table}
.sum_user .grade_view{display:table-cell; position:relative; height:120px; width: 231px;}
.sum_user .grade_view:before{content: ''; position:absolute; width: 100px; height: 120px; top:50%; left:50%; margin-left:-50px; margin-top:-60px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: 0 -335px;}
.sum_user .grade_view:after{content: ''; position:absolute; width: 1px; height: 60%; top:20%; right: 0px; background-color: #e5e5e5}
.sum_user .grade_view > p{position: absolute; width: 100%; height:42px; text-align: center; top:50%; margin-top:-33px;}
.sum_user .grade_view > p > span{display:block; font-size:14px; line-height: 22px;  text-align: center;}
.sum_user .grade_view > p > span.tit{font-size:18px; line-height: 20px;}
.sum_user .grade_view > p:after{content: ''; position:absolute; width: 28px; height: 28px; bottom:-30px; left:50%; margin-left:-14px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -100px -335px;}
.sum_user .red1{color:#c00a11}
.sum_user .red2{color:#c00a11}
.sum_user .ylw1{color:#c15c04}
.sum_user .ylw2{color:#c15c04}
.sum_user .grn{color:#65a30d}
.sum_user .red1 span{color:#c00a11}
.sum_user .red2 span{color:#c00a11}
.sum_user .ylw1 span{color:#c15c04}
.sum_user .ylw2 span{color:#c15c04}
.sum_user .grn span{color:#65a30d}
.sum_user .grade_view > span.red1:after{background-position: -100px -335px;}
.sum_user .grade_view > span.red2:after{background-position: -100px -335px;}
.sum_user .grade_view > span.ylw1:after{background-position: -100px -363px;}
.sum_user .grade_view > span.ylw2:after{background-position: -100px -363px;}
.sum_user .grade_view > span.grn:after{background-position: -100px -391px;}
.sum_user .sent_view{display:table-cell; padding:20px;}
.sum_user .sent_view > p{font-size:16px; line-height: 22px;}
.sum_user .sent_view > span{font-size:14px; line-height: 20px; margin-top:10px;}

.grd_nts .grade_view{ width:230px;}
.grd_nts .grade_view > p{margin-left:110px; position: relative;}
.grd_nts .grade_view > p > span{display:block; font-size:14px; line-height: 22px;  text-align: left;}
.grd_nts .grade_view > p > span.tit{font-size:18px; line-height: 20px;}
.grd_nts .grade_view > p:after{content: ''; position:absolute; width: 28px; height: 28px; left:-40px; top:50%; margin-top:-14px;  background-image: url(/resources/images/common/ico_spr_all.png); background-position: -100px -335px;}
.grd_nts .red1 .grade_view > p:after{background-position: -100px -335px;}
.grd_nts .red2 .grade_view > p:after{background-position: -100px -335px;}
.grd_nts .ylw1 .grade_view > p:after{background-position: -100px -363px;}
.grd_nts .ylw2 .grade_view > p:after{background-position: -100px -363px;}
.grd_nts .grn .grade_view > p:after{background-position: -100px -391px;}
.grd_nts .red .grade_view > p:after{background-position: -100px -335px;}
.grd_nts .orange .grade_view > p:after{background-position: -100px -335px;}
.grd_nts .yellow .grade_view > p:after{background-position: -100px -363px;}
.grd_nts .yellowgren .grade_view > p:after{background-position: -100px -363px;}
.grd_nts .green .grade_view > p:after{background-position: -100px -391px;}
.grd_nts .sent_view > p{font-size:16px; line-height: 22px;}
.grd_nts .sent_view > span{font-size:14px; line-height: 20px; margin-top:5px; color:#444;}
.grd_nts .sent_view > span.txt{color:#444;}
.grd_nts .red1 span{color:#c00a11;}
.grd_nts .red1 strong{color:#c00a11;}
.grd_nts .red2 span{color:#c00a11;}
.grd_nts .red2 strong{color:#c00a11;}
.grd_nts .ylw1 span{color:#c15c04;}
.grd_nts .ylw1 strong{color:#c15c04;}
.grd_nts .ylw2 span{color:#c15c04;}
.grd_nts .ylw2 strong{color:#c15c04;}
.grd_nts .grn span{color:#65a30d;}
.grd_nts .grn strong{color:#65a30d;}
.grd_nts .red span{color:#d61919;}
.grd_nts .red strong{color:#d61919;}
.grd_nts .orange span{color:#f96e20;}
.grd_nts .orange strong{color:#f96e20;}
.grd_nts .yellow span{color:#e8a906;}
.grd_nts .yellow strong{color:#e8a906;}
.grd_nts .yellowgreen span{color:#5eb01d;}
.grd_nts .yellowgreen strong{color:#5eb01d;}
.grd_nts .green span{color:#0a8c13;}
.grd_nts .green strong{color:#0a8c13;}


.grd_clr_red1{color:#c00a11}
.grd_clr_red2{color:#c00a11}
.grd_clr_ylw1{color:#c15c04}
.grd_clr_ylw2{color:#c15c04}
.grd_clr_grn{color:#65a30d}

.sum_user_tit:after{content: ''; display: block; clear: both;}
.sum_user_tit .grade_box{float: left; width: 230px; padding:10px 20px 10px 20px; margin-right:10px;}
.sum_user_tit .grade_box > ul > li > span{color: #fff; font-size:14px; line-height: 18px;}
.sum_user_tit .grade_box .tit{background-color: #e5e5e5}
.sum_user_tit .grade_box > ul > li.tit > span{color: #444}
.sum_user_tit .grade_box > ul > li.tit{padding:10px 5px;}
.sum_user_tit .grade_box > ul{border-radius:4px; overflow: hidden;}
.sum_user_tit .grade_box > ul > li{text-align: center; padding:10px 5px; border-top:1px solid #fff;}
.sum_user_tit .grade_box > ul > li:first-child{border-top:0;}
.sum_user_tit .grade_box .red{background-color:#d61919}
.sum_user_tit .grade_box .orange{background-color:#f96e20}
.sum_user_tit .grade_box .orange2{background-color:#e57d00}
.sum_user_tit .grade_box .yellow{background-color:#e8a906}
.sum_user_tit .grade_box .green{background-color:#5eb01d}
.sum_user_tit .grade_box .green2{background-color:#0a8c13}
.sum_user_tit .sent_box > .tit > strong {display:block; font-size: 30px; line-height: 36px;}
.sum_user_tit .sent_box > .tit > span{display:block; font-size: 30px; line-height: 36px;}
.sum_user_tit .sent_box > .txt{margin-top:20px;}
.sum_user_tit .sent_box > .txt > span{display: block; font-size: 14px; line-height: 22px; margin-top:20px;}
.sum_user_tit .sent_box .red{color:#d61919}
.sum_user_tit .sent_box .orange{color:#f96e20}
.sum_user_tit .sent_box .orange2{color:#e57d00}
.sum_user_tit .sent_box .yellow{color:#e8a906}
.sum_user_tit .sent_box .green{color:#5eb01d}
.sum_user_tit .sent_box .green2{color:#0a8c13}

.qe_box{padding:10px;}
.qe_tit{font-size:15px; line-height: 22px;}
.qe_sel > li{position: relative; font-size: 14px; line-height: 20px; padding-left: 10px; margin: 4px 0;}
.qe_sel.hrz:after{content: ''; display: block; clear: both;}
.qe_sel.hrz > li{float: left; min-width: 200px;}

.done_area{padding:20px 0;}
.done_area > p{position:relative; text-align: center; padding-top:120px; font-size: 25px; line-height: 30px; font-weight: bold; color: #333;}
.done_area > p:before{content: ''; display: block; position: absolute; width: 70px; height: 70px; top: 10px; left: 50%; margin-left: -35px;background-image: url(/resources/images/common/ico_spr_all.png); background-position: 0px -455px;}
.done_area > span{display: block; text-align:center; margin-top:10px; font-size: 14px; line-height: 22px;}

.secu_area{padding:20px 0;}
.secu_area > p{position:relative; text-align: center; padding-top:120px; font-size: 25px; line-height: 30px; font-weight: bold; color: #333;}
.secu_area > p:before{content: ''; display: block; position: absolute; width: 116px; height: 98px; top: 10px; left: 50%; margin-left: -58px;background-image: url(/resources/images/common/ico_spr_all.png); background-position: -262px -24px;}
.secu_area > span{display: block; text-align:center; margin-top:10px; font-size: 14px; line-height: 22px;}

.ntc_tix{font-size:16px; line-height: 24px;}

.errorwrap {overflow: auto; position: relative; width: 100%; padding: 30px 10px 70px; text-align: center;}
.errorcnt h2{position:relative; font-size:22px; line-height: 30px;margin:10px 0; padding-top:140px;}
.errorcnt h2:before{content: ''; display: block; position: absolute; width: 102px; height: 116px; top: 0px; left: 50%; margin-left: -51px;background-image: url(/resources/images/common/ico_spr_all.png); background-position: -160px -24px;}
.errorcnt.ntwk h2:before{content: ''; display: block; position: absolute; width: 112px; height: 100px; top: 0px; left: 50%; margin-left: -56px;background-image: url(/resources/images/common/ico_spr_all.png); background-position: -210px -140px;}
.errorcnt p{font-size:16px; line-height: 24px;margin-bottom:30px;}
.errorcnt a {text-decoration: underline;color: #0059a6;font-weight: bold;}
.errorcnt em {font-weight: bold;color: #F58220;}
.errorwrap .logo{position: relative; display: inline-block; margin-bottom:30px;}
.errorwrap .logo img{width: 70%;}

.dashbd > ul > li:after{content: ''; display: block; clear: both;}
.dashbd > ul > li{padding:10px 0; border-top:1px solid #e5e5e5;}
.dashbd > ul > li:first-child{border-top:0;}
.dashbd > ul > li > .tit{float: left;}
.dashbd > ul > li > .tit > label{position: relative; font-size:0px; padding:20px 10px 20px 100px;}
.dashbd > ul > li > .tit > label:before{content: ''; display: block; position: absolute; width: 70px; height: 70px; top: 0px; left: 10px; background-image: url(/resources/images/common/ico_spr_all.png);}
.dashbd > ul > li > .sub{float: right; padding:20px 10px;}
.dashbd > ul > li > .sub.mtl{padding:0px;}
.dashbd > ul > li > .sub.mtl > ul{padding:10px 0;}
.dashbd > ul > li > .sub.mtl > ul > li >.tit{display:block; font-size:14px; line-height: 20px; text-align: center;}
.dashbd > ul > li > .sub.mtl > ul > li >.sub{display:block; font-size:18px; line-height: 30px; text-align: center; color:#f36910}
.dashbd > ul > li > .sub > ul:after{content: ''; display: block; clear: both;}
.dashbd > ul > li > .sub > ul > li{float: left; margin-left:20px;}
.lb_txt{font-size:18px; line-height: 30px;}
.icon_ds_01:before{background-position: -140px -155px;}
.icon_ds_02:before{background-position: -140px -225px;}
.icon_ds_03:before{background-position: -140px -295px;}
.icon_ds_04:before{background-position: -140px -365px;}
.icon_ds_05:before{background-position: -140px -435px;}
.icon_ds_06:before{background-position: -210px -295px;}
.icon_ds_07:before{background-position: -210px -365px;}
.icon_ds_08:before{background-position: -210px -435px;}
.icon_ds_09:before{background-position: -280px -295px;}
.icon_ds_10:before{background-position: -280px -365px;}

.dashbd > ul > li > .sub > .num{font-size:18px; line-height: 30px;}

.info_box{position: relative; vertical-align: top; z-index: 1;}
.info_box.tbl_inr{height: 18px;}
.info_btn{position: relative; text-indent: -9999px; width: 30px; height: 30px; z-index: 1;}
.info_btn:before{content: ''; display: block; position: absolute; width: 14px; height: 14px; top: 8px; left: 8px; background-image: url(/resources/images/common/ico_spr_all.png); background-position: -26px -41px; z-index: 1;}
.info_sub{display: none; position: absolute; font-size: 14px; white-space: nowrap; background-color:#fff;  border:1px solid #f28121; border-radius:4px; padding:10px; top:50%; left:30px; transform: translate(0,-50%); /* -webkit-transform: translate(0,-50%); */ -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%);}
.info_sub:before{content: ''; display: block; position: absolute; width: 5px; height: 9px; top:50%; margin-top:-4px; left:-5px;background-image: url(/resources/images/common/ico_spr_all.png); background-position: -29px -10px;}
.info_btn:hover + .info_sub{display: block;}
.sub_tx_tp{display: block; border-bottom:1px solid #444; padding-bottom:5px;}
.sub_tx_bm{display: block; text-align: center; padding-top:5px;}
.tbl_inr .info_btn{width: 18px; height: 18px;}
.tbl_inr .info_btn:before{top:2px; left: 2px;}
.tbl_inr .info_sub{top:40px; left:-20px; z-index: 1;}
.tbl_inr .info_sub:before{width: 9px; height: 5px; top:-1px; left:24px;}
.tbl_inr.lst .info_sub{left:auto; right:-20px; }
.tbl_inr.lst .info_sub:before{left:auto; right:24px;}
.main_thm .info_btn{width: 18px; height: 18px;}
.main_thm .info_btn:before{top:2px; left: 2px;}
.main_thm .info_sub{ top:25px; left:50%; z-index: 1; transform: translate(-50%,0); /* -webkit-transform: translate(-50%,0); */ -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0);}
.main_thm .info_sub:before{width: 9px; height: 5px; top:-1px; left:50%; margin-left:-4px;}

.exp_box{position: relative; margin: 30px 0; border:1px solid #dbdbdb; padding:20px;}
.exp_box > ul{display: table; width: 100%;}
.exp_box > ul > li{display: table-cell; width: auto; text-align: center;}
.exp_box dl{display: table; text-align: center; margin: 0 auto;}
.exp_box dl:nth-child(2){width:400px;}
.exp_box dt{display:table-cell; vertical-align: middle;}
.exp_box dt span{position:relative; padding-right:32px;padding-left:10px; font-size:16px; line-height: 22px;}
.exp_box dt span::before{content:"";display:block; position:absolute;top: 50%; margin-top:-1px; left:0;width:2px;height:2px; background-color: #444;}
.exp_box dt span::after{content:'=';display:inline-block;position:absolute;top: 0px;right: 10px;}
.exp_box dd{display:table-cell; position:relative; white-space: nowrap; vertical-align: middle; font-size: 0;}
.exp_box dd span{display: inline-block; vertical-align: middle;font-size:14px; line-height: 22px;}
.exp_box dd:after{content: ''; display: block; clear: both;}
.exp_box .frct span{display: block;}

.syb{display:inline-block; vertical-align:middle; width: 12px; height: 12px; text-indent: -9999px; background-image: url(/resources/images/common/ico_spr_all.png); margin:2px 8px;}
.syb.pls{background-position: -40px -41px;}
.syb.mns{background-position: -52px -41px;}
.syb.mtp{background-position: -64px -41px;}
.syb.dvs{background-position: -76px -41px;}
.frct{margin:0 4px;}
.frct .syb.dvs{display:block; width:100%; height:2px; background-color:#888; margin:4px 0; background-image: none;}

.login2hd{position: absolute;top: 0; left: 0; width: 100%; height: 150px; border-bottom:1px solid #eeeeee;}
.login2hd .logo{position: absolute; top:50px; margin:0 auto;left: 50%; margin-left: -145px;}
.login2hd .logo img{width: 70%;}

.login_wrap.scd{padding-top:100px;}
.login_wrap.scd h1{text-align: center;}
.login_wrap.scd .login_box{margin-top:80px;}
.login_wrap.scd .login_id h2{margin-bottom:154px;}


.login_add{width: 1100px;}
.login_add .login_crt{width: 366px; }
.login_add .login_id{width: 366px;border-right: 1px solid #dbdbdb;}
.login_add .login_ntc{width: 366px; }
.login_add .cert_chk .ipt_rdo_inb{width: 70px;}
.login_add .login_ntc h2{margin-bottom: 102px;}

.cert_chk{display: table; margin:20px 0 10px; width: 100%;}
.cert_chk > p{display: table-cell; vertical-align: middle; padding:0 10px; width: 100px;}
.cert_chk > ul{display: table-cell; padding-left:10px;}
.cert_chk > ul > li{padding:10px; border-top:1px solid #dbdbdb; height: 36px; line-height: 16px;}
.cert_chk > ul > li:first-child{border-top:0;}
.cert_chk .ipt_rdo_inb{width: 80px; display: inline-block;}

.btn.btn_login.scd{background: #fe6500}
.btn.btn_login.scd:hover{background: #e45900}

.cal_set_frm{border: 1px solid #dbdbdb; padding:30px; text-align: center;}
.cal_set_frm > ul {display: table; margin:auto;}
.cal_set_frm > ul > li{display: table-cell; text-align: center;}
.cal_set_frm > ul > li > label{position:relative; display:block; margin:-1px; font-size:14px; line-height:20px; padding:80px 20px 0px 20px;}
.cal_set_frm > ul > li > label:before{content: ''; display: block; position: absolute; width: 70px; height: 70px; top: 0px; left: 50%; margin-left:-35px; background-image: url(/resources/images/common/ico_spr_all.png);}
.cal_set_frm > ul > li > label > span{font-size:15px; line-height: 18px;}
.cal_set_frm > ul > li > label > em{display: block; font-size:18px; line-height:22px; margin-top:8px;}
.cal_set_frm > ul > li > label > em.imp{color: #f36910}
.cal_set_frm > ul > li.mth_sym{width:80px; padding:0;position:relative;}
.cal_set_frm > ul > li.mth_sym > span{text-indent: -9999px; display: block; position:absolute; width: 20px; height: 20px; top:50%; left:50%; margin-top:-10px; margin-left:-10px; background-image: url(/resources/images/common/ico_spr_all.png);}
.cal_set_frm > ul > li.mth_sym.mtp > span{background-position: -193px 0;}
.cal_set_frm > ul > li.mth_sym.eql > span{background-position: -213px 0;}

.bbs_paging_wrap p.bbs_paging {padding-top:18px;text-align:center;height:17px;}
.bbs_paging a {margin:0px;color:#555;font-size:13px;display:inline-block;letter-spacing:1px;} /* ±è±¤È£ */
.bbs_paging a:hover{font-weight: bold;}
.bbs_paging span.bar{background:none;display:inline-block;padding:0px !important;margin:0px;} /* ±è±¤È£ */
.bbs_paging .pre_end{padding:0px;display:inline-block; vertical-align:middle; width: 17px; height: 17px; background-image: url(/resources/images/common/ico_spr_all.png);background-position: -210px -240px;}
.bbs_paging .pre_end:hover{background-position: -210px -257px;}
.bbs_paging .pre_end span{font-size: 0; text-indent: -9999px;}
.bbs_paging .pre {padding:0px; display:inline-block; vertical-align:middle;width: 17px; height: 17px; background-image: url(/resources/images/common/ico_spr_all.png);background-position: -227px -240px;}
.bbs_paging .pre:hover{background-position: -227px -257px;}
.bbs_paging .pre span{font-size: 0; text-indent: -9999px;}
.bbs_paging .next {margin-left:5px;padding:0px;display:inline-block; vertical-align:middle;width: 17px; height: 17px; background-image: url(/resources/images/common/ico_spr_all.png);background-position: -244px -240px;}
.bbs_paging .next:hover{background-position: -244px -257px;}
.bbs_paging .next span{font-size: 0; text-indent: -9999px;}
.bbs_paging .next_end {padding:0px;display:inline-block; vertical-align:middle;width: 17px; height: 17px; background-image: url(/resources/images/common/ico_spr_all.png);background-position: -261px -240px;}
.bbs_paging .next_end:hover{background-position: -261px -257px;}
.bbs_paging .next_end span{font-size: 0; text-indent: -9999px;}
.bbs_paging span.first a {display:inline-block;margin:0px} /* ±è±¤È£ */
.bbs_paging a.on {text-decoration:none;background:#0059a6;height:17px;line-height:17px;font-weight:bold;color:#fff; display:inline-block;} /* ±è±¤È£ */
.bbs_paging > span {margin:0 5px 0 0;} /* ±è±¤È£ */
.bbs_paging span > a.on, .bbs_paging span > a.off {padding:0 5px;} /* ±è±¤È£ */
.bbs_paging em {font-weight:bold;background:url(https://img.securities.miraeasset.com/bbsdocs/home/images/bbs/bbs_pageHover.gif) repeat-x 1px;display:inline-block;height:18px;color:#fff;font-family:Tahoma;font-size:14px;padding:0px 3px 0 3px;min-width:11px;}


.txt_pr_wrap{margin:-20px;}
.txt_pr{font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size: 14px;color: #333;background-color: #fff;margin: 20px; line-height: auto;line-height: initial;}
.txt_pr *{font-style:inherit; font-family: inherit;line-height: inherit; color: inherit; font-weight: inherit;}
.txt_pr ul > li{list-style: disc;margin:inherit;}
.txt_pr ol > li{list-style: auto;margin:inherit;}
.txt_pr .cke_editable{font-size: 13px;line-height: 1.6;	word-wrap: break-word;}
.txt_pr blockquote{font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.txt_pr .cke_contents_ltr blockquote{padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
.txt_pr .cke_contents_rtl blockquote{padding-left: 8px;padding-right: 20px;border-right-width: 5px;}
.txt_pr a{color: #0782C1;font-family: inherit;line-height: inherit;}
.txt_pr ol,.txt_pr ul,.txt_pr dl{*margin-right: 0px;padding: 0 40px; font-family: inherit; line-height: inherit; margin:inherit; margin-left:0; margin-right:0;}
.txt_pr li{font-family: inherit;line-height: inherit;margin:inherit;}
.txt_pr h1,.txt_pr h2,.txt_pr h3,.txt_pr h4,.txt_pr h5,.txt_pr h6{font-weight: normal;line-height: 1.2; font-family: inherit; margin:inherit; margin-left:0; margin-right:0;}
.txt_pr h1{}
.txt_pr h2 span{font-size:18px;}
.txt_pr h3{}
.txt_pr h4{}
.txt_pr h5{}
.txt_pr h6{}
.txt_pr hr{border: 0px;border-top: 1px solid #ccc;}
.txt_pr img.right{border: 1px solid #ccc;float: right;margin-left: 15px;padding: 5px;}
.txt_pr img.left{border: 1px solid #ccc;float: left;margin-right: 15px;padding: 5px;}
.txt_pr pre{white-space: pre-wrap; /* CSS 2.1 */word-wrap: break-word; /* IE7 */-moz-tab-size: 4;tab-size: 4;font-family: inherit;line-height: inherit;}
.txt_pr .marker{background-color: Yellow;}
.txt_pr strong{font-style: inherit; font-family: inherit;line-height: inherit; color: inherit; font-weight: bold;}
.txt_pr span{display:inline;}
.txt_pr sub{font-style:inherit; font-family: inherit;line-height: inherit; color: inherit; font-weight: inherit;}
.txt_pr span[lang]{font-style: italic;font-family: inherit;}
.txt_pr figure{text-align: center;outline: solid 1px #ccc;background: rgba(0,0,0,0.05);padding: 10px;margin: 10px 20px;display: inline-block;}
.txt_pr figure > figcaption{text-align: center;	display: block; /* For IE8 */}
.txt_pr a > img {padding: 1px;margin: 1px;border: none;outline: 1px solid #0782C1;}
.txt_pr .code-featured{	border: 5px solid red;}
.txt_pr .math-featured{	padding: 20px;box-shadow: 0 0 2px rgba(200, 0, 0, 1);background-color: rgba(255, 0, 0, 0.05);margin: 10px;}
.txt_pr .image-clean{border: 0;background: none;padding: 0;}
.txt_pr .image-clean > figcaption{font-size: .9em;text-align: right;}
.txt_pr .image-grayscale{background-color: white;color: #666;}
.txt_pr .image-grayscale img,.txt_pr img.image-grayscale{filter: grayscale(100%);}
.txt_pr .embed-240p{max-width: 426px;max-height: 240px;	margin:0 auto;}
.txt_pr .embed-360p{max-width: 640px;max-height: 360px;	margin:0 auto;}
.txt_pr .embed-480p{max-width: 854px;max-height: 480px;margin:0 auto;}
.txt_pr .embed-720p{max-width: 1280px;max-height: 720px;margin:0 auto;}
.txt_pr .embed-1080p{max-width: 1920px;max-height: 1080px;margin:0 auto;}
.txt_pr em{color: inherit; font-style: italic;}
.txt_pr br{font-size: 15px;line-height: 1.6;word-wrap: break-word;}
.tbl_ipt table .txt_pr em{color: inherit; font-style: italic;}

/* 2021-11-16 add style */
.lycont.confirm{min-width: 718px; max-width: 718px;}
.confirm_box{background: #fff; border: 1px solid #dbdbdb; clear: both; padding:40px 30px;}
.confirm_box li {display: inline-block; padding-right:30%}
.confirm_box li:last-child {padding-right:0}
.confirm_box li input {height:19px; margin-right:2px;}
.confirm_box li span{font-weight:bold; font-size:14px; vertical-align:-1px;}
.tit_line.other_30 {margin-top:30px;}
.confirm_list li{position: relative; font-size:14px; line-height: 20px; padding-left:15px; margin:8px 0;}
.confirm_list>li:before{content:''; display: block; position: absolute; width: 2px; height: 2px; top:10px; left:5px; background-color:#444;}
.confirm_list li span{font-weight: bold; color: #fe6500;}
.confirm_list02 {margin-top:30px}
.confirm_list02 li {position: relative; font-size:14px; line-height: 20px; padding-left:22px; margin:8px 0;}
.confirm_list02 li:before{content:'¡Ø'; display: block; position: absolute; width: 2px; height: 2px; top:0px; left:5px; }
.confirm_text02 {font-size:14px; line-height: 20px; padding-left:15px; margin:8px 0; text-align:center; margin:40px 0;}
.confirm_text02 input {height:19px; margin-right:2px;}
.confirm_text02 span{font-size:14px; vertical-align:-1px;}

/* 2021-11-30 add style, 20231213 ¼öÁ¤ */
.investment_propensity_table table{width: 100%; border-collapse: separate; font-size: 16px; text-align: center;}
.investment_propensity_table table th {height: 66px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #e5e5e5; color: #444;}
.investment_propensity_table table td {border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; line-height: 20px;}
.investment_propensity_table table tr:first-child td:nth-child(2) {background: #c00a11;}
.investment_propensity_table table tr:last-child td:nth-child(2) {background: #c00a11;}
.investment_propensity_table table tr:first-child td:nth-child(3) {background: #f96e20;}
.investment_propensity_table table tr:last-child td:nth-child(3) {background: #f96e20;}
.investment_propensity_table table tr:last-child td:nth-child(4) {background: #e57d00;}
.investment_propensity_table table tr:first-child td:nth-child(4) {background: #e8a906;}
.investment_propensity_table table tr:last-child td:nth-child(5) {background: #e8a906;}
.investment_propensity_table table tr:first-child td:nth-child(5) {background: #5eb01d;}
.investment_propensity_table table tr:last-child td:nth-child(6) {background: #5eb01d;}
.investment_propensity_table table tr:first-child td:nth-child(6) {background: #0a8c13; font-color=black;}
.investment_propensity_table table tr:last-child td:nth-child(7) {background: #0a8c13; font-color=black;}
.investment_propensity_table table td:nth-child(7) {background: #0a8c13;}
.investment_propensity_table table td:last-child {border-right: none;}
.investment_propensity_table table tr:first-child th, .investment_propensity_table table tr:first-child td {border-top:none;}
.investment_propensity_table table tr:last-child th, .investment_propensity_table table tr:last-child td {border-bottom:none;}
.investment_propensity_table p {font-size: 16px; margin-top: 10px;}
.investment_propensity_table p span {font-weight: bold;}
.investment_propensity_table p span.red {color:#c00a11;} 
.investment_propensity_table p span.orange {color:#c15c04;} 
.investment_propensity_table p span.green {color:#65a30d;}