@charset "utf-8";

@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:400;
   src:url(font/NotoSansKR-Regular.woff2) format('woff2'),
        url(font/NotoSansKR-Regular.woff) format('woff'),
        url(font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:500;
   src:url(font/NotoSansKR-Medium.woff2) format('woff2'),
        url(font/NotoSansKR-Medium.woff) format('woff'),
        url(font/NotoSansKR-Medium.otf) format('opentype');
}

/*
====================== common ======================
*/

html, body{font-size:13px;color:#666;line-height:1.4;}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video,pre,button,input, select, textarea {
 line-height:inherit;letter-spacing:-0.025em;font-family:Noto Sans KR, sans-serif;
}
strong{font-weight:500;color:inherit;}
input, button, select, textarea {font-family:Noto Sans KR, sans-serif;color:#333;font-size:1rem;}
/* 
  header, title
*/
.pension header{position:fixed;left:0;top:0;width:100%;height:46px;background-color:#fff;z-index:10;}
/*
.pension header h1{margin-top:0;width:107px;left:50%;position:absolute;margin:11px 0 0 -53px;height:17px;}
.pension header h1 img{max-width:100%;margin:0;}
*/
.pension header .btn_panel_new{height:inherit;width:25px;top:13px;}
.pension header .btn_home_new img, 
.pension header .btn_panel_new img{width:inherit;}
.pension #wrap{overflow:visible;height:auto;padding-top:88px;}
.pension #wrap .title {position:fixed;background:#9ad3de;width:100%;top:46px;margin:0;z-index:9;font-weight:bold;padding:10px 0 9px;font-size:17px;color:white;}
.pension #wrap .title h2 {text-align:center;font-size:1.308rem;color:black;font-weight:400;}
.pension #wrap .title .btn_back{overflow:hidden;position:absolute;left:0;top:0;width:46px; height:42px;background:url(../images/btn_title_back.png) no-repeat center;background-size:cover;text-indent:-999px;}
.pension #wrap .title .btnSubMenu{overflow:hidden;position:absolute;right:0;top:0;width:29px; height:42px;background:url(../images/btn_title_menu.png) no-repeat center;background-size:cover;text-indent:-999px;}
.pension .contents{height:auto !important}

.layer_wrap.pensionLayer .pensionCont{overflow:auto;overflow-y:auto;overflow-x:hidden;height:100%;height:calc(100% - 43px);
/* -webkit-overflow-scrolling:touch; */}
.layer_wrap.pensionLayer .layer_in{padding:0;}
.layer_wrap.pensionLayer .layer_in > h1{height:39px;margin:0;font-weight:400;z-index:1001;}
.layer_wrap.pensionLayer .layer_in .layer_closepos{position:fixed;top:0;right:0;z-index:1002;}
.layer_wrap.pensionLayer .layer_in .layer_closepos:before{width:41px;height:39px;background:url(../images/btn_popup_close.png) no-repeat center;background-size:auto 15px;}
.layer_wrap.pensionLayer .btnBottomArea{position:absolute;}
.layer_wrap.pensionLayer .pensionCont .contentsArea{}

/* layout */
.pensionCont{}
.pensionCont .contentsArea{margin-bottom:84px; padding-bottom:43px;}
.pensionCont .contentsArea > *:first-child:not(form){margin-top:25px;}
.pensionCont .contentsArea > .accordionList:first-child,
.pensionCont .contentsArea > .userInfoBox:first-child,
.pensionCont .contentsArea > .productInfoBox:first-child,
.pensionCont .contentsArea > .infoboxGray.noline:first-child,
.pensionCont .contentsArea > .productLIst:first-child{margin-top:0;}
.pensionCont.noFixBtn .contentsArea{padding-bottom:0;}
.contGroup{margin-bottom:30px;}
.contGroup:last-child{margin-bottom:0;}
.contSection{margin-bottom:25px;}
.titleArea{position:relative;padding:0 13px;margin-bottom:18px;}
.titleArea.btn{padding-right:80px;}
.titleArea .btnRight{position:absolute;right:13px;bottom:0;}
.titleArea .btnRight .btns{min-width:62px;}
.titleArea .description{font-size:0.846rem;color:#979797;margin-top:7px;}
.titleArea .description .blockLine{position:relative;display:inline-block;padding:0 10px;}
.titleArea .description .blockLine::before{content:"";display:inline-block;position:absolute;left:0;top:50%;margin-top:-4px;width:1px;height:9px;background-color:#ccc;}
.titleArea .description .blockLine:first-child::before{display:none;}
.titleArea .description .blockLine:first-child{padding-left:0;margin-left:0;}
.titleArea .contTitle1 + .contTitle2{margin-top:5px;}

.blockArea{padding:0 13px;}
.topMg{margin-top:25px;}
.borderBox{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:13px;}
.borderBox + .borderBox{border-top:none;padding-top:1px;}
.borderBox.all{padding:14px;border:1px solid #ccc;}
.underline{border-bottom:1px solid #e5e5e5;}
.contSection.underline{padding-bottom:25px;}
.contSection.underline > *:last-child{margin-bottom:0;}
.contGroup.underline{padding-bottom:30px;margin-bottom:0;}
.contGroup.underline > *:last-child{margin-bottom:0;}
.contGroup.underline + .contGroup{padding-top:25px;}
.topline{border-top:1px solid;padding-top:25px;}
.txtBlock{padding:0 13px;margin-bottom:20px;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb14{margin-bottom:14px !important;}
.mb20{margin-bottom:20px !important;}
.mt5{margin-top:5px !important;}
.nopd{padding:0 !important;}
.nomg{margin:0 !important;}
.nobt{border-top:none !important;}


.blockGroup .blockArea{padding-top:18px;padding-bottom:23px;}
.blockTitle{background-color:#eee;color:#6660aa;border-bottom:1px solid #ccc;padding:8px 13px;}

aside.floating{position:fixed;right:13px;bottom:63px;z-index:9;opacity:0;}
aside.floating .btnTop{display:block;overflow:hidden;width:34px;height:34px;background:url(../images/floating_top.png) no-repeat left top;background-size:cover;text-indent:-999px;}
aside.floating.noFixBtn{bottom:25px;}
.pageModepopup aside.floating{z-index:100001;}

/* title & text */
.contTitle1{display:block;position:relative;color:#333;font-size:1.154rem;line-height:1;font-weight:500;}
.contTitle2{display:block;position:relative;color:#333;font-size:1.077rem;font-weight:500;}

legend.contTitle1{width:100%;height:auto;line-height:inherit;visibility:visible;margin-bottom:18px;}
legend.contTitle2{width:100%;height:auto;line-height:inherit;visibility:visible;margin-bottom:18px;}
strong.contTitle2{margin-bottom:12px;}
.txtPurple{color:#6660aa !important;}
.txtRed{color:#ec555e !important;}
.txtBlue{color:#4465a1 !important;}
.txtGray{color:#979797 !important;}
.txtDark{color:#454545 !important;}
.txtBlack{color:#333 !important;}
.txtSblue{color:#64dcff !important;}
.txtRight {text-align:right !important;}

.sfont2{font-size:0.769rem !important;}/* 10px*/
.sfont1{font-size:0.846rem !important;}/* 11px*/
.sfont{font-size:0.923rem !important;}/* 12px*/
.font1{font-size:1rem !important;} /* 13px*/
.font2{font-size:1.077rem !important;} /* 14px*/
.font3{font-size:1.154rem !important;} /* 15px*/
.font4{font-size:1.231rem !important;} /* 16px*/
.font5{font-size:1.308rem !important;} /* 17px*/
.font6{font-size:1.385rem !important;} /* 18px*/
.font7{font-size:1.461rem !important;} /* 19px*/
.font8{font-size:1.538rem !important;} /* 20px*/
.fontb{font-size:1.923rem !important;} /* 25px*/

.grade1{color:#ec555e !important;} /*珥�����*/
.grade2{color:#ff6000 !important;} /*怨����/
.grade3{color:#956b29 !important;} /*以����/
.grade4{color:#277cd1 !important;} /*���*/
.grade5{color:#1bbbca !important;} /*珥�����*/
.gradeLabel{display:inline-block;height:18px;border:1px solid #ec555e;border-radius:10px;font-size:1rem;padding:0 10px;}
.gradeLabel.grade1{border-color:#ec555e;}
.gradeLabel.grade2{border-color:#ff6000;}
.gradeLabel.grade3{border-color:#956b29;}
.gradeLabel.grade4{border-color:#277cd1;}
.gradeLabel.grade5{border-color:#1bbbca;}

.nodataTxt{position:relative;color:#979797;text-align:center;padding:44px 0 0;display:table;width:100%;}
.nodataTxt::before{content:"";display:block;position:absolute;left:50%;top:0;margin-left:-19px;width:39px;height:39px;border-radius:50%;background-color:#fafafa;background-image:url(../images/icon_nodata.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
.nodataTxt .txt{display:table-cell;width:100%;vertical-align:middle;}

/* tabs */
.tabsArea .tabMenu{margin-bottom:20px;}
.tabsArea .tabMenu::after{content:"";display:block;height:0;clear:both;}
.tabsArea .tabMenu > li{float:left;}
.tabsArea .tabMenu > li > a{display:block;height:31px;line-height:28px;text-align:center;border:1px solid #ccc;border-right-width:0;color:#333;}
.tabsArea .tabMenu > li:last-child > a{ border-right-width:1px;}
.tabsArea .tabMenu > li.active > a{color:#6660aa;font-weight:500;border:1px solid #5e5faa;border-bottom-color:#fff;}
.tabsArea .tabMenu > li.active + li > a{border-left-width:0;}

.tabsArea .tabMenu.col5 > li{width:20%;}
.tabsArea .tabMenu.col4 > li{width:25%;}
.tabsArea .tabMenu.col3 > li{width:33.3%;}
.tabsArea .tabMenu.col3 > li:first-child{width:33.4%;}
.tabsArea .tabMenu.col2 > li{width:50%;}
.tabsArea .tabContent{display:none;}
.tabsArea .tabContent.active{display:block;}

.tabsScroll{padding-top:49px;}
.tabsScroll .tabMenuArea{position:absolute;left:0;top:39px;right:0;overflow:hidden;padding:0 19px;height:49px;background-color:#fff;}
.tabsScroll .tabMenuArea .menuNavi button{position:absolute;top:0;height:49px;width:21px; text-indent:-9999px;overflow:hidden;background-image:url(../images/arrow_tabscroll.png);background-repeat:no-repeat;background-size:auto 12px;}
.tabsScroll .tabMenuArea .menuNavi .btnPrev{left:0;background-position:center left 6px;}
.tabsScroll .tabMenuArea .menuNavi .btnNext{right:0;background-position:center right 6px;}
.tabsScroll .tabMenuArea.start .menuNavi .btnPrev{opacity:0.3;}
.tabsScroll .tabMenuArea.end .menuNavi .btnNext{opacity:0.3;}
.tabsScroll .tabMenu{position:absolute;left:2px;top:0;width:100%;height:49px;}
.tabsScroll.noScroll .tabMenu{ left:0; }
.tabsScroll .tabMenu::after{content:"";display:block;height:0;clear:both;}
.tabsScroll .tabMenu > li{float:left;display:table;width:33.3%;}
.tabsScroll .tabMenu .link{display:block;width:100%;height:49px;background-color:#fff;border:2px solid #ededed;border-left-width:0;color:#333;text-align:left;}
.tabsScroll .tabMenu .link .txtWrap{/* height:37px; */overflow:hidden;;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;padding:0 10px;word-break:break-all;line-height:1.5;}
.tabsScroll .tabMenu > li:first-child .link{border-left-width:2px;}
.tabsScroll .tabMenu .disabled.active .link{color:#6660aa;background-color:#e8e8ff;border-color:#49457d;}
.tabsScroll .tabMenu .disabled .link{color:#979797;background-color:#fafafa;}
.tabsScroll .tabMenu .anchorL .link{border-right-color:#49457d;}
.tabsScroll .tabMenuWrap{position:relative;height:inherit;overflow:auto;overflow-x:auto;overflow-y:hidden;padding:0 0 10px;}
/*.tabsScroll .tabMenuWrap{position:relative;height:inherit;overflow:hidden;}*/
.tabsScroll .tabContent{display:none;font-size:1.538rem;}
.tabsScroll .tabContent.active{display:block;}
.layer_wrap .tabsScroll .tabMenuArea{z-index:1001;}
.tabsScroll.noScroll .menuNavi{display:none;}
.tabsScroll.noScroll .tabMenuArea{padding:0;}

/*
====================== buttons ======================
*/
.btnArea{text-align:center;}
.btnArea.left{text-align:left;}
.btnArea.right{text-align:right;}
.btnFull .btns{width:100%;}

/* fix style button */
.btnBottomArea{position:fixed;z-index:9;left:0;bottom:0;width:100%;}
.btnBottomArea.col2::after{content:"";display:block;height:0;clear:both;}
.btnBottomArea.col2 .btnFix{width:50%;float:left;}
.btnBottomArea .btnFix{display:inline-block;width:100%;text-align:center;line-height:40px;height:43px;font-size:1.154rem;}
.btnBottomArea .btnFix.default{background-color:#e8e8ff;color:#333;}
.btnBottomArea .btnFix.primary{background-color:#dc3513;color:#fff;}

.btns{display:inline-block;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
.btns.wide{width:100%;}
/* default style button*/
.btns.normal{padding:0 8px;background-color:#fff;border:1px solid #a9a9a9;min-height:23px;line-height:21px;}
.btns > span{display:inline-block;line-height:21px;height:21px;color:#454545;}
.btns.normal .arrow{padding-right:10px;background:url(../images/btn_normal_arrow.png) no-repeat right center;background-size:5px auto;height:27px;line-height:27px;}
.btns.icon{padding:0 8px 0 0;background-color:#fff;border:1px solid #ccc;}
.btns.icon > span{display:inline-block;height:21px;line-height:21px;padding-left:23px;background-repeat:no-repeat;background-position:left top;background-size:23px auto;}
.btns.icon .check{background-image:url(../images/btn_icon_check.png);}
.btns.icon .doc{background-image:url(../images/btn_icon_doc.png);}
.btns.icon.active{border-color:#ec555e;}
.btns.icon.active .check{background-position:left bottom;}
.btns.middle{height:25px;padding:0 8px;background-color:#fff;border:1px solid #ccc;color:#454545;font-weight:400;}
.btns.disabled{background-color:#dedede;color:#666;}
/* input style button */
.btns.input{height:39px;line-height:36px;padding:0 10px;background-color:#878787;color:#fff;}
.btns.input.active{background-color:#6660aa;color:#fff;}
.btns.input.disabled{background-color:#ccc;color:#fff;}
.btns.input.line{background-color:#fff;border:1px solid #a9a9a9;color:#454545;}

.btnMore{display:block;width:100%;font-size:1.077rem;border-bottom:1px solid #ddd;}
.btnMore > span{display:inline-block;line-height:33px;height:33px;color:#454554;}
.btnMore > span::before{content:"+";color:#6660aa;}

i.blueArrow{position:relative;padding-right:10px;background:url(../images/arrow_blue.png) no-repeat right;background-size:5px auto;}

/*
====================== forms ======================
*/
form input[type="datetime"], form input[type="tel"], form input[type="email"], form input[type="number"], form input[type="password"], form input[type="text"], form input[type="date"]
{border-radius:0;padding:0 7px;width:100%;background-color:#fff;}
select.selectBox{display:block;width:100%;padding:0 20px 0 8px;height:39px;line-height:36px;border:1px solid #ccc;background:#fff url(../images/arrow_selectbox.png) no-repeat center right 9px;background-size:9px auto;color:#333;border-radius:0;-webkit-appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputCheckbox, .inputRadio{display:inline-block;position:relative;}
.inputCheckbox input, 
.inputRadio input{opacity:0;position:absolute;left:0;top:0;z-index:0;}
.inputCheckbox input+label, 
.inputRadio input+label{display:inline-block;position:relative;padding-left:28px;z-index:1;min-height:20px;font-weight:400;}
.inputCheckbox label::before, 
.inputRadio label::before{content:"";display:inline-block;position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;border:1px solid #ccc;background-color:#fff;background-repeat:no-repeat;background-position:left -30px;background-size:100% auto;}
.inputCheckbox label::before{background-image:url(../images/icons_checkbox.png);}
.inputRadio label::before{background-image:url(../images/icons_radio.png);}
.inputRadio input:checked+label,
.inputCheckbox input:checked+label{font-weight:400;}
.inputCheckbox input:checked + label::before,
.inputRadio input:checked + label::before{background-position:left top;border-color:#ec555e;}
.inputCheckbox input:disabled + label::before,
.inputRadio input:disabled + label::before{background-color:#e6e6e6 !important;}
.inputCheckbox.big input+label,
.inputRadio.big input+label{min-height:20px;padding:0 0 0 38px;font-size:1.154rem;}
.inputCheckbox.big label:before,
.inputRadio.big label:before{width:27px;height:27px;background-image:url(../images/icons_checkbox_b.png);border-color:#ccc;background-color:#fff;background-position:left bottom;}
.inputCheckbox.big input:checked+label::before,
.inputRadio.big input:checked+label::before{ border-color:#6660aa;background-color:#6660aa;background-position:left top;}
.inputRadio.big label:before{background-image:url(../images/icons_radio_b.png);}
.inputRadio.big input:checked+label::before{border-color:#ec555e;background-color:#fff;}

.inlineItems::after{content:"";display:block;height:0;clear:both;}
.inputGroup .inlineItems.block .item{display:block;}
.inputGroup .inlineItems .item{display:inline-block;min-height:inherit;line-height:inherit;margin-top:10px;}
.inputGroup .inlineItems .item:first-child{margin-top:0;}
.inlineItems.col3 .item{width:33.3%;float:left;}
.inlineItems.col3 .item:nth-child{width:33.4%;}
.inlineItems.col3 .item:nth-child(-n+3){margin-top:0;}
.inlineItems.col2 .item{width:50%;float:left;}
.inlineItems.col2 .item:nth-child(-n+2){margin-top:0;}
div:not(.inputGroup) > .inlineItems .item{margin-top:14px;}
.inputGroup.inlines .name{top:7px;}
.inputGroup.inlines .item{min-height:auto;line-height:1.4;}
.inputGroup.inlines:first-child .name, legend + .inputGroup.inlines .name{top:1px;}

.inputText{display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;height:39px;line-height:36px;width:100%;border:1px solid #ccc;background-color:#fff;padding:0 7px;border-radius:0;font-size:1rem;}
.inputText.eng{-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive; }
.inputText.error{border-color:#ec555e;color:#ec555e;}
.inputText:disabled, .inputText:read-only, input[type="password"].inputText{color:#979797;-webkit-text-fill-color:#979797;background-color:#f8f8f8 !important;}
.inputText::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#aaa; -webkit-text-fill-color:#aaa;}
.inputText.price{background-color:#f8f8f8;}
.inputText.point{color:#4465a1;font-size:1.077rem;font-weight:500;}
input[type="number"].inputText{-webkit-appearance:none;}
.inputText.val{background-color:#fff;}
.secretKey{position:relative;}
.secretKey input{background:url(../images/icon_secretKey.png) no-repeat right 8px center;background-size:12px auto;}
.secretKey .link{position:absolute;left:0;top:0;width:100%;height:29px;background:url(../images/icon_secretKey.png) no-repeat right 8px center;background-size:12px auto;}

.datepicker .inputText{-webkit-appearance:none;background:#fff url(../images/icon_datepicker.png) no-repeat right center;background-size:auto 100%;}

.inputUnit{position:relative;padding-right:19px;text-align:right;}
.inputUnit input{text-align:right;}
.inputUnit .unit{position:absolute;right:0;top:0;height:39px;line-height:36px;color:#666;}
.inputUnit.age{padding-left:19px;}
.inputUnit.age .txt{position:absolute;left:0;top:0;height:39px;line-height:36px;color:#666;}
.txtPrice{color:#4465a1;margin-top:5px;font-size:0.923rem;}

.inputGroup{position:relative;padding:7px 0 7px 94px;}
.inputGroup::after{content:"";display:block;height:0;clear:both;}
.inputGroup .name{position:absolute;left:0;top:17px;color:#979797;font-weight:400;width:84px;}
.inputGroup .item{min-height:39px;line-height:36px;color:#454545;}
.inputGroup.underline + .inputGroup{padding-top:14px;}
.inputGroup.underline + .inputGroup .name{top:19px;}
.inputGroup:first-child, legend + .inputGroup{padding-top:0;}
.inputGroup:first-child .name, legend + .inputGroup .name{top:11px;}
.inputGroup:last-child{padding-bottom:0;}
.inputGroup.full{padding-left:0;}
.inputGroup.full .item > .btns{width:100%;}
.inputGroup .itemGroup{margin-bottom:10px;}
.inputGroup .itemGroup:last-child{margin-bottom:0;}
.inputGroup.max{padding-left:60px;}
.inputGroup.max .name{width:50px;}
.inputGroup +.bulletList{margin-top:13px;}

.itemGroup{overflow:hidden;}
.itemGroup.hypenCol2 .item,
.itemGroup.hypenCol3 .item,
.itemGroup.hypenCol4 .item{float:left;margin-bottom:0;}
.itemGroup.hypenCol2 .item{width:48%;width:calc(50% - 11px)}
.itemGroup .hypen{display:block;float:left;width:22px;text-align:center;height:39px;line-height:36px;}
.itemGroup.hypenCol4 .item{ width:21%;}
.itemGroup.hypenCol4 .hypen{width:5.3%;}

.itemGroup.col2{}
.itemGroup.col2 .item{float:left;width:49%;margin-bottom:0;}
.itemGroup.col2 .item:first-child{margin-right:2%;}

.itemGroup.col4 .item{float:left;width:23.5%;margin-bottom:0;margin-left:2%;}
.itemGroup.col4 .item:first-child{margin-left:0;}

.itemGroup.phone{position:relative;padding-left:70px;}
.itemGroup.phone .item{margin-bottom:0;}
.itemGroup.phone .item:first-child{position:absolute;left:0;top:0;width:63px;}

.itemGroup .item{margin-bottom:10px;}
.itemGroup .item:last-child{margin-bottom:0;}
.itemGroup .inputBtn{position:relative;padding-right:86px;}
.itemGroup .inputBtn .item{margin-bottom:0;}
.itemGroup .inputBtn .btn{position:absolute;right:0;top:0;}
.itemGroup .inputBtn .btn .btns{width:100%;}
.itemGroup .item.clear{clear:both;width:100%;float:none;margin-top:10px;}
.itemGroup.full{margin-left:-94px;}

.email .itemGroup .item{margin-bottom:10px;}
.email .itemGroup .item:last-child{margin-bottom:0;}

.inputFile {position:relative;}
.inputFile .inner {overflow:hidden;position:relative;padding-right:74px;height:39px;}
.inputFile .inner + .inner {margin-top:10px;}
.inputFile input[type=file]{opacity:0;position:absolute;z-index:-1; top:-1px;left:0;width:1px;height:1px;}
.inputFile .inputText{overflow:hidden;background-color:#f8f8f8;font-size:0.923rem;}
.inputFile .btns{ position:absolute;right:0;bottom:0;min-width:66px;padding:0 7px}
.inputFile .fileDel{overflow:hidden;display:none;text-indent:-999px;width:29px;height:39px;position:absolute;z-index:4;right:74px;top:0;background:url(../images/btn_file_del.png) no-repeat center right 9px;background-size:9px;}
.inputFile .on .btns {display:none;}
.inputFile .on .fileDel{display:inline-block;}

.keywordSearch{padding:0 13px;}

.inputBtnStyle::after{content:"";display:block;height:0;clear:both;}
.inputBtnStyle .inputs{float:left;position:relative;display:inline-block;}
.inputBtnStyle .inputs input{opacity:0;position:absolute;left:0;top:0;z-index:0}
.inputBtnStyle .inputs label{display:inline-block;width:100%;height:39px;line-height:37px;box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #ccc;border-left-width:0;font-size:1rem;color:666;font-weight:400;text-align:center;background-color:#fff;}
.inputBtnStyle .inputs input:checked + label{border:2px solid #333;color:#454545;line-height:36px;font-weight:400;}
.inputBtnStyle .inputs:first-child label{border-left-width:1px;}
.inputBtnStyle.col4 .inputs{width:25%;}


/*
====================== boards ======================
*/
.labelGroup{}
.labelGroup .group{margin-bottom:5px;}
.labelGroup .group:last-child{margin-bottom:0;}
.labelGroup .group::after{content:"";display:block;height:0;clear:both;}
.labelGroup .name{display:inline-block;float:left;width:46%;font-weight:400;color:#979797;}
.labelGroup .cont{display:inline-block;float:right;width:52%;text-align:right;font-size:14px;color:#454545;}
.labelGroup.left .name{min-width:47px;margin-right:10px;width:auto;}
.labelGroup.left .cont{float:left;text-align:left;width:auto;}
.labelGroup::after{content:"";display:block;height:0;clear:both;}
.labelGroup .name.tit{color:#454545;font-size:1.077rem;font-weight:500;}

.boardList{margin-bottom:14px;width:100%;}
.boardList th{background-color:#fafafa;vertical-align:middle;color:#333;font-weight:400;}
.boardList tr:first-child th{border-top:1px solid #c2c2c2;}
.boardList td, .boardList th{padding:10px 7px; border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;vertical-align:middle;}
.boardList tr > th:first-child, 
.boardList tr > td:first-child{border-left:none;}
.boardList .blnone{border-left:none;}

.boardList .icons{position:relative;}
.boardList .icons::before{content:"";display:inline-block;position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 0 0 -17px;background-image:url(../images/icons_plus_eq.png);background-repeat:no-repeat;background-position:left top;background-size:20px;}
.boardList .icons.eq::before{background-position:left bottom;}

.boardList.rows tr:first-child td{border-top:1px solid #c2c2c2;}
.boardList.rows td{text-align:left;padding-left:7px;padding-right:7px;}
.boardList .bulletList{margin-top:0;text-align:left;}
.boardList .bulletList .item{font-size:1rem;color:#666;}
.boardList th.txtLeft, .boardList td.txtLeft{text-align:left;}
.boardList th.txtRight, .boardList td.txtRight{text-align:right;}

.previewList{border-top:1px solid #ccc; width:100%;}
.previewList .group{border-bottom:1px solid #ccc;width:100%;display:table;padding:12px 0;}
.previewList .group .contWrap{display:table-cell;padding:0 13px;vertical-align:middle;height:37px;}
.previewList .group .tit{display:block;font-size:1.154rem;color:#454545;}
.previewList .group .cont{display:block;font-size:0.923rem;color:#666;}
.previewList .group .contWrap .big label:before{top:50%;margin-top:-14px;}
.previewList .group .big{display:block;}
.previewList .group .big label{display:block;}
.previewList .group .cont .check{position:relative;display:block;padding-left:15px;color:#666 !important;}
.previewList .group .cont .check::before{content:"";position:absolute;left:0;top:6px;width:10px;height:8px;background-image:url(../images/icons_checkbox_s.png);background-repeat:no-repeat;background-size:10px auto;background-position:left bottom;}
.previewList .group .contWrap .inputCheckbox.big input:checked + label .cont .check::before{background-position:left top;}

.previewList.irpType .inputCheckbox::after,
.previewList.irpType2 .inputCheckbox::after,
.previewList.irpType3 .inputCheckbox::after{content:"";display:inline-block;width:43px;height:43px;position:absolute;right:0;top:50%;margin-top:-22px;background-image:url(../images/icons_irp_type.png);background-repeat:no-repeat;background-size:43px auto;background-position:right top;}
.previewList.irpType2 .inputCheckbox::after{background-image:url(../images/icons_irp_type2.png);}
.previewList.irpType3 .inputCheckbox::after{background-image:url(../images/icons_irp_type3.png);}
.previewList.irpType .inputCheckbox.type2::after{background-position:right bottom;}
.previewList.irpType2 .inputCheckbox.type2::after{background-position:right -71px;}
.previewList.irpType2 .inputCheckbox.type3::after{background-position:right -152px;}
.previewList.irpType2 .inputCheckbox.type4::after{background-position:right bottom;}
.previewList.irpType3 .inputCheckbox.type2::after{background-position:right bottom;}

.productLIst{border-top:1px solid #ddd;}
.productLIst .productGroup{padding:13px;border-bottom:1px solid #ddd;}
.productLIst .productGroup .link{display:block;}
.productLIst .productGroup:last-child{border-bottom:1px solid #ddd;}
.productGroup .productTit{color:#454545;font-size:1.308rem;display:block;font-weight:500;line-height:1.2;}
.productGroup .productTit a{color:inherit;}
.productGroup .productTit + .labelGroup {margin-top:12px;}
.productGroup .labelGroup .group{ margin-bottom:0;margin-top:7px;}
.productGroup .labelGroup .group:first-child{margin-top:0;}
.productGroup .labelGroup + .btnFull{margin-top:10px;}
.productGroup .productTit.btn{position:relative;padding-right:50px;}
.productGroup .productTit .btnRight{position:absolute;right:0;bottom:0;}
.productGroup .productTit .inputCheckbox{}
.productGroup .productTit .inputCheckbox label::before{}
.productGroup .labelGroup.multiple{position:relative;padding-right:45%;}
.productGroup .labelGroup.multiple .cont{font-size:1rem;width:auto;}
.productGroup .labelGroup.multiple .group.point{position:absolute;right:0;top:0;margin-top:0;}
.productGroup .labelGroup.multiple .group .name{min-width:68px;margin-right:10px;float:none;width:auto;}
.productGroup .labelGroup.multiple .group .cont{float:none;text-align:left;}
.productGroup .labelGroup .group .inputText.price{width:40px;}
.productGroup .labelGroup .group .inputText.price.auto{width:100%;}
.productGroup .labelGroup.multiple .group{margin-top:7px;}
.productGroup .labelGroup.multiple .group.point .name{text-align:right}
.productGroup .labelGroup.col2 .group{margin-top:0;min-height:39px;}
.productGroup .labelGroup.items .name, .productGroup .labelGroup.items .cont{line-height:39px;}
.productGroup .labelGroup.col2 .name{display:inline-block;margin-right:10px;float:none;width:auto;}
.productGroup .labelGroup.col2 .group .cont{display:inline-block;line-height:39px;float:none;width:auto;}
.productGroup .labelGroup.col2 .group.left{float:left;width:49%;}
.productGroup .labelGroup.col2 .group.right{float:right;width:49%;}
.productGroup .labelGroup.col2::after{content:"";display:block;height:0;clear:both;}
.productGroup .labelGroup.col2 .group.point{top:0;margin-top:0;}
.productGroup .dotlineTop{border-top:1px dotted #e9e9e9;margin-top:10px;padding-top:10px;}
.productGroup .dotlineTop.multiple .group.point{top:10px;}
.check{margin-top:7px; margin-left:15px;}


.productLIst .total.labelGroup{background-color:#f8f8f8;margin-bottom:0;}
.total.labelGroup{padding:10px 13px;background-color:#eee;font-weight:500;margin-bottom:18px;}
.total.labelGroup .name{color:#454545;}
.total.labelGroup .cont{font-size:1.230rem;}
.productGroup .titleGroup{margin-bottom:7px;}
.productGroup .titleGroup .cateType{ font-size:0.923rem;margin-bottom:6px;}
.productGroup .titleGroup .cateType > *{margin-left:6px;vertical-align:middle;}
.productGroup .titleGroup .cateType > *:first-child{margin-left:0;}
.productGroup .titleGroup .cateType::after{content:"";display:block;height:0;clear:both;}
.productGroup .titleGroup .cateType .caption{display:inline-block;padding:4px 13px 5px;min-width:57px;line-height:1;background-color:#6a6e83;color:#fff;border-radius:11px;}
.productGroup .titleGroup .cateType .caption.type2{background-color:#6e8f9c;}
.productGroup .titleGroup .cateType .cate{display:inline-block;padding-top:2px;}
.productGroup .titleGroup .cateType .cate > span{position:relative;padding-left:5px;margin-left:4px;}
.productGroup .titleGroup .cateType .cate > span::before{content:"";display:inline-block;width:1px;height:9px;background-color:#ddd;position:absolute;left:0;top:5px;}
.productGroup .titleGroup .cateType .cate > span:first-child::before{display:none;}
.productGroup .titleGroup .cateType .cate > span:first-child{margin-left:0;padding-left:0;}
.productGroup .titleGroup .cateType .gradeLabel{margin-left:5px;}

.titleGroup.col2{position:relative;padding-right:40%;}
.titleGroup.col2 .productTit{font-size:1.077rem;}
.titleGroup.col2 .cont{position:absolute;right:0;top:0;font-size:1.077rem;color:#454545;}

.titleGroup.col2 .cont i.arrowR{display:inline-block;overflow:hidden;text-indent:-999px;width:13px;height:13px;border:1px solid #cdcdcd;border-radius:50%;background-color:#fff;margin-bottom:-2px;background:url(../images/arrow_s.png) no-repeat center;background-size:10px auto;}

.totalNum{padding:20px 13px 10px;font-weight:500;}
ol.desc {}
ol.desc > li{position:relative;padding-left:16px;margin-bottom:5px;}
ol.desc > li::before{content:"";display:inline-block;position:absolute;left:0;top:2px;width:12px;height:12px;line-height:12px;border-radius:50%;border:1px solid #979797;text-align:center;font-size:0.769rem;}
ol.desc > li:nth-child(1)::before{content:"1";}
ol.desc > li:nth-child(2)::before{content:"2";}
ol.desc > li:nth-child(3)::before{content:"3";}
ol.desc > li:nth-child(4)::before{content:"4";}
ol.desc > li:nth-child(5)::before{content:"5";}
ol.desc > li:nth-child(6)::before{content:"6";}
ol.desc > li:nth-child(7)::before{content:"7";}
ol.desc > li:nth-child(8)::before{content:"8";}
ol.desc > li:nth-child(9)::before{content:"9";}
ol.desc > li:nth-child(10)::before{content:"10";}
ol.desc > li:last-child{margin-bottom:0;}


/*
====================== conetents ======================
*/

/* bullets */

.bulletList{margin-top:18px;}
.bulletList .item{position:relative;padding-left:7px;color:#979797;margin-bottom:5px;line-height:1.5;font-size:0.923rem;}
.bulletList .item::before{content:"";display:block;position:absolute;left:0;top:7px;background-color:#979797;width:3px;height:3px;border-radius:50%;}
.bulletList .item:last-child{margin-bottom:0;}
.bulletList + .btnArea{margin-top:14px;}
ul.bullet > li{position:relative;padding-left:10px;}
ul.bullet > li::before{content:"-";display:inline-block;position:absolute;left:0;top:3px;}
.bulletList .item.txtBlue::before{background-color:#4465a1;}

/* step list */
.stepList{padding:7px 13px;background-color:#e8e8ff;margin-top:0 !important;}
.stepList ol{position:relative;text-align:right;height:19px;line-height:19px;}
.stepList li{display:inline-block;}
.stepList::after{content:"";display:block;height:0;clear:both;}
.stepList li::before{content:"";display:inline-block;width:19px;height:19px;overflow:hidden;line-height:19px;text-align:center;background:url(../images/step_bg.png) no-repeat left top;background-size:cover;}
.stepList li:nth-child(1)::before{content:"1";}
.stepList li:nth-child(2)::before{content:"2";}
.stepList li:nth-child(3)::before{content:"3";}
.stepList li:nth-child(4)::before{content:"4";}
.stepList li:nth-child(5)::before{content:"5";}
.stepList li:nth-child(6)::before{content:"6";}
.stepList li:nth-child(7)::before{content:"7";}
.stepList li:nth-child(8)::before{content:"8";}
.stepList li:nth-child(9)::before{content:"9";}
.stepList li:nth-child(10)::before{content:"10";}
.stepList li:nth-child(11)::before{content:"11";}
.stepList li:nth-child(12)::before{content:"12";}
.stepList .tit{overflow:hidden;display:inline-block;position:absolute;left:0;top:0;width:0;height:0;text-indent:-9999px;color:#6660aa;}
.stepList li.active::before{background:#6660aa;border-radius:50%;color:#fff;font-weight:500;}
.stepList li.active .tit{text-indent:0;width:auto;height:auto;text-align:left;}
.stepList li.visited::before{background:#b0adcc;border-radius:50%;color:#fff;}
/* .stepList + .contentsArea .accordionList:first-child .group:first-child .accordionTit {border-top:0 none;} */

/* ��� 肄����諛�� */
.infoboxGray{border:2px solid #ededed;border-radius:2px;background-color:#fafafa;padding:14px;margin-bottom:25px;color:#979797;}
.infoboxGray.noline{border:none;border-bottom:1px solid #ccc;margin:0;}
.infoboxGray .txtBg{ padding-left:44px;background-repeat:no-repeat;background-position:left top;background-size:34px auto;min-height:34px;line-height:1.5;}
.infoboxGray .txtBg.irpJoin{background-image:url(../images/bg_irp_join.png);}
.infoboxGray .txtBg.irpAgree{background-image:url(../images/bg_irp_agree.png);}
.infoboxGray .txtBg.db{background-image:url(../images/bg_db.png);}
.infoboxGray .txtBg.dc{background-image:url(../images/bg_dc.png);}
.infoboxGray .txtBg.irp{background-image:url(../images/bg_irp.png);}
.infoboxGray .titNotice{display:block;background:url(../images/icon_notice.png) no-repeat left 2px;background-size:14px;padding-left:20px;}
.infoboxGray.noline + *{margin-top:30px;}

.infoboxGray.noline .tit{display:block;font-size:1.308rem;color:#454545;}
.infoboxGray.noline .txtBg{background-position:left center;}
.infoboxGray .bulletList{margin-top:8px;}
.infoboxGray strong.tit{display:block;margin-bottom:5px;}

.infoBoxPurple{padding:20px 22px;background-color:#49457d;color:#fff;margin-top:0 !important;margin-bottom:25px;}
.infoBoxPurple2{padding:20px 13px;background-color:#e8e8ff;margin-bottom:30px;margin-top:0 !important;}
.infoBoxPurple2 .inputGroup .name{color:#333;}
.infoBoxPurple2 .inputUnit .unit, .infoBoxPurple2 .inputUnit.age .txt{color:#454545;}

.commentBox{padding:0 13px 10px;text-align:center;}
.commentBox .txtBg{display:inline-block;background:url(../images/icon_message_s.png) no-repeat left top;background-size:24px;padding:2px 0 2px 28px;color:#6660aa;min-height:20px;font-weight:400;}
.commentBox .txt{color:#979797;font-size:0.923rem;margin-top:7px;;}
.stepList + .commentBox{margin-top:20px;}


/* ����ㅼ� ��� */
.irp_limited{line-height:1.4;}
.irp_limited .cont_box{border-radius:2px;margin-top:20px;padding:20px 14px 20px 90px;margin-bottom:20px;background:#e8e8ff url(../images/bg_irp_limited.png) no-repeat 14px;background-size:auto 67px;}
.irp_limited .cont_box > strong{display:block;font-size:1.077rem;color:#6660aa;}
.irp_limited .cont_box .primary{display:block;color:#49457d;}
.irp_limited .cont_box .sfont{color:#736f9d;margin-top:3px;}

/* �쎄���� */
.agreeBox .legend{display:block;font-size:1rem;font-weight:500;height:inherit;visibility:visible;width:100%;margin-bottom:20px;}
.agreeList{border:1px solid #ccc;}
.agreeList.btn .group{padding-right:70px;}
.agreeList .group{position:relative;border-bottom:1px solid #ccc;padding:11px 9px;}
.agreeList .group:last-child{border-bottom:none;}
.agreeList .btns{position:absolute;right:9px;top:50%;margin-top:-12px;width:52px; padding-left:0;padding-right:0}
.agreeList.noline{padding-top:7px;padding-bottom:7px;}
.agreeList.noline .group{border-bottom:none;padding:7px 9px;}
.agreeList .subGroup{border-top:1px solid #e5e5e5;padding-top:14px;}
.agreeList .subGroup .contTitle2{display:block;margin-bottom:20px;}
.agreeList + .bulletList,
.agreeList + .blockArea .bulletList{margin-top:14px;}

.agreeText .primary{display:block;margin-bottom:5px;color:#666;font-weight:500;}
.agreeText .txt{margin-bottom:13px;color:#979797;font-size:0.923rem;}
.agreeText .agreeCheck{padding:8px 13px;background-color:#fafafa;border-top:1px dotted #ddd;}
.agreeText .agreeCheck label{font-size:1rem;}
.agreeText .primary *{color:#666;}

.agreeComment{padding:0 10%;margin-bottom:25px;text-align:center;margin-top:-5px;}
.agreeComment .sign{margin-top:5px;font-size:0.923rem;}
.agreeComment .sign > span{position:relative;display:inline-block;padding:0 10px;}
.agreeComment .sign > span::before{content:"";display:inline-block;position:absolute;left:0;top:50%;margin-top:-4px;width:1px;height:10px;background-color:#ccc;}
.agreeComment .sign > span:first-child::before{display:none;}

.checkAllArea{padding:11px 9px;border:1px solid #ccc;margin-bottom:20px;}
.checkAllArea + .contSection{margin-top:20px;}
.checkAllArea + .agreeList{border-top-width:0;}
.agreeGroup{position:relative;padding-top:10px;margin-bottom:30px;}
.agreeGroup .btnRight{position:absolute;right: 13px;top:0;z-index:1;}


/* accordian */
.accordionList .accordionTit{background-color:#fff; color:#333;border-bottom:1px solid #e5e5e5;}
.accordionList .group:first-child .accordionTit{border-top:1px solid #e5e5e5;}
.accordionList .group:last-child .accordionCont{border-bottom:none;}
.accordionList .accordionTit .opener{position:relative;display:block;font-size:1.154rem;padding:15px 13px;color:inherit;font-weight:500;}
.accordionList .accordionTit .opener::after{content:"";display:block;width:12px;height:7px;position:absolute;right:13px;top:50%;margin-top:-4px;background-image:url(../images/arrow_accordion.png);background-repeat:no-repeat;background-size:cover;background-position:left bottom;}
.accordionList .accordionTit.active{background-color:#eee;}
.accordionList .accordionTit.active .opener{color:#6660aa;}
.accordionList .accordionTit.active .opener::after{background-position:left top;}
.accordionList .accordionTit .opener.summary .tit{display:inline-block;min-width:100px;padding-right:10px;}
.accordionList .accordionTit .opener.summary .txt{display:inline-block ;color:#979797;font-size:1rem;font-weight:400;}
.accordionList .accordionTit.active .opener.summary .txt{display:none;}
.accordionList .accordionCont{display:none;border-bottom:2px solid #5d5fa9;padding:20px 0 25px;}
.accordionList .accordionCont .blockArea > *:last-child{margin-bottom:0;}
.accordionList .accordionCont >.productLIst{border-top:none;}
.accordionList.notice{border-bottom:1px solid #e5e5e5;marg}
.accordionList.notice .accordionTit{border:1px solid #e5e5e5;border-bottom-width:0;padding:0;}
.accordionList.notice .accordionTit .opener{height:37px;line-height:37px;padding:0 0 0 47px;color:#454545;font-weight:400;background:url(../images/icon_notice_accordion.png) no-repeat 13px center;background-size:24px;}
.accordionList.notice .accordionCont{border:1px solid #e5e5e5;padding:13px;}

.userInfoBox{padding:25px 13px;background-color:#5f5d7a;color:#d9d8e4;}
.userInfoBox .infoArea{position:relative;padding-left:74px;margin-bottom:13px;}
.userInfoBox .infoArea .cate{overflow:hidden;text-indent:-999px;display:inline-block;position:absolute;left:0;top:0;width:59px;height:59px;background-image:url(../images/icon_user_info.png);background-repeat:no-repeat;background-position:left top;background-size:59px auto;}
.userInfoBox .infoArea .cate.company{background-position:left bottom;}
.userInfoBox .infoArea .tit{display:block;color:#e8e8ff;font-size:1.308rem;line-height:1; margin-bottom:6px;}
.userInfoBox .infoArea .labelGroup .cont{font-size:1rem;}
.userInfoBox .infoArea .labelGroup .group{margin-bottom:3px;}
.userInfoBox .labelGroup .name{color:inherit;}
.userInfoBox .labelGroup .cont{color:#fff;}
.userInfoBox .des{color:#b7b6cd;font-size:0.923rem;margin-top:15px;}

/* ���硫��吏�*/
.messageBox{position:relative;padding:53px 5px 30px;margin-top:25px;}
.messageBox::before{content:"";display:inline-block;position:absolute;left:50%;top:0;width:39px;height:39px;margin-left:-20px;background-color:#6660aa;background-image:url(../images/icons_message_complete.png);background-repeat:no-repeat;background-position:left top;background-size:auto 39px;border-radius:50%;}
.messageBox.ready::before{background-position:right top;}
.messageBox.fail::before{background-position:-58px top;}
.messageBox .comment{text-align:center;}
.messageBox .comment .tit{font-size:1.538rem;color:#333;}
.messageBox .comment .tit + .description{margin-top:5px;}
.messageBox .comment .description{color:#979797;font-size:0.846rem;}
.messageBox .stepApply{text-align:center;margin-top:30px;}
.messageBox .stepApply > li{position:relative;display:inline-block;padding-right:16px;}
.messageBox .stepApply > li >strong{position:relative;display:inline-block;width:72px;height:72px;box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:80px;color:#666;font-size:0.846rem;font-weight:400;background-image:url(../images/bg_step_complete.png);background-repeat:no-repeat;background-size:auto 72px;background-position:right top;}
.messageBox .stepApply > li.active >strong{font-weight:600;color:#6660aa;background-position:left top;}
.messageBox .stepApply > li >strong::before{content:"";display:block;position:absolute;top:18px;left:-3px;width:82px;height:38px;background-image:url(../images/icons_step_complete.png);background-repeat:no-repeat;background-size:cover;}
.messageBox .stepApply > li:nth-child(2) >strong::before{background-position:-94px top;}
.messageBox .stepApply > li:nth-child(3) >strong::before{background-position:-189px top;}
.messageBox .stepApply > li:nth-child(4) >strong::before{background-position:-284px top;}
.messageBox .stepApply > li:last-child{padding-right:0;}
.messageBox .stepApply > li:last-child::after{display:none;}
.messageBox .stepApply > li::after{content:"";display:inline-block;position:absolute;right:2%;top:32%;width:8px;height:13px;margin-top:-5px;background-image:url(../images/arrow_step_complete.png);background-repeat:no-repeat;background-size:cover;background-position:right top;}
.messageBox .stepApply > li.active::after{background-position:left top;}

/* �ъ��깊�遺�� */
.investInfo{text-align:center;}
.investInfo .txt{font-size:1.230rem;color:#fff;}
.investInfo .txt strong{color:#fcb9b9;}
.investInfo .date{color:#afadcc;font-size:0.769rem;margin-top:5px;}
.investInfo .btnArea{margin-top:10px;}
.investInfo .btnArea .btns.normal{background-color:#fff;border-color:#fff;}
.investInfo .btnArea .btns.normal >span{color:#5e5faa;}
.investCont{padding:20px 14px;border:1px solid #ccc;}
.investCont .imgCont{padding-bottom:20px;margin-bottom:20px;}
.investCont .pieChart{position:relative;padding-right:50%;min-height:107px;}
.investCont .pieChart::after{content:"";display:inline-block;position:absolute;right:0;top:0;width:107px;height:107px;background-position:right top;background-repeat:no-repeat;background-size:107px 107px;}
.investCont .pieChart.type1::after{background-image:url(../images/type_pie01.png);}
.investCont .pieChart.type2::after{background-image:url(../images/type_pie02.png);}
.investCont .pieChart.type3::after{background-image:url(../images/type_pie03.png);}
.investCont .pieChart.type4::after{background-image:url(../images/type_pie04.png);}
.investCont .pieChart.type5::after{background-image:url(../images/type_pie05.png);}
.investCont .contTitle2{color:#454545;}
.investCont .pieChart .description{position:absolute;left:0;bottom:0;width:50%;}
.investCont .pieChart .description.center{bottom:50%;margin-bottom:-15px;}
.investCont .pieChart .description .label{display:block;position:relative;background-color:transparent;width:auto;;text-align:left;color:#666;font-size:0.923rem;padding-left:10px;}
.investCont .pieChart .description .label::before{content:"";display:inline-block;position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:1px;}
.investCont .pieChart .description .label.type1::before{background-color:#277bd1;}
.investCont .pieChart .description .label.type2::before{background-color:#1bbaca;}
.investCont .pieChart.nobg::after{display:none;}
.investCont .chartWrap{padding:0 18px;margin-bottom:18px;}
.investCont .chartWrap.underline{padding-bottom:18px;}
.investCont .chartWrap:last-child{ margin-bottom:0;}
/* piechart */
.solution .fields{display:none;}
.solution .foreground .donuts .sector{stroke-width:0;}
.solution{position:absolute;height:107px;right:0;top:0;}
.solution .foreground .donuts{}
.solution .Nwagon_donut{position:absolute;right:-18px;top:0;padding-left:35px;}
.researchLIst .group{margin-bottom:30px;}
.researchLIst .group .tit{display:block;margin-bottom:10px;font-size:1.077rem;color:#454545;}
.researchLIst .group .answer{padding-left:23px;}
.researchLIst .group .answer > li{margin-bottom:14px;}
.researchLIst .group .answer > li:last-child{margin-bottom:0;}
.solution .tooltip{display:none !important;}

/* ������ */
.productInfoBox{background-color:#e8e8ff;padding:20px 22px;margin-bottom:30px;}
.productInfoBox .btnArea{margin-top:10px;}
.productInfoBox .productGroup .labelGroup .group{margin-top:0;}
.chartImg{border:1px solid #cbcbcb;text-align:center;margin-bottom:18px;}
.chartImg img{width:293px;}


/* ��낫蹂�꼍 */
.infoModify{margin-top:0 !important;}
.infoModify .labelGroup.left .name{width:84px;}
.infoModify .labelGroup.left .cont{width:65%;width:calc(100% - 94px);}

/* dropdown */
.dropTarget{display:none;}

/* IRP ��� */
.whyIRP .contSection{position:relative;padding-left:69px;}
.whyIRP .num{overflow:hidden;display:block;position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;background-color:#6660aa;text-align:center;color:#fff;}
.whyIRP .num span{display:inline-block;font-size:0.846rem;border-bottom:1px solid #fff;margin-top:6px;}
.whyIRP .num em{display:block;color:inherit !important;font-size:1.385rem;}
.whyIRP .contTitle2{color:#454545;}
.whyIRP .levelList{width:90%;}
.whyIRP .levelList > li{position:relative;border:1px solid #c2c2c2;border-radius:1px;padding:7px 24px 8px;margin-top:13px;}
.whyIRP .levelList > li::before{content:none;display:inline-block;position:absolute;width:1px;height:13px;left:50%;top:-14px;background-color:#c2c2c2;}
.whyIRP .levelList > li:first-child::before{display:none;}

.infoIRP .irpIcons{display:block;position:relative;color:#454545;}
.infoIRP .irpIcons::before{content:"";display:inline-block;width:47px;height:47px;position:absolute;left:0;top:0;background-image:url(../images/irp_icons.png);background-repeat:no-repeat;background-size:199px auto;background-color:#ededed;border-radius:50%;}
.infoIRP .irpIcons.case1{padding-left:70px;min-height:56px;}
.infoIRP .irpIcons.case1::before{width:56px;height:56px;background-position:left top;}
.infoIRP .irpIcons.plus{display:inline-block; text-indent:-999px;overflow:hidden;height:33px;width:33px;}
.infoIRP .irpIcons.plus::before{width:31px;height:31px;left:0;top:0;background-color:#fff;border:1px solid #ccc;background-position:-167px -1px;}
.infoIRP .plusArea{text-align:center;}
.infoIRP .accordionList .accordionTit h1{font-weight:500;}
.infoIRP .accordionList .accordionCont{padding-left:13px;padding-right:13px;}
.infoIRP .boxCont{border:1px solid #ccc;}
.infoIRP .boxCont .tit{display:block;background-color:#efeefe;text-align:center;padding:5px 0 7px;}
.infoIRP .boxCont .cont{border-bottom:1px solid #ccc;padding:13px;color:#454545;text-align:center;}
.infoIRP .boxCont .cont:last-child{border-bottom:none;}

.infoIRP .txt{color:#454545;font-size:1.077rem;}
.infoIRP .irpCont1 .cont1 .cont ul{overflow:hidden;}
.infoIRP .irpCont1 .cont1 .cont ul li{float:left;width:33%;padding-top:60px;text-align:center;}
.infoIRP .irpCont1 .cont .irpIcons::before{left:50%;top:0;margin-left:-23px;width:47px;height:47px;}
.infoIRP .irpIcons.case2_1::before{background-position:left -76px;}
.infoIRP .irpIcons.case2_2::before{background-position:left -134px;}
.infoIRP .irpIcons.case2_3::before{background-position:left -192px;}
.infoIRP .irpCont1 .plusArea{margin:6px 0;}
.infoIRP .irpCont1 .cont2 .cont{text-align:left;}
.infoIRP .irpCont1 .cont2 .cont .irpIcons{padding-left:60px;min-height:47px;}
.infoIRP .irpCont1 .cont2 .cont .irpIcons::before{left:0;margin-left:0;}
.infoIRP .irpIcons.case3_1::before{ background-position:-71px top;}
.infoIRP .irpIcons.case3_2::before{background-position:-71px -64px;}
.infoIRP .irpIcons.case3_3::before{background-position:-71px -128px;}
.infoIRP .irpIcons.case3_4::before{background-position:-71px -192px;}

.infoIRP .irpCont1 .cont2 .cont .bulletList{margin-top:5px;}
.infoIRP .irpCont1 .cont2 .cont .bulletList .item{color:#666;}
.infoIRP .irpCont2 .irpIcons{text-align:center;padding-top:50px;}
.infoIRP .irpCont2 .irpIcons::before{left:50%;margin-left:-18px;width:36px;height:36px;}
.infoIRP .irpIcons.case4_1::before{background-position:-125px top;}
.infoIRP .irpIcons.case4_2::before{background-position:-125px -40px;}
.infoIRP .irpIcons.case4_3::before{background-position:-125px -80px;}
.infoIRP .irpCont2 .boardList td{vertical-align:top;}
.irpCont2 .boardList td, .irpCont2 .boardList th{border:1px solid #ccc;}
.irpCont2 .boardList tr > th:first-child, .irpCont2 .boardList tr > td:first-child{border-left:1px solid #ccc;}

.infoIRP .irpCont3{overflow:hidden;position:relative;}
.infoIRP .irpCont3 +.infoboxGray{margin:25px 0 0;}
.infoIRP .irpCont3 .boxCont{float:left;width:42%;}
.infoIRP .irpCont3 .boxCont.cont2{float:right;}
.infoIRP .irpCont3 .plusArea{position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;}
.infoIRP .irpCont3 .boxCont .cont{display:table;padding-left:0;padding-right:0;width:100%;}
.infoIRP .irpCont3 .boxCont .cont .td{display:table-cell;height:57px;vertical-align:middle;}
.infoIRP .irpCont4 .irpIcons{padding-left:70px;min-height:56px;}
.infoIRP .irpCont4 .irpIcons::before{width:56px;height:56px;border-radius:0;}
.infoIRP .irpIcons.case5_1::before{background-position:-143px -126px;}
.infoIRP .irpIcons.case5_2::before{background-position:-143px -184px;}
.infoIRP .irpCont4 .boxCont .cont{text-align:left;}
.infoIRP .irpCont4 .boxCont .cont .sfont{color:#666;}
.infoIRP .irpCont4 .btnArea.left{margin-top:14px;}
.infoIRP .irpCont4 .boxCont.cont2{margin-top:25px;}




/*
====================== popup ======================
*/

/* ����댄���*/
.layerPopup{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100010;}
.layerPopup.active{display:block;}
.layerPopup .layerDim{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);z-index:0;}
.layerPopup .layerPopupWrap{position:absolute;z-index:1;top:0;left:13px;right:13px;width:calc(100% - 26px);background-color:#fff;}
.layerPopup .popupTitle{position:relative;height:49px;border-bottom:1px solid #ccc;}
.layerPopup .popupTitle h2{line-height:1;color:#333;font-size:1.154rem;padding-top:17px;text-align:center;}
.layerPopup .btnPopClose{overflow:hidden;position:absolute;right:0 ;top:0;height:49px;width:49px;text-indent:-999px;background:url(../images/layer_popup_close.png) no-repeat center;background-size:16px;}
.layerPopup .popupContent.scrolled{overflow:auto;overflow-y:auto;overflow-x:hidden;}
.layerPopup .popupContent .popupContentWrap{padding:25px 13px 20px;}
.layerPopup .popupBottom .btnBottomArea{position:relative !important;}
.layerPopup .comment{margin-bottom:14px;text-align:center;color:#333;font-size:1.077rem;}

.messageTxt {text-align:center;}
.messageTxt .tit{display:block;font-size:1.231rem;margin-bottom:15px;}
.messageTxt .cont{margin-bottom:12px;font-size:12px;}
.messageTxt .des{text-align:left;font-size:12px;}

.pdfViewer{ padding: 0; margin:0; border: 0; }


/* PDF */
.pdfUtils {margin-top:10px !important;margin-bottom:10px;padding:0 13px;text-align:right;}
.pdfUtils .btns.input {position:relative;width:30px;height:30px;padding:0;font-size:0;line-height:0;}
.pdfUtils .btns.input:after {content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;font-size:1.1rem; background-image:url(../images/icons_plus_minus.png);background-repeat:no-repeat;background-size:cover;}
.pdfUtils .btns.close {border:1px solid #a9a9a9; background-color:#fff; position:relative;width:30px;height:30px;padding:0;font-size:0;line-height:0;}
.pdfUtils .btns.close:after {content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;font-size:1.1rem; background-image:url(../images/icon_close.png);background-repeat:no-repeat;background-size:cover;}
.pdfUtils .plus:after {background-position:0 0;}
.pdfUtils .minus:after {background-position:0 -10px;}


/* 2023.05.10 디폴트옵션상품 등록변경 */
.bgbox_tit {padding:5px;background:#ededed;color:#050505;font-size:1.154rem;text-align:center;margin:15px 0;}
.doTxt08 {font-size:0.9rem;}
.bulletList .item.type001 {font-size:unset;color:#666;}
.Tround_green {font-size:0.82rem;border:1px solid #34973d;color:#34973d;padding:0 5px;border-radius:30px;}
.Tround_blue {font-size:0.82rem;border:1px solid #3254ad;color:#3254ad;padding:0 5px;border-radius:25px;}
.Tround_yellow {font-size:0.82rem;border:1px solid #9e6e00;color:#9e6e00;padding:0 5px;border-radius:25px;}
.Tround_red {font-size:0.82rem;border:1px solid #da281c;color:#da281c;padding:0 5px;border-radius:25px;}
.Tbox_glay {font-size:0.82rem;background:#696e82;border:1px solid #696e82;color:#fff;padding:0 5px;border-radius:30px;}
.Tbox_red {font-size:0.82rem;background:#ec555e;border:1px solid #ec555e;color:#fff;padding:0 5px;border-radius:30px;}
.investInfo.Left {text-align:left;}
.productGroup .productTit2 {color:#454545;font-size:1.15rem;display:block;font-weight:500;line-height:1.2;}
.labelGroup .name2{position:relative;padding-left:10px;display:inline-block;float:left;width:70%;font-weight:400;color:#979797;}
.labelGroup .name2:before{content:"";display:block;position:absolute;left:0;top:8px;background-color:#979797;width:3px;height:3px;border-radius:50%;}
.labelGroup .cont2{display:inline-block;float:right;width:30%;text-align:right;font-size:14px;color:#454545;}
.labelGroup .name2.type001 {color:#fff;}
.labelGroup .cont2.type001 {color:#fff;}
.labelGroup .name2.type001:before {background-color:#fff;}
.arr_bottom {background:url(../images/arr_big_bottom.png) no-repeat 0 center;background-size:30px auto;width:30px;height:50px;margin:0 auto;}