@import url("style_add.css");
body{padding: 0}
.ft_L{float:left !important}
.txt_C{text-align: center !important; }
.txt_L{text-align: left !important; }
.mrg_b0{margin-bottom:0 !important;}
.mrg_t5{margin-top:0.5rem !important;}
.mrg_t10{margin-top:1rem !important;}
.mrg_t20{margin-top:2rem !important;}
.mrg_b20{margin-bottom:2rem !important;}
.mrg_t30{margin-top:3rem !important;}
.mrg_t40{margin-top:4rem !important;}
.mrg_b40{margin-bottom:4rem !important;}
.mrg_t50{margin-top:5rem !important;}
.mrg_l10{margin-left:1rem !important}
.mrg_l20{margin-left:20px !important}
.mrg_b10{margin-bottom:10px !important}
.mrg_b15{margin-bottom:15px !important}
.mrg_l25{margin-left:25px !important}
.pad_l5{padding-left:5px !important}
.pad_l10{padding-left:10px !important}
.pad_l20{padding-left:20px !important}
.pad_r5{padding-right:5px !important}
.mrg_r10{margin-right:1rem !important}
.pad_r30{padding-right: 30px !important}
.pad_b25{padding-bottom: 25px !important}
.pad_b30{padding-bottom: 30px !important}
.pad_t25{padding-top:25px !important}

.mrg_t-30{margin-top:-30px !important}

.mrg_0{margin:0 !important}
.clear{clear:both !important;}
.pad5{padding:5px !important}
.pad10{padding:10px !important}
.unLine{text-decoration: underline;}
.w100{width:100%;}
.w130{width: 130px}
.ovfl{overflow: hidden}
.txt_16{font-size: 1.6rem !important}
.txt_15{font-size: 1.5rem !important}
.vMiddle{ vertical-align: middle}
.search_date .dl_tbl{width:80%}
.dl_tbl{display: table;}
.dl_tbl > dt{text-align: left}
.dl_tbl > dt,.dl_tbl > dd{display: table-cell;}
.dl_tbl > dt.ltr4{width:80px; vertical-align: middle}
.dl_tbl .inputwrap{float:none}
.btn > img{width:auto}
.c_Msg{margin:10px;font-size: 1.6rem}
.search_date{width:90%;margin:0 auto;padding-right:120px;position: relative;}
.search_date > .totalSearch{position: absolute;right:0;bottom:50%;margin-bottom:-23px}
.inputInline{display:inline-block;float:left;}
.inputInline > .inputwrapstatic{width: 210px}
.dl_input{display: block; overflow: hidden}
.dl_input > dt{line-height: 31px}
.inputwrap{position: relative;display:inline-block;float:left;}
.inputwrap > span{line-height: 31px}
.lb1{padding-right: 25px}
.ltr_sp{position: absolute;right:6px;top:0; line-height: 31px}
.dl_input > dt span,.dl_input > dd span{font-size: 15px;color:#000}
.w60p{width:60% !important}
.ft_R{float:right}
.dl_input > dt{padding-right: 20px}
.krncTel{line-height: 47px;padding-right: 30px}
em{font-style:normal;}
p{color:#444;word-break:keep-all}
*{font-family: 'Noto Sans Korean';font-weight: 400;}
#wrapper{overflow:hidden}
.skipNavi li a {position:fixed; top:-100px; left:0; width:100%; padding:10px 0; background:#1d3454; color:#fff; text-align:center; z-index:100;}
.skipNavi li a:focus{top:0;}
.blind{position: absolute;top:-20000px; text-indent: -20000px;font-size:0;}
/*.container{width:1170px;margin:0 auto;}*/
.kdicMn{ height: 117px;background:url(../img/common/bg_topmn.png) repeat-x ;border-top:4px solid #d41024;position: relative;}
.kdicMn li,#midNavi li{list-style: none}

.topglb li:last-child{border-right:0;}
.snsWrap{float:right;}
.snsWrap li {display: inline-block;float:left;width: 4rem;height: 3rem; list-style: none;padding:0 }

.snsWrap li > button{width: 3rem;height: 3rem;border:0;}
.facebook{background: url(../img/ico/face.png) no-repeat}
.facebook:focus,.facebook:active,.facebook:hover{background-position: 0 -30px}
.twitter{background: url(../img/ico/twit.png) no-repeat}
.twitter:focus,.twitter:active,.twitter:hover{background-position: 0 -30px}
.snsWrap li:last-child{width: 38px}
.snsWrap li > .print{background: url(../img/ico/print.png) no-repeat;width:38px}
.blog{background: url(../img/ico/blog.png) no-repeat}
.blog:focus,.blog:active,.blog:hover{background-position: 0 -30px}
.nav.navbar-right .topglb li  .glo_search{background:url(../img/common/btn_search.png) right center no-repeat;padding-right:1.8rem;border:none}
.top-nav{position: relative;}
.inputTopsearchBox{height:33px;width:100%;display: none;border:2px solid #ccc;border-radius:20px;background: #fff;position: absolute;top:1px;right:0;padding: 2px;padding-left:15px}
.inputTopsearchBox > .searchinputWrap{margin-right:55px}
.searchinputWrap > .inputTopsearch{padding:0;border:0;width:100%;height:24px; vertical-align: top;display: block;}
.inputTopsearchBox > .btn_zoom{width:23px;height:23px; border-radius: 16px;background:url(../img/common/btn_search2.png) #bababa center center no-repeat;border:0;margin:0; position: absolute;right:30px;top:3px}
.inputTopsearchBox > #btn_searchclose{width:23px;height:23px; border-radius: 16px;border:0;margin:0;background:url(../img/common/btn_x2.png) #bababa center center no-repeat;position: absolute;right:3px;top:3px}

.nav.navbar-right{padding-top:0.7rem;}
.nav.navbar-right li{list-style: none;padding:0;margin:0;float:left;}
.nav.navbar-right ul{float:left;padding:0;}
.nav.navbar-right .topblock li{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.nav.navbar-right .topblock li a{line-height:3.2rem;padding:0 1.2rem;font-size: 1.4rem;color:#656565;}
.nav.navbar-right .topblock li:first-child{border-left:1px solid #ccc;}

.nav.navbar-right .topglb li{padding:0 17px;color:#656565;font-size: 1.3rem;height: 24px;line-height:24px}
.nav.navbar-right .topglb li:first-child button{height:15px;width:15px;;border:1px solid #b5b5b5;line-height: 1.5rem;font-family:gulim;background: #fff}
.nav.navbar-right .topglb li button.btn_fntPlus{background:url(../img/common/btn_plus.png) no-repeat}
.nav.navbar-right .topglb li button.btn_fntMinus{background:url(../img/common/btn_minus.png) no-repeat}
.mnsec > li > a > .nav_ico{display:none;}
.mnsec > li > a:hover{color:#3b83d5}
.mnsec > .selected > a > .nav_ico{display: inline-block;width:26px;height:20px; margin-right: 5px}
.nav_ico.ico01{background: url(../img/common/menu01.png) no-repeat}

#contWrap{clear:both;}

header{clear: both;}
.mnsec.col-sm-12.col-lg-12{margin-bottom:0;}
.main_subMn > li{float:left;list-style: none;background: url(../img/common/border.png) right center no-repeat;margin:0}
.main_subMn > li:last-child{background-image:none}
.main_subMn > li > a{color:#000;font-size: 1.6rem;font-weight: 500;line-height:54px;display: block;height: 54px}
.main_subMn > li > a:hover{color:#3b83d5}

.mnsec > li{text-align: center;width: 33%;float:left;margin:0}
.mnsec > li.mn_cent{width: 34%}
.mnsec > li.selected{background: #fff;border-right:none;}
.mnsec > li > .kidcSubmenu{display: none}
.mnsec > li.selected > .kidcSubmenu{display: block}
.mnsec > li:last-child > a{border-right:none}
.mnsec > li.selected > a{color:#000;font-weight: 500;border-right:0;}
.mnsec > li > a{font-size: 1.7rem;color:#fff; display:block;text-align: center;border-right:1px solid #41526e;height:58px;line-height: 58px}


.kdicMn > .container{height:11.7rem;}
.kdicMn > .container > .row{position:relative;}
.btn_siteAll{background: url(../img/common/btn_allsite.png) right center no-repeat #fff;padding-right: 25px}
.kidcSubmenu{margin:0 auto;position: absolute;left:0;width:100%}
.kidcSubmenu #sbmenu{position: absolute;top:1.8rem;left:0;padding-left:0;}
.jb30{background: url(../img/common/jb30.png) no-repeat;position: absolute;top:-0.8rem;padding:1rem 0 0 6rem;width:12.5rem }
.jb30Wrap{position: relative;}
.sbmenu{min-height:20rem;border: 1px solid #ddd;width:117rem;position: absolute;top:4.2rem;left:0;background:#f8f8f8;z-index: 5;display: none}
#midTitle{text-align: center;height: 14rem;background:url(../img/common/topImg.jpg) no-repeat; background-size: cover}

#midNavi{border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;height:5rem;}
.ul_midNavi{margin:0;}
.ul_midNavi > li{display: inline-block;float:left;height: 4.9rem;border-right:1px solid #dcdcdc;min-width:16.6rem;position: relative;margin:0}
.ul_midNavi > li:first-child{border-left:1px solid #dcdcdc;width:5rem;min-width:5rem;}
.ul_midNavi .dropdown > a{padding: 0 2rem;line-height: 4.8rem;color:#666;}
.ico_down{width:1.7rem;height:1.7rem;background: url(../img/common/ico_drop.png) no-repeat; display: inline-block; vertical-align: middle;position: absolute;top:50%;right:1rem;margin-top:-0.8rem;}
.naviSel.open > .dropdown-toggle > .ico_down{background: url(../img/common/ico_drop_act.png) no-repeat;}
.naviSel.active > .dropdown-toggle > .ico_down{background: url(../img/common/ico_drop_act.png) no-repeat;}
.naviSel.active > .dropdown-toggle.btn{color:#4489d7;}
.naviSel > .dropdown-toggle:hover > .ico_down,.naviSel > .dropdown-toggle:focus > .ico_down{background: url(../img/common/ico_drop_act.png) no-repeat;}
.naviSel > .dropdown-toggle.btn-default:active,.naviSel > .dropdown-toggle.btn-default:focus,.naviSel > .dropdown-toggle.btn-default:hover,.naviSel.open > .dropdown-toggle.btn-default:focus,.naviSel > .dropdown-toggle.btn-default:hover{color:#3b83d5;background: #fff;box-shadow: none !important}
.nav_select{display:block;padding-right:20px}
.btn_home{background:url(../img/ico/home.png) center center no-repeat #fff;width:48px;height:48px;border:0;}
.midbar{border-bottom:1px solid #dcdcdc;height:3px; line-height: 0;position: relative;margin-top:20px;margin-bottom:40px;}
.midbar > .container span{height:3px;background: #1d3454;display: inline-block;width:20%; position: absolute;top:1px;}
section{display: block;margin-bottom:60px;clear:both;}
section:last-child{margin-bottom: 0}
.txt_bold{font-weight:700}
/* title */
.h3_tit{font-size:3rem; color:#010101;margin-bottom: 0;margin-top:30px; letter-spacing: -2px}
.h2_tit{display: inline-block;margin:5rem auto;font-size:3rem;color:#1d3454;font-weight: 700;}
.h4_tit{background: url(../img/common/ico_h4.png) 0 center no-repeat;letter-spacing: -2px; padding-left:1.5rem;color:#666;font-weight: 400}
.site_tit{font-size: 3rem;color:#002a69}
.main_tit{background: url(../img/ico/main_tit.png) 0 3px no-repeat; padding-left:3rem;color:#000;font-weight:500;font-size: 2.2rem;margin-bottom: 20px;clear:both;}
.sub_tit{background: url(../img/ico/sub_tit.png) 0 4px no-repeat; padding-left:2.5rem;color:#000;font-weight:500;font-size:1.6rem; line-height: 20px;clear: both}
.main_bull{background: url(../img/ico/main_bull.png) 0 2px no-repeat; padding-left:2rem;font-size:1.4rem}
.main_bull + .processWrap, .sub_tit + .processWrap{margin-top:0}
li.main_bull{background-position:0 5px;margin:5px 0}
p.main_bull{background-position:0 5px;}
.threeBoxes > .col-sm-4 {padding:0 1%}
.threeBoxes.row{margin:30px -1%}
.threeBoxes .borBox2 > .sub_tit{margin-top:0;margin-bottom:20px}
.threeBoxes .borBox2{padding-bottom:90px;position: relative;}
.threeBoxes .borBox2 .threeBtn{position: absolute;bottom:20px;left:50%;margin-left:-50px}
h5.main_bull,h6.main_bull,h5.sub_bull,h6.sub_bull{color:#000;font-size: 15px}
.sub_bull,.n_bullet3,.bullet3{background: url(../img/ico/sub_bull.png) 5px 9px no-repeat; padding-left:1.7rem;font-size:1.4rem}
h6.main_bull:first-child{margin-top:0}
.fini_txt p{text-align: left;}
.fini_txt p:first-child{font-size: 22px}
.td_ul{margin:1.5rem;}
.td_ul li{margin:0.5rem 0;}
.borBox2{border:1px solid #ccc;padding:20px}
.borBox2.imgBox{padding:50px 10px; text-align: center;}
.borBox2.imgBox > .row > img{width: 100%;max-width:1088px}
.panel-body .borBox2.imgBox{margin-bottom: 10px;}
.panel-body .borBox2.imgBox > img{width: 100%}
.borBox{background:url(../img/common/bg_borBox.png);padding:0.5rem;}
.borBox + .main_tit{margin-top:40px}
.borBox .inner{background: #fff;padding:1.8rem;position: relative;min-height:11rem}
.finish{background: url(../img/ico/write.png) no-repeat;padding-left:170px;height:135px; display: inline-block;margin:0 auto;}
.finish .fini_txt{line-height: 1.2}
/*.bigico01{background:url(../img/ico/ico01.png) center center no-repeat; background-size: contain;height: 7rem;width:13rem; display: inline-block;position: absolute;top:50%;left:0;margin-top:-3.8rem;}*/
.bigico01{background:url(../img/ico/ico01.png) center center no-repeat; background-size: contain;height:70px;margin-right:15px;width:105px; display: inline-block;float: left}
.bigico02{background:url(../img/ico/img65.png) center center no-repeat; background-size: contain;height:70px;margin-right:15px;width:105px; display: inline-block;float: left}
.another.bigico01{background-image:url(../img/ico/balance.png)}
.bigico01.iadi{background-image:url(../img/introduce/iadi.png)}
.pArea{display: table-cell;vertical-align: middle;height:70px;/*padding-left:110px*/}
.borBox p {margin-top:0;}
.borBox p:last-child{margin-bottom: 0}
p.all strong{color:#222;font-weight:500; font-size: 1.6rem}
.img_vision > img{width:100%}
.satiInput .btn-primary{border-radius: 0}
.satiInput .form-control{border-radius: 0;height:41px}
.form-control + .form-control{margin-left: 10px}
.fnt16{font-size: 1.6rem}
.fnt12{font-size: 1.2rem}
.col66{color:#666}
.satiLabl{margin-top:0.8rem;}
.grayBox{border:1px solid #ccc;padding:25px 28px;background: #f9f9f9}
.faqbody.panel-body{background:#f5f5f5;padding:20px}
.reply{background: #fff;border:1px solid #ccc;color:#444;border-radius: 8px;padding: 2px 10px 3px 10px;margin-right:5px;display: inline-block;}
.dir_sec{color: #fff;border-radius: 8px;padding: 2px 10px 3px 10px;margin-right:5px;display: inline-block;}
/*icon */
.icon{display: inline-block;vertical-align: middle;width:17px;height:17px;margin-left:1rem;letter-spacing: -1px;background-size:contain}
.icon2{display: inline-block;vertical-align: middle;width:20px;height:16px;background-size:contain} /* ����� ȯ�濡�� �������� ũ�� ������ ���� ���� (���� ������) */
.arr_bot{background: url(../img/ico/arr_bot.png) center top no-repeat }
.arr_rig{background: url(../img/ico/arr_rig.png) center top no-repeat }
.download{background: url(../img/ico/down.png) center top no-repeat }
.data{background: url(../img/ico/data.png) center top no-repeat }
.ico_graph{background: url(../img/ico/graph.png) center top no-repeat }
.zoom{background: url(../img/ico/zoom.png) center top no-repeat }
.ico_map{background: url(../img/ico/map.png) center top no-repeat }
.ico_prev{background: url(../img/ico/prev.png) center 3px no-repeat }
.ico_next{background: url(../img/ico/next.png) center 3px no-repeat }
.icon.download,.icon.zoom{margin-left:0.5rem;}
.ico_txt{display: inline-block;vertical-align: middle;width:1.5rem;height: 1.7rem;margin-right:.5rem;letter-spacing: -1px}
.excel{background: url(../img/ico/excel.png) center center no-repeat}
.hwp{background: url(../img/ico/hwp.png) center center no-repeat}
.ppt{background: url(../img/ico/ppt.png) center center no-repeat}
.word{background: url(../img/ico/word.png) center center no-repeat}
.pdf{background: url(../img/ico/pdf.png) center center no-repeat}
.cir_ju{font-size: 9px;background: #3c84d6;font-family: verdana;border-radius: 12px; display: inline-block;min-width: 14px;min-height:14px;text-align: center;color:#fff;font-weight: normal;line-height:12px; vertical-align:top}
.appendWrap .cir_ju{vertical-align:middle}
.appendWrap .mrg_t20{margin-top:12px !important}
.cir_ju.ico_download{background: url(../img/ico/ico_down.png) #3c84d6 center center no-repeat;}
.cir_num{font-size: 11px;font-family: verdana;border-radius: 13px; display: inline-block;min-width: 15px;min-height:13px;text-align: center;font-weight: normal;line-height: 13px;border:1px solid #666;margin-top:-2px;font-weight:600}
.ul_num > li{padding-left:20px;position: relative;display:block;}
.ul_num > li > .cir_num{position: absolute;top:6px;left:0}
.ul_num > li > .cir_num.rela_num{position:relative;top:0}
.ico_won{background: url(../img/ico/won.png) 0 center no-repeat; padding-left:2rem;}
.ico_check{background: url(../img/ico/check.png) 0 0.4rem no-repeat;padding-left:1.8rem;}
.ul_latin li{list-style:lower-roman;}
.board_photo,.img_cont{padding: 20px 15px}
.board_photo img{width:100%}
.bbs_list .board_photo > img{width:200px;height:150px}
/*search*/
.searchWrap{border:1px solid #ccc;box-shadow: 0 2px 0 #e5e5e5;padding:2.2rem 0;text-align: center}
legend{text-indent: -20000px;font-size:0;position: absolute;top:-100000px;}
.search_in{display: inline-block;margin:0 auto;width:80%; }
.selectOnly{margin-right: 10px}
.search_in .form-group{margin-bottom: 0}
.total_search.search_in .searchInput{padding-right:80px;}
.checkbox-inline.pad_none{padding:0}
.btn-group.naviSel > .btn{margin:0}
.type_button.tabbable{border-top:2px solid #1d3454;}
.type_button.tabbable .nav-tabs > li{margin: 0}
.type_button.tabbable .nav-tabs{padding:10px 0;}
.type_button.tabbable .nav-tabs > li.active > a,.type_button.tabbable  .nav-tabs > li.active > a:hover,.type_button.tabbable .nav-tabs > li.active > a:focus{border:0;color:#fff;padding:12px 15px;line-height: 1.2;background:#3c84d6;}

.type_button.tabbable .nav-tabs > li > a{background:#fff;border:none;border-radius: 10px;padding:12px 15px;line-height: 1.2;height:auto;font-size: 1.5rem;}
.img_tit {margin-bottom:15px}
.img_tit > a{font-size: 1.6rem;color:#222;font-weight: 600}
.tblTop{margin-bottom: 0.5rem;overflow: hidden}
.tblTop .txt_right{line-height: 3.1rem;margin:0;float:right}
.oneline.form-group{margin-bottom: 0}
button + button{margin-left:0.5rem;}
input[type="text"]{border:1px solid #ccc;padding:4px 7px 5px 14px;font-size: 1.4rem;}

/* table */
table,td,th{color:#444;}
.bgw{background: #fff !important}
.tblWrap{border-top:2px solid #1d3454;clear:both;}
.tblWrap_30{width:30%; border-top:2px solid #1d3454;}
.tblWrap_60{width:60%; border-top:2px solid #1d3454;}
.twotbl{float:left; display: inline-block; margin-right:20px;}


.view,.bbs_list{width: 100%;/*max-width:100%*/;border-collapse:collapse;border-spacing: 0;margin-bottom: 1rem}

tr.last td{text-align: center}
.view thead th,.bbs_list tfoot th{background: #ebf0f6;border-bottom:1px solid #ccc; text-align: center;height:47px;border-right: 1px solid #ccc;font-weight: 500}
.view th a{color:#444}
.view th a:hover{text-decoration: underline;color:#3b83d5}
.view tfoot th,.view tfoot td{background: #f9f9f9;border-bottom:1px solid #ccc;border-right: 1px solid #ccc;font-weight: 500;height: 47px;padding:7px}
.view.txt_C tfoot th{text-align: center}
.view tfoot th:last-child{text-align: right;}
.bbs_list thead,.view thead{border-bottom:2px solid #ccc;}
.bbs_list thead th,.view thead th{background: #ebf0f6;border-bottom:1px solid #ccc; text-align: center;height: 4.7rem;border-right: 1px solid #ccc;font-weight: 500}
.view thead tr th:last-child,.view tbody tr td:last-child,.view tbody tr th:last-child{border-right:0;}
.bbs_list thead tr th:last-child,.bbs_list tbody tr td:last-child,.bbs_list tbody tr th:last-child,.bbs_list tfoot tr td:last-child,.bbs_list tfoot tr th:last-child,.view tfoot tr th:last-child,.view tfoot tr td:last-child{border-right:0;}
.view tbody td,.view tbody th{height:4.6rem;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding:0.7rem}
.ver_top.view tbody td{vertical-align: top !important}
td.ver_top{vertical-align: top}
.view tbody th.bodyth{background: #f3f7fc}
.view tr.rowbg td,.view tr.rowbg th{background: #f9f9f9}
.bbs_list tbody td,.bbs_list tbody th,.bbs_list tfoot td,.view tfoot td{height:4.6rem;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; text-align: center}
.bbs_list tbody td{padding:0 0.5rem;}
.bbs_list tbody td a,.view tbody td a{color:#444;}
.bbs_list tbody td a:hover,.view tbody td a:hover{text-decoration: underline;color:#3b83d5;}
.bbs_list tbody td.left,.view tbody td.left{text-align: left !important;padding:0.7rem 1.3rem;}
.view.writeform tbody th,.view.writeform tbody td{text-align: left;padding:0.7rem 2rem;}
.view.writeform td .inputTit{width:50%}
.view.writeform td .inputM{width:20%}
.view.writeform td .inputS{width:15%}
.bbs_list tfoot td,.bbs_list tfoot th{background: #f2f7fc}
.bbs_list .tblTotal td,.view .tblTotal td{background: #f9f9f9}
td.txt_money,th.txt_money{text-align: right !important;padding-right:10px}

.view tbody th{background: #ebf0f6;font-weight: 500;}
.bbs_list tbody th{font-weight: normal;}
table.view td.center,.view tbody th,table.bbs_list td.center,.bbs_list tbody th{text-align: center}
table td .btn{width: auto !important}
table td > .btn{margin:0 5px;}
table td > .btn + .btn{margin-left:-0.5rem;}
table.bbs_list.writeform td  .btn {margin:0 0 0 2px;}
td > .tbl_ul li{margin:1rem 0;}
.view td.td_content{height:150px;padding:25px 30px; line-height: 3rem; vertical-align: top}
.btnBothside{margin:20px 0 40px}
.btnBothside .btnLeft,.btnBothside .btnRight{width:50%;float: left}
.btnBothside .btnRight{text-align: right;}

.img_listWrap{margin:0 -15px; overflow: hidden;}
.img_list{margin:15px;width:270px;height:320px;float:left}
.brochur_list{margin:15px;width:270px;min-height:308px;padding:25px;overflow: hidden;display:inline-block}
.img_list a:hover .ellipsis{color:#4489d7}
.dl_img{width: 270px}
.dl_img .borBox3 > img{width:268px;height:288px;}
.brochur_list dd{text-align: center;}
.brochur_list dt{font-size: 1.7rem;text-align: center;}
.brochur_list dt > a{color:#222}
.brochur_list dt > a:hover{color:#3c84d6}
.borBox3.brochur{width:132px;height:182px;display: inline-block;margin-bottom:10px}
.borBox3.brochur > img{width:130px;height:180px;}
.dl_img span{font-size: 1.7rem;padding-top:12px; text-align: center;display: block}
.cartoon .img_R{display: inline-block;position: absolute;right:30px;bottom:25px;z-index:-1}
.cartoon{padding:30px;overflow:hidden;position: relative;}
.animationWrap > .cartoon{margin-bottom: 30px}
.movieBox{text-align: center; overflow: hidden}
.aniverWrap .movieBox {margin-bottom:30px}
.movieScript{padding:20px 30px;overflow-y: scroll;line-height: 1.6;height:188px}
.movieBox object,.movieBox video{width:80%;height:auto;margin-bottom: 30px}
.ani_img{float:left;margin-right: 30px}
.ani_txt dt{font-size: 1.9rem;padding:10px 0 15px}
.ani_txt dd{color:#444;}
.ani_txt dt > a{color:#444;font-weight: 500;font-size: 1.9rem;}
.img_L{float:left;margin-right:40px}
.webtoon{padding:30px;overflow:hidden;position: relative;margin:0 15px 30px 15px ;width:570px}
.webtoon > .img_L{margin-right: 30px}
.crt_txt{float:left}
.crt_tit{font-size: 2.3rem;font-weight: 500;padding-right: 10px}
.webtoon .dl_crt > dt{border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-bottom: 15px}
.webtoon .dl_crt > dd{height:80px;}
.webtoon .crt_txt{width:190px;text-align: left}
.webtoonView > img{width:100%;max-width: 600px}
.webtoonBtn{text-align: left}
.webtoonBtn > .btn{padding:9px 20px}
.webtoonBtn > .btn > span{margin:0}
.whabo{padding:40px 40px 35px 40px;margin:0 15px }
.whabo_img{text-align: center;}
.whabo_img > img{width:90%;height:auto;max-width:260px}
.happy_img{text-align: center}
.happyphotoBox{max-width: 370px;}
.happy_img > img{width:100%;max-width: 370px}
.whabo_txt dt,.happy_txt dt{padding-top:15px}
.whabo_txt dt > span,.happy_txt dt > span{font-size: 2.1rem;font-weight: 500}
.happy_txt dd{padding-top:10px;font-size: 1.5rem;}
.whabo_txt dd{padding-top:15px;font-size: 1.5rem;height:123px;max-height: 140px}
.dl_crt > dt{margin:10px 0 20px}
.dl_crt > dt > a,.dl_crt > dt > span {vertical-align: middle}
.dl_crt > dd li.main_bull{margin:7px 0}
.bot_date{margin-top: 12px}
.view.calendar td{padding:8px 10px; vertical-align: top;height: 100px}
.view.calendar thead th{font-size: 1.6rem}
.gonsiTel.view td,.gonsiTel.view th{height:30px;padding: 5px}
.date{font-size: 1.6rem}
.th_left{width:30%;float:left;padding-left: 15px;text-align: left; line-height: 31px;font-size: 1.5rem;color:#444}
.th_right{width:70%;float:right;padding-right:15px; text-align: right}
.th_right img{width: 125px;height:31px}
.fileList{margin:3px 0;}
.fileList:first-child{margin:0}
.up_list{padding-right:1.7rem;background: url(../img/ico/up.png) right center no-repeat;}
.dw_list{padding-right:1.7rem;background: url(../img/ico/dn.png) right center no-repeat;}
td  li.sub_bull > ul > li{margin:0}
.box_left{float:left;}
.searchYear > .btn{vertical-align: top;margin:0}
.searchYear > select.form-control-static{width: 120px}
.searchYear >.btn{width:54px}
.txt_right{text-align: right !important}
.tblBtnArea{margin:20px 0 30px; text-align: right;}
.tlbBtn{margin:15px 0 30px}
.tblBtnArea .btn{margin-right:10px}
.tblBtnArea .btn:last-child{margin-right: 0}
.btn_save{width:2.6rem;height:2.6rem;background:url(../img/common/btn_save.png) no-repeat;border: 0;display: inline-block;}
.topRbtn{text-align: right}
.paginationWrap{text-align: center;overflow: hidden;margin:2rem 0}
.paging{margin:0 auto;display: inline-block;}
.paging li{list-style: none;display: inline-block;float:left;padding:0 0.4rem;}
.paging li img{margin-top:4px;}
.paging li .active{color:#3c84d6;}
.paging li .page_btn{display: inline-block;width:2.3rem;height:2.3rem;border:1px solid #ccc;border-radius: 0.5rem}
.paging li .page_btn:hover{background-color: #f5f5f5}
.paging li .first{background: url(../img/ico/first.png) center center no-repeat}
.paging li .prev{background: url(../img/ico/prev.png) center center no-repeat;margin-right:1rem}
.paging li .next{background: url(../img/ico/next.png) center center no-repeat;margin-left:1rem}
.paging li .end{background: url(../img/ico/end.png) center center no-repeat}
.ipinBtn{margin:5px 10px;text-align:right}
/* selectBox */
.dropdown-toggle.btn{border-radius: 0}
.btn-group .btn{border-radius: 0}
.btn-group.selectBox > .selected{min-width:8rem}
.tblWrap{position: relative;}
.mobildHand{background:rgba(0,0,0,0.7);width:250px;height:150px;border-radius: 10px;display: none;margin:150px auto;position: relative;;}
.mobildHandWrap{width:100%;z-index: 5;position: absolute;left:0;top:50%;margin-top:-225px}

.mobildHand > .ico_hand{background:url(../img/ico/hand.png) center center no-repeat;background-size:contain;height:70px;width:100%;  position: absolute;top:3rem;left: 0}
.mobildHand > p{font-size: 2rem;color:#fff;position: absolute;bottom:15px; text-align: center;width: 100%}
.mobildHand > p > strong{color:#7ac4fd;}
.naviSel.btn-group > .btn.dropdown-toggle{min-width: 16.5rem; text-align: left;height:48px}
.naviSel.btn-group > .btn-default.btn{border:0;padding:1.6rem 1.5rem;}
.selec_lv{padding-right:7px;line-height: 3.1rem; color:#222;}
.selec_lv + .checkbox-inline{padding-left: 0}
/* panel */
.panel_cir{background: #fff;color:#3c84d6;width: 3.1rem;height: 3.1rem;border-radius: 2rem;display: inline-block;line-height: 3.1rem;text-align: center;margin-right:12px}
.faq_cir{background: #3c84d6;color:#fff;width: 3.1rem;height: 3.1rem;border-radius: 2rem;display: inline-block;line-height:2.8rem;text-align: center;margin-right: 1.5rem;font-size: 1.7rem}
.panel-title > .accordion-toggle.collapsed  .panel_cir{background: #3c84d6;width: 3.1rem;color:#fff;height: 3.1rem;border-radius: 2rem;display: inline-block;line-height: 3.1rem;text-align: center;margin-right:12px}
.panel-title > .accordion-toggle{padding:15px 45px 15px 20px ;display: block;background:#3c84d6;color:#fff;position: relative;}
.panel-title > .accordion-toggle  .panel_updw{background:url(../img/ico/panel_up.png) no-repeat;width:2rem;height:1.1rem;display: inline-block;position: absolute;right: 2rem;top:2.5rem;}
.panel-title > .accordion-toggle.collapsed{background: #fff;color:#444;}
.panel-title > .accordion-toggle.collapsed   .panel_updw{background:url(../img/ico/panel_dw.png) no-repeat;width:2rem;height:1.1rem;display: inline-block;position: absolute;right: 2rem;top:2.5rem;}
.panel-title > .accordion-toggle > span.onlyTxt{min-height: 31px; display: inline-block;line-height: 31px}
.panel-title > .accordion-toggle.collapsed > span.panel_txt{color:#444}
.faqList{position: relative;padding-left:40px;min-height: 31px;}
.panel-title .faqList{padding-right:30px}
.panel-title .faqList .faq_tit{display: inline-block;line-height: 1.4;color:#fff;padding-top:3px}
.panel-title .accordion-toggle.collapsed .faqList .faq_tit{color:#444;}
.faqList > .faq_cir{position: absolute;top:0;left:0}
.faqList > .panel_cir{position: absolute;top:0;left:0}
.panel-title > .accordion-toggle .faqList > .panel_updw{position: absolute;top:10px;right:-25px}
.panel-body > .activity {margin-bottom:15px}
.panel-body > .activity li{margin-bottom:10px;font-size: 1.5rem}
.part{margin:0 0 30px 0;}
.li_alpa{margin-left:18px}
.li_alpa > li{list-style-type:upper-alpha;font-size: 1.3rem}
/*.part + .sub_tit{margin-top:-20px}*/
.ico_face{width: 5.1rem;height: 5rem; display: inline-block; }
.face01{background:url(../img/common/sati_face01.png);background-size: contain;background-repeat:no-repeat;}
.face02{background:url(../img/common/sati_face02.png);background-size: contain;background-repeat:no-repeat;}
.face03{background:url(../img/common/sati_face03.png);background-size: contain;background-repeat:no-repeat;}
.face04{background:url(../img/common/sati_face04.png);background-size: contain;background-repeat:no-repeat;}
.face05{background:url(../img/common/sati_face05.png);background-size: contain;background-repeat:no-repeat;}
.box2_1{background: #ebf0f6;border-radius: 10px;padding:15px 10px;}
.box2_2{background: #ebf0f6;border-radius: 10px;padding:15px 10px; margin-top: 280px;}
.box2_1.ulBox{padding:20px 30px;margin-top:15px}
.subContWrap{padding:10px 0 0 25px}
.po_C1{color:#3c84d6 !important}
.po_C2{color:#e55e4a !important}
.po_C3{color:#d61125 !important}
.po_C4{color:#000 !important}
.po_C5{color:#1b3371 !important}
a.po_C1:hover{text-decoration: underline;}
.topBox{border-bottom: 1px solid #ccc;padding-bottom: 1.5rem;margin-bottom: 2.5rem}
.satiBox{margin-top:5rem;}
.satiBox.box2_1{padding:3rem;}
.sati_option{display: block;width: 100%; overflow: hidden}
.sati_option li{display: inline-block;float: left;width: 20%; text-align: center}
.sati_txt{background: url(../img/common/sati_ico.png) no-repeat;padding-left:65px;min-height: 60px; position: relative;margin-bottom: 10px}
.sati_txt .sati_txt_inner{position: absolute;top:50%;margin-top:-20px;color:#000;font-weight: 500}
.secInfo{padding:15px 0; border-bottom: 1px solid #ccc}
.secIcon{padding-left:25px; display: inline-block;color:#444;}
.secIcon01{background: url(../img/ico/posi.png) left center no-repeat}
.secIcon02{background: url(../img/ico/person.png) left center no-repeat}
.secIcon03{background: url(../img/ico/mail.png) left center no-repeat}
.bor_r{background:url(../img/common/border.png) right center no-repeat;}
.bor_r_s{background:url(../img/common/border_s.png) right center no-repeat;}
#contentWrap{position: relative;padding-bottom:25px;margin-bottom:55px;}
.footMenu{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;}
.footMenu > .container{position: relative;}
.btn_top{position: absolute;bottom:0;right:15px;width:48px;height:48px;background: url(../img/common/btn_top.png) center center no-repeat;border:1px solid #ccc;border-radius:5px; display: block;box-shadow:0 2px 0 #ddd;margin-bottom: 5px; }
.ftMenu{display: inline-block;float: left;;padding:8px 15px 8px 0;margin-right: 15px;font-size: 1.6rem}
.ftMenu a{color:#787878}
.snsWrapfoot{float:right;}
.snsWrapfoot ul > li{display: inline-block;float: left;margin-left: 20px;height: 35px}
.snsWrapfoot ul > li > button{width:35px;height: 3.5rem;background-color:transparent;border:0; }
.snsWrapfoot .facebook{background:url(../img/common/facebook.png) no-repeat}
.snsWrapfoot .twitter{background:url(../img/common/twitter.png) no-repeat}
.snsWrapfoot .blog{background:url(../img/common/blog.png) no-repeat}
.snsWrapfoot .youtube{background:url(../img/common/youtube.png) no-repeat}
.ftInfo{display: inline-block;float: left;line-height:15px;padding-right: 1rem;margin-right:10px;font-size: 1.3rem;color:#555}
.copyR{clear:both;color:#a7a7a7;padding-top:0.8rem;font-size: 1.3rem}
.injae > img{width: 100%}
.plan > img{width:100%;max-width:1170px}
.footSite{float:right;margin-top:-53px}
.footSite .btn + .btn{margin:0}
.footSite > .relaSite{border-radius: 0;}
.ftBanner{border:1px solid #ccc;position: absolute;background: #fff;height: 60px;top:-6px;left:0; display: none}
.ftBanner > #bannerClose{position: absolute;top:0;right:0}
.ftBanner > #bannerNext{position: absolute;top:0;right:39px}
.ftBanner > #bannerPrev{position: absolute;top:0;left:0}
#bannerClose{background:url(../img/common/bannerClose.gif) no-repeat;width:39px;height:58px;border: 0}
#bannerPrev{background:url(../img/common/bannerPrev.gif) no-repeat;width:39px;height:58px;border: 0}
#bannerNext{background:url(../img/common/bannerNext.gif) no-repeat;width:39px;height:58px;border: 0}
.pop_info{margin:0 89px 0 50px;height:59px;overflow: hidden;}
.pop_info > .title{font-size: 0;line-height: 0; text-indent: -20000px}
.l_banner_img > li{float:left;display: inline-block;margin:7px 2px}
.footSite .selected_Txt{min-width:15rem}
.li_relaSite{margin-left:20px}
.li_relaSite img{margin-top: -22px}
.li_relaSite > span{ line-height: 1.4;display: inline-block;color:#828282;font-size: 1.3rem;margin-top:3px}
.siteAllWrap{width:1225px;height:1250px;position: absolute;left:50%;top:100px;margin-left:-585px;z-index: 101;display: none}
.siteScroll{overflow-y: scroll;height:1250px;width:1170px;background:#fff}
.siteAllBox{width:1150px;background: #f3f3f3; position: relative;overflow: hidden;}
.siteAllBox > .site_tit{position: absolute;left:30px;top:40px;margin:0;font-weight: 600; letter-spacing: -2px}
.siteAllbdr{border-top:2px solid #ccc}
.siteAllInner{background:#fff;width: 910px;float: right;padding:30px 0 30px 15px}
.siteAllInner ul{display: block; overflow: hidden}
.siteSecDep1 li{margin:0;}
.siteSecDep1{background: #4f97e9; text-align: center;height:45px;line-height:45px;color:#fff;font-size: 1.6rem;font-weight:400}
.siteSec01{width: 264px;margin:0 15px;float: left}
.siteSecDep2{border-bottom: 1px solid #ccc;background-color: #ebf0f6}
.siteSecDep2 > ul{margin:7px 0; }
.siteSecDep2 a{display:block}
.siteSecDep2 > a{font-size: 1.5rem;height:43px;padding-left:20px;line-height:43px;background-color: #fff;color:#444;font-weight: 500}
#btnSiteAllClose{background:url(../img/ico/btn_x.png) center center no-repeat #09b2ad;height:55px;width:55px;border: 0;position: absolute;right:0;top:0}
.siteSecDep3 > a{background: url(../img/ico/siteDot.png) 29px 8px no-repeat;padding-left:40px;min-height: 19px;line-height: 19px;font-size: 1.4rem;color:#666;margin:3px 0;}
.siteSecDep3 > a > span{line-height: 1.3;display:block}
.siteAlldw{background: url(../img/ico/siteAlldw.png) center right no-repeat;}
.botdashline{border-bottom: 1px dashed #ccc}
#ico_calcu{width: 180px;background: #fff;border-radius: 10px;display: inline-block;padding:12px 25px;border:1px solid #ccc;position: absolute;top:118px;left:30px}
#ico_calcu > .txt{line-height: 1.2;display: inline-block;text-align: left}
.ico_calcu{background: url(../img/ico/ico_calcu.png) no-repeat;width:21px;height:24px;display: inline-block;vertical-align: middle;float:left;margin-right:10px;margin-top:2px}
.selected_Txt{overflow: hidden;display: inline-block;padding-right: 1.5rem;min-width: 7rem; text-align: left}
.footSite .btn.btn-default:hover{border-color: #ccc}
.dropdown-toggle .ico_up{width:11px;height:11px;background: url(../img/common/ico_up.png) center center no-repeat; display: inline-block;padding:0;}
.footSite .botLink,.footSite .botLink:active{border-radius: 0;border-right:0;float:left;background: url(../img/common/bot_link.png) 10px center no-repeat;padding-left:36px}
.li_flt > li{display: inline-block;float:left; text-align: left}
.box2_1 .li_flt{display: inline-block;margin-top:15px}
.box2_1 .li_flt li{margin:0 30px}
.foot_bot{margin:30px 0}
.bot_logo{width:230px;height: 41px;background: url(../img/common/bot_logo.png) no-repeat;float:left }
.ico_time{background: url(../img/ico/time.png) no-repeat;width:16px;height:15px ; display: inline-block; vertical-align: middle;margin-right:5px}
.ico_clock{background: url(../img/ico/clock.png) no-repeat;width:15px;height:15px; display: inline-block; vertical-align: middle;margin-right:5px}
.part + .box2_1{margin-top:-2rem;}
.p_txt{line-height:23px; overflow: hidden}
.main_tit + .p_txt{margin-top:-5px;}
.main_tit + .lineGrpWrap{margin-top:-30px}
.lineGrpWrap .lineGrpBox .graphInnerWrap{min-height:auto}
/*.main_tit + .part{margin-top:-30px}*/

.txt_gray{color:#444;}
.appendWrap{border:1px solid #ccc;border-radius: 1rem;padding:2.5rem 3rem;}
.app_dt{font-size: 1.8rem;color:#000;}
.tblTopBtn{text-align: right;padding-bottom:1rem;}
.sub_tit + .ol_li{margin-left:3rem;padding-left: 1rem}
.sub_tit + ul{margin-left:25px;margin-top:-3px}
.main_tit + ul{margin-top:-5px}
.sub_tit + .p_txt{padding-left:24px;margin-top:-3px}
.sub_tit + .p_cont{padding-left:24px;margin-top:-3px}
.ol_li > li{margin:0.5rem 0;}
.p_txt + .sub_tit{margin-top:2.5rem;}
p.main_bull + p.sub_bull{margin-top:10px}
.main_bull + .sub_bull{margin-top:-5px;margin-bottom:20px}
.main_bull + .p_cont{padding-left:18px;margin-top:-5px}
.main_bull + .p_txt{margin-top:-5px}
.main_bull + .p_cont + ol{padding-left:22px;}
h5.sub_tit + h6.main_bull{margin-left:25px;}
h6.main_bull +  .p_cont{padding-left:25px;}
h5.sub_tit + h6.main_bull +  .p_cont +  h6.main_bull{margin-left:25px;}
p.p_cont + h6.main_bull{margin-left:25px;}
h6.main_bull + .p_cont{margin-left:22px;}
.ul_main_bull li{font-size: 15px;margin:10px 0}
.sub_bull + .p_txt{margin-top:-5px;}
.main_bull + ul{margin-top:-5px;}
ol > li > ul > li{margin:0}
.faqList > ul > li,.faqList > p{color:#666}
.p_txt img{margin:5px 10px 10px 0;float:left}
.panel-body > .ol_li{margin-left:1.5rem;margin-top:-1rem;}
.panel-body .p_cont:last-child{margin-bottom:10px}
.panel-body .p_cont:first-child{margin-top: 0}
h7{font-weight: 500;color: #000}
.part + .botBtnArea{padding-top:0}
.botBtnArea{padding:3.5rem 0 4.5rem;text-align: center;}
.botBtnArea > .btn{margin:5px 10px}
.dimed{position: absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.7);z-index:50;display: none}
.dimed2{position: absolute;top:300px;right:0;bottom:0;left:0;background: rgba(0,0,0,0.7);z-index:40;display: none}
.popupBox{width:600px;min-height:500px;position: absolute;top:50%;left:50%;margin-top:-250px;margin-left: -300px;z-index: 101;background: #fff;}
.popupBox.bigSize{width:1000px;margin-top:-350;margin-left: -500px;height:700px; overflow-y: auto}
.popTop{background: #1d3454;padding:20px 30px;position: relative;}
.popTop > .popTitle{color:#fff;font-size: 2.2rem;font-weight: 500}
.popupBox > .popBot{padding: 2.5rem}
.popupBox .btn_popClose{background: url(../img/common/btn_popClose.png) center center no-repeat;width:2.4rem;height:2.4rem;top:2.5rem;right:2.5rem; position: absolute;border:0}
.mapArea{height: 28.5rem;background: url(../img/common/map.png);background-size: contain;margin-top:1rem}
.msg{font-size:2.2rem;font-weight: 500}
.processWrap{overflow:hidden;margin-top:30px;}
.processWrap.organ{border: 1px solid #ccc;padding:25px}
.process{border: 2px solid #ccc;border-radius: 0.8rem;position: relative;height: 47px;min-width:120px;text-align: center;color:#444;float:left;padding:0 15px;background: #fff}
.processList.process{height: auto;padding:inherit;padding:10px 15px}
/*.processList.process > .prc_arr{top:20px}*/
.process.blue{background:#3b83d5;border-color:#3b83d5;color:#fff;width: 140px;min-width: 110px;margin-left:10px;}
.process.mint{background:#30bbbd;border-color:#30bbbd;color:#fff;width: 140px;min-width: 110px;margin-left:10px;}

.panel-body .processWrap > div{margin:5px 0}

.process.mintBdr{border-color:#30bbbd;min-width: 110px;margin-left:10px;height:auto}
.process.blueBdr{border-color:#3b83d5;min-width: 110px;margin-left:10px;height:auto}
.processWrap.organ .process.mint:first-child{margin-left: 0}
.process.procesBlack{border-color:#8f8f8f}
.processLast{position: relative;clear: both;height:120px}
.processLast .row{clear:both;position: absolute;top:56px;left:-90px;width:450px;}
.processLast .row .process.mint{width: 140px}
.processWrap.organ .process.procesgreen{border-color:#30bbbd;width:440px; position: absolute;left:-90px}
.processWrap.organCenter .process{display:block;margin:0 auto;clear: both;float:none;width: 220px}
.processWrap.organCenter {border: 1px solid #ccc;padding:30px}
.processWrap.organCenter .li_flt.li_2{display: inline-block;margin:0 auto;width:66.6%;overflow: hidden}
.processWrap.badang{border: 1px solid #ccc;padding:30px; text-align: center;margin-top:0}
.processWrap.badang > img.stepImg{width:100%;}
.processWrap.badang .process,.processWrap.badang .process_end{min-width: 57px;padding:15px;height:150px}
.processWrap.badang > .li_flt{display: inline-block;}
.processWrap.badang > .li_flt li{height:180px}
.processWrap.badang .process > .sglTxt,.processWrap.badang .process_end > .sglTxt{width: 15px;line-height: 16px;margin:0 auto;display: block;font-size: 1.5rem;}
.processWrap.badang .sglTxt > em{display: block;margin-bottom:8px;color:#666;}
.processWrap.badang .process_end .sglTxt > em{color:#fff}
.period{font-size: 1.5rem;padding-top:10px;text-align: center;clear: both}
.processWrap.badang .next_dot{margin-bottom:99px;float:none;clear: both}
.processWrap.innerTab > .next_dot{width:31px; background-position: center center}
.process > span{display: block;line-height:43px;}
.process.mintBdr > span > div{line-height:20px;padding:15px 0}
.process > .prc_arr{width:9px;height: 14px; position: absolute;top:14px;right:-9px;display: inline-block;background: url(../img/common/prc_arr.png) no-repeat}
.process .sub_bull{text-align: left}
.pasanStepWrap{border: 1px solid #ccc;padding:30px;overflow: hidden}
.pasanStepWrap .process,.pasanStepWrap .process_end{width: 166px;height: 166px;float:none;clear:both;padding:15px 0}
.pasanStepWrap .process, .pasanStepWrap .process_end> .po_C1{font-size: 1.5rem}
.pasanStepWrap .process.sell{height:120px}
.process.bg_blue{background: #3b83d5;border-color:#3b83d5}
.process.bg_red{background: #e2604a;border-color:#e2604a}
.process.bg_red > p{color:#fff}
.process.bg_blue p,.process.bg_blue .step_tit{color:#fff;border-color:#9dc1ea}
.pasanStepWrap{text-align: center;}
.procDownWrap{padding:50px 0}
.procDownWrap > .row{width:75%;margin:0 auto}
.procDownWrap .process{float: none;margin:0 auto 7px auto;width: 90%}
.prcedDwDot{background: url(../img/common/next_dot2.png) center center no-repeat;height: 44px}
.process.mintLine{border-color:#30bbbd}
.process.bgblue{background: #3b83d5;border-color:#3b83d5}
.process.bgblue span{color:#fff}
.arrDown{width: 14px;height: 9px;background: url(../img/common/prc_arr_bot.png) no-repeat;display: inline-block;}
.arrDown.mintbor{background: url(../img/common/prc_arr_bot_mint.png) center 0 no-repeat;}
.procDownWrap .process > .arrDown{position: absolute;left:50%;margin-left:-7px;bottom:-9px}
.li_pasanWrap{margin-left:-20px}
.li_pasanWrap > ul > li{color:#666}
.pasanStepWrap > .li_flt{display: inline-block}
.pasanStepWrap > .li_flt > li .pasanTxt{margin-top:100px; text-align: center;font-size: 15px;color:#000;width:166px }
.pasanStepWrap > .li_flt > li{width:228px;background: url(../img/fund/bg_pasanstep.png) no-repeat;min-height: 290px}

.pasanStepWrap.sellWrap > .li_flt > li{width:228px;background: url(../img/kongsi/bg_pasanstep.png) no-repeat;min-height: 240px}

.processWrap.organ.pasan .process{min-width:140px}
.processWrap.organ.pasan .next_line{width:auto}
.processWrap.organ.pasan .li_flt li{margin:0}

.pasanStepWrap > .li_flt > li:last-child{width:166px}
.fundImg{text-align: center;margin:30px 0}
.fundImg img{width: 100%; max-width: 1052px}
.step_tit{font-size: 1.5rem;border-bottom: 1px solid #ccc;padding-bottom:7px;width: 105px;margin:0 auto 10px auto}
.next_dot{background:url(../img/common/next_dot.png) 15px center no-repeat;width:54px;float:left;height:47px;margin-left: 8px}
.next_line{background:url(../img/common/step_line.png) center 0 repeat-y;height:23px;clear: both;width: 148px}
.process_end{border-radius: 8px;background:#3c84d6;color:#fff;min-width:132px;height:47px;float:left;text-align: center;padding:0 10px}
.process_end > span{line-height:47px;display: inline-block;}
.calTop{background: url(../img/calculator/img01.png) center center no-repeat;width:90%;height:94px;background-size:contain;display: inline-block;margin:10px 0}
.borBox3.circleBox{padding:30px;overflow: hidden; text-align: center;}
.borBox3.circleBox .li_flt{display: inline-block;}
.pls_cir{width:220px;height: 220px; }
.cir01{background:url(../img/fund/cir_img01.png) no-repeat;background-size: contain}
.cir02{background:url(../img/fund/cir_img02.png) no-repeat;background-size: contain}
.cir03{background:url(../img/fund/cir_img03.png) no-repeat;background-size: contain}
.jiwonTxt{font-size: 1.5rem;color:#666; text-align: center;margin-top:15px}
.ico_plus{background:url(../img/fund/ico_plus.png) center center no-repeat;width:84px;height: 220px}
.appicant{width:195px;height: 158px; display: inline-block;margin-top:130px;background: url(../img/fund/appli.png) no-repeat}
.appi_arr{width:70px;height: 158px; display: inline-block;margin-top:130px;background: url(../img/fund/appli_arr.png) center center no-repeat;margin-left:20px;margin-right:20px}
.cl_txt1{font-size:2.5rem;}
.cl_txt1 strong{color:#1d3454}
.cal_R{margin:10px}
.cal_bot{background: #ebf0f6;padding:15px 20px;margin-top:10px}
.view.writeform td .selectBox .selected_Txt{width:200px}
.selectBox > .btn.dropdown-toggle{margin-right: 0}
.calBox{width:80%;margin:0 auto;}
.selectBox + .btn{margin: 0}
.cal_sbTxt{margin-left:17px;margin-top:-7px}
.borBox3{border:1px solid #ccc}
.prfBox{padding:10px 30px;overflow-y: scroll;height: 190px}
.prfBox li.sub_bull{margin:15px 0}
.prfAgree{background:#ebf0f6;padding:12px;text-align: center;border-top:1px solid #ccc}
.prfAgree2{background:#ebf0f6;padding:20px;}
.prf_tit{color:#000;font-size:2.8rem}
.prfIcon{height: 130px; background:url(../img/fund/prf_ico01.png) center center no-repeat;background-size: contain;margin:15px 0}
.prf02.prfIcon{background: url(../img/fund/prf_ico02.png) center center no-repeat}
.prfTop{text-align: center;padding: 15px 15px 25px 15px}
.realpfBox{margin-top:-10px}
.realpf{margin-right: 1%}
.ipinpf{margin-left:  1%}
.prfAgree2{min-height: 135px}
.borL_left{border-left:1px solid #ccc}
.borL_right{border-right:1px solid #ccc}
.telNum{line-height: 47px; vertical-align: middle;margin-bottom: 0}

.telIco{background: url(../img/ico/tel.png) no-repeat;padding-left:55px;height: 47px; display: inline-block;background-size:contain}
.telNumWap{padding:10px}
.telNumWap.krnc{padding: 10px 20px}
.searchWrap.korBtnsWrap{overflow: hidden;}
.korBtns{ margin:0 auto; text-align: center;}
.korBtns ul{display: inline-block;margin:0 5px}
.korBtns li{float:left;display: inline-block; }
.korBtns li > button{background: #fff;border:0;padding:4px 9px;border:1px solid #ccc;border-width: 1px 1px 1px 0}
.korBtns li:first-child > button{border-left: 1px solid #ccc}
.tbl_dl{margin:0 -5px}
.tbl_dl dt{font-weight: normal;}
.tbl_dl dt,.tbl_dl dd{padding:10px 5px; text-align: center;}
.tbl_dl dd{background: #f9f9f9;border-top: 1px solid #ccc}
.calTop.ico_light{background: url(../img/ico/light.png) center center no-repeat;height: 115px;width:90%;background-size:contain;}
.w90{width:90%;margin:0 auto;}
.w95{width:95%;margin:0 auto;}
.btn-sm.btn.btn_plus{padding:6px 8px 5px 8px !important;min-width:15px}
.add_plus{width:14px;height:15px;display: inline-block;background: url(../img/ico/plus.png) no-repeat;}
.money{max-width:100px; text-align:right;}
.bankDWwrap{padding:0 10px}
.bankDWwrap > .row{padding-left:20px;min-height: 31px}
.bankSearch{overflow: hidden; width:60%;margin:0 auto}
.bankSearch > .searchInput{padding:0 140px 0 80px}
.form-control.stSize{width:150px; display: inline-block;float:left}
.selBtnRow{padding-right: 60px; position: relative; display: inline-block;}
.searchInput{padding:0 140px 0 60px;float:left;position: relative;width: 100%}
.no_lb.searchInput{padding-left:0}
.searchInput.bankDw{padding:0 195px 0 85px;max-width:400px}
.searchInput.bankDw > .s_btns{width:190px;}
.searchInput.radioWrap{padding:0 0 0 85px;}

.searchInput.bankDw .main_bull,.searchInput.radioWrap .main_bull{background-position:3px center}
.main_bull.cont_tit{background-position:0 center;color:#222;font-size: 1.6rem}
.localS.searchInput{padding:0 55px 0 60px;}
.btnOne.searchInput{padding:0 65px 0 60px;}
.banklocal.searchInput{padding:0 61px 0 90px;}
.autoCal.searchInput{padding:0 90px 0 135px;}
.searchInput.inputOne{padding-right:30px}
.inputWon{padding-right: 20px;position: relative;}
.searchInput > .s_btns{position: absolute;right:0;top:0;}
.searchInput > .selec_lv{position: absolute;left:0;top:0;}
.onlySelec{margin-right: 10px}
.onlySelecWrap{width:285px;margin:0 auto; overflow: hidden;}
.onlySelecWrap > .btnOne.searchInput{padding:0 65px 0 0}
.selBtnRow > .form-group{margin-bottom: 0}
.selBtnRow .btn{position: absolute;right:0;top:0;margin:0 !important}
.widAuto{width:auto !important}
.txt_won{line-height: 31px;position: absolute;right:0;top:0;}
.btnAreaC{margin-top:30px; text-align: center;}
.btnAreaCmid{margin:20px 0; text-align: center;}
.dis_td{display: table-cell; vertical-align: middle; }
.disInBlock{display:inline-block; }
.p_cont{line-height: 1.6;margin-bottom:20px;font-weight: 400}
.main_tit + .p_cont{margin-top:-5px}
.txt_C > .inputWon{display: inline-block;}
.dis_td{height: 130px}
.ciBox{padding:20px; text-align: center;}
.ciborBox > div{height:190px;border-bottom:1px solid #ccc;border-right: 1px solid #ccc}
.ciborBox > div:last-child{border-right: 0}
.ciborBox.row:last-child > div{border-bottom: 0}
.bgCi,.bgCi2{background: url(../img/protect/ci_bg.png);}
.bgCi > div:first-child{border-right: 1px solid #ccc}
.bgCi .ciBox{margin:20px 0}
.ciborBox .ciBox img{width:164px;height:91px}
.bg_main{background: url(../img/common/bg_main.png) no-repeat;background-size:cover;}
.ciTxt{text-align: center;margin:30px auto 0 auto;color:#444;}
.slogun{font-size: 46px; text-align: center;margin-top:60px;color:#000;font-weight: 500}
.slogun strong{color:#013079;font-weight: 700}
.subtxt{font-size: 19px;margin-top:10px}
.mainContainer{padding:0;margin:50px auto 0 auto;position: relative;}
.mainBox{margin:0 30px 30px 0;float:left;}
.shadowBox{border-radius: 10px;box-shadow:3px 3px 3px rgba(0,0,0,0.2); overflow: hidden;background: #fff;}
.contFirst,.contFirst2{width:370px;}
.contFirst,.mainCntcontsecond,.contthird{min-height:412px}
.mainCntcontsecond,.mainCntcontsecond2{width:470px}
.contthird,.contthird2{width:270px;margin-right: 0;}
.log_img{height: 186px; background: url(../img/fund/log_img.png) center center no-repeat}
.logTxt{padding:10px;text-align: center;}
.loginWrap{width: 80%;margin:82px auto;position: relative;}
.loginWrap > div{height:50px; background: #fff}
.loginWrap > .log_pw{border-top:1px solid #ccc}
input[type="text"].loginInput,input[type="password"].loginInput{border: 0;width: 94%;height:49px;padding:0 3% }
.btnLoginPop{position: absolute;top:-1px;right:-1px;height:102px;width: 100px; background: #3b83d5;color:#fff;border:0}
.loginPop{height: 344px;width: 1000px;margin-top:-177px;margin-left: -500px;min-height:340px;}
.stepPop{height:400px;width: 1000px;margin-top:-200px;margin-left: -500px}
.logRight{background: #ebf0f6;height: 272px; }
.stepRound{height:65px;border-radius:33px;border:1px solid #ccc;width: 181px; text-align: center;position: absolute;top:0;left:0}
.stepRound.active{background: #3c84d6;border-color:#3c84d6;z-index: 5}
.stepRound.active p{color:#fff}
.li_step{float: left; position: relative; display: inline-block;width:153px;height: 65px}
.li_step:first-child{margin-left:0}
.telTxtWrap{padding:25px 30px;}
.telTxtWrap > .p_txt{margin:0}
.telTxtWrap .telNum{font-size: 17px; line-height:47px}
#mainWrap{position: relative;}
#mainNotice{border-radius: 10px;}
#mainNotice .accordion-toggle.topPosi{border-radius: 10px 10px 0 0;}
#mainNotice .accordion-toggle.collapsed.botpPosi{border-radius: 0 0 10px 10px;}
#mainNotice .accordion-toggle.botpPosi{border-radius: 0}
#mainNotice .panel-title > .accordion-toggle.collapsed{background:#70798b;color:#fff}
#mainNotice .panel-title > .accordion-toggle{background:#444;color:#fff;font-size:19px}

#mainNotice .panel-body{height:310px;border-radius: 0 0 10px 10px;border-bottom:0}
#mainNotice .panel-title > .accordion-toggle.collapsed > .panel_updw{background: url(../img/main/up.png)  no-repeat;width:28px;height:28px;top:9px}
#mainNotice .panel-title > .accordion-toggle > .panel_updw{background: url(../img/main/down.png)  no-repeat;width:28px;height:28px;top:9px}

#mainNotice .panel-group{border-top:0;margin-bottom:0;}
#mainNotice .panel-default > .panel-heading{border-top: 0}
#mainNotice .panel-default > .panel-heading + .panel-collapse > .panel-body{border:0}
#mainNotice .panel{background: none}
#mainNotice .panel-group .panel{border:0}
#mainNotice .panel-body{padding:25px}
.noti_top{background: url(../img/main/ico_noti.png) 0 10px no-repeat;padding-left: 115px;min-height: 105px}
.noti_top.gongo{background-image: url(../img/main/ico_noti2.png)}
.noti_top dt{color:#000;font-size: 1.7rem; letter-spacing: -1px;margin-bottom:15px;font-weight: 500;line-height: 27px}
.noti_top{border-bottom: 1px solid #ccc;padding-bottom:25px}
.ico_dot{background: url(../img/main/dot.png) 0 center no-repeat;padding-left:9px}
.ico_dot.custom_dot{background-image: url(../img/main/dot2.png);margin:4px 0 }
.ico_dot.custom_dot a{color:#555}
.ico_dot.custom_dot a:hover{color:#3084d8}
.ico_dot.custom_dot:hover{background-image: url(../img/main/dot2_h.png); text-decoration: underline;}
.noti_bot{padding-top:15px}
.noti_bot li{margin:8px 0 }
.topRate{background: url(../img/main/freerate.png) 0 10px no-repeat;padding-left: 95px;height:97px; overflow: hidden;position: absolute;top:-150px;right:0;width:290px;}
.topRate > dl > dt{font-size: 17px;padding-bottom:13px}
.topRate > dl > dt em{color:#013079}
.frequMn{overflow: hidden}
.frequMn >  dt{background: #444;color:#fff;height:50px;line-height:50px;border-radius: 10px 10px 0 0;padding-left: 20px;font-size: 19px}
.frequMn >  dd{background: #fff;border-radius: 0 0 10px 10px;padding:16px 10px;overflow: hidden}
.freq01{background:url(../img/main/freq01.png) center no-repeat;padding-top:65px}
.freq02{background:url(../img/main/main2_ico1.png) center no-repeat;padding-top:65px}
.freq03{background:url(../img/main/freq03.png) center no-repeat;padding-top:65px}
.li_freq{width: 33.33%; text-align: center;font-size: 16px;color:#444;float:left}
.li_freq a{color:#444; letter-spacing: -1px}
.li_app{width:50%;font-size: 16px;color:#444;float:left;margin:0}
.li_app > a{display: block;margin:10px; overflow: hidden;}
.li_app > a:hover div,.li_app > a:hover span{color:#3084d8; text-decoration: underline;}
.li_app > a > span{color:#3c3c3c;line-height: 19px;padding-top:18px; display: inline-block; text-align: left;float: left;margin-left: 10px;font-size: 14px}
.li_three .li_app img{width:auto;}
.app01{background:url(../img/main/app_ico01.png) 0 0 no-repeat;width: 77px;height:77px; display: inline-block;float:left}
.app02{background:url(../img/main/app_ico02.png) 0 0 no-repeat;width: 77px;height:77px; display: inline-block;float:left}
.app03{background:url(../img/main/app_ico03.png) 0 0 no-repeat;width: 77px;height:77px; display: inline-block;float:left}
.app04{background:url(../img/main/app_ico04.png) 0 0 no-repeat;width: 77px;height:77px; display: inline-block;float:left}
.mainBan{width:220px;height:85px;color:#fff;font-size: 19px;font-weight: 500;line-height:85px;padding-left:25px;float:left}
.ban01{background: url(../img/main/banMn01.png) right 18px #e55e4a no-repeat;}
.ban01 > a,.ban02 > a,.ban01 > a:hover,.ban02 > a:hover{color:#fff}
.ban02{background: url(../img/main/banMn02.png) right 24px #4f98e9 no-repeat;margin-top:30px}
.ban03{background: url(../img/main/banMn03.png) right bottom #08b2ac no-repeat;position: relative}
.mainBan2{padding-bottom:80px;float:right;width:220px;height:199px;}
#mainWrap .main_banners{margin-top:30px}
.dl_mainBan{margin:20px; width: 140px}
.dl_mainBan > h1{color:#fff;font-size: 19px;font-weight: 500;margin-bottom:13px}
.dl_mainBan > span{color:#fff;width:140px;font-weight:400;}
.recruit{background: #1580bb;padding:25px;height:410px}
.dl_recruit{color:#fff;}
.dl_recruit > dt{color:#fff;font-size: 19px}
.dl_recruit > dd{font-size: 15px;margin-top:10px}
.ul_recruit{margin-top:0px}
.ul_recruit li{border-bottom:1px solid #4499c9;margin:0}
.ul_recruit li > a{border-bottom:1px solid #0f5a83; display: block;height:95px;position: relative;font-weight: 500}
.ul_recruit li > a:hover{background: url(../img/main/arr.png) right center no-repeat}
.ul_recruit li.last,.ul_recruit li.last > a{border-bottom: 0}
.cir_go{background:url(../img/main/banMn03_1.png) no-repeat;width:28px;height:28px;position: absolute;bottom:40px;left:25px}
.ico_recruit{width:65px;height:65px; display: inline-block;position: absolute;top:50%;left: 0;margin-top:-33px}
.re_ico01{background: url(../img/main/recruit_ico01.png) no-repeat}
.re_ico02{background: url(../img/main/recruit_ico02.png) no-repeat}
.re_ico03{background: url(../img/main/recruit_ico03.png) no-repeat}
.rec_txt{font-size: 17px;color:#0d2e40;line-height: 95px;padding-left:85px}
.compLink{overflow: hidden;}
.compLink > ul > li {text-align: center}
.compLink > ul > li > .sub_bull{margin:0 4px}
.gallerIMG{position: relative;}
.gallerIMG > #gallCarousel{width:370px;height:290px;position: relative;border-radius: 10px}
.gallerIMG img{border-radius: 10px;width:100%;height:auto}
.gallerIMG .caption{position: absolute;top:20px;left:20px;color:#000000;width: 210px}
.gallerIMG .caption > h4{font-size: 16px}
.gallerIMG .caption > p{font-size: 28px;color:#000;font-weight: 700;line-height: 33px}
.gallerIMG .caption > p > span{color:#11366b}
.gallerIMG .bx-pager{display: none}
.gallerIMG .bx-prev{display: inline-block;background: url(../img/main/prev.png) #496b79 center center no-repeat;border-radius:20px;width:33px;height:33px;left:0}
.gallerIMG .bx-next{display: inline-block;background: url(../img/main/next.png) #496b79 center center no-repeat;border-radius:20px;width:33px;height:33px;right:0}
.gallerIMG .bx-start{display: inline-block;border-radius:20px;width:33px;height:33px;background: url(../img/main/play.png) #496b79 center center no-repeat;}
.gallerIMG .bx-start.active{display: none}
.gallerIMG .bx-stop.active{display: none}
.gallerIMG .bx-stop{border-radius:20px;width:33px;height:33px;display: inline-block;background: url(../img/main/pause.png) #496b79 center center no-repeat;}
.gallerIMG .bx-controls a{text-indent: -20000px; font-size: 0;top:0;position: absolute;}
.gallerIMG .bx-controls-direction{position: absolute;top:15px;right:55px;height:33px;width:70px}
.gallerIMG .bx-controls-auto{position: absolute;top:15px;right:15px;width:33px;height:33px;}
.gallerIMG .bx-controls-auto .bx-controls-auto-item{}

.historyWrap{overflow: hidden}
.historyWrap#krncHistory > .his_L{background: url(../img/introduce/history_krnc.jpg) no-repeat;background-size:contain;}
.his_L{background: url(../img/introduce/history.jpg) no-repeat;width:35%;position: relative;min-height: 1500px;float:left;background-size:contain;}
.his_R{float:left;width:65%;}
.his_L > .yearLink{position: absolute;top:13%;left:13.5%;}
.his_L > .yearLink > .nav > li{margin:0}
.a_his{width:195px ;display: block;height: 50px;line-height: 50px;font-size:2.6rem; background: url(../img/introduce/a_his.png) right 0 no-repeat;color:#8792b0}
.a_his.active{ background: url(../img/introduce/a_his_on.png) right 0 no-repeat;color:#fff;font-weight: 700}
.hisYear{padding-bottom:40px}
.mainCntcontsecond2 > .shadowBox{min-height: 290px}
.yearTit{font-size: 4rem;border-top:1px solid #3b83d5;width: 135px;padding:8px 0 6px 45px;font-weight: 700;color:#3b83d5;margin: 0}
.mobile_img,.yearLink.mobile{display: none}
.hisCont{padding-left:45px}
.hisCont > .dl_tbl{margin:7px 0}
.hisCont > .dl_tbl > dt{width:60px}
.custom{background: url(../img/main/ico_custom.png) right bottom #fff no-repeat;padding:20px;height:290px}
.custom > h5{color:#000;font-size: 22px;margin-top:5px}
.custom > p.tel{color:#08b2ac;font-size:34px;margin-top:0}
.ellipsis{display: block;width:98%; text-overflow:ellipsis;white-space: nowrap; overflow: hidden}
.ellipsis2{overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap: break-word;}

.ellipsis2_1 {
  overflow: hidden;
  position: relative; 
  line-height: 1.3em;
  max-height: 2.6em; 
  margin-right: 0em;
  padding-right: 1em;
}
.ellipsis2_1:before {
  content: '...';
  position: absolute;
  right: 0.5em;
  bottom: 0;
}
.ellipsis2_1:after {
  content: '';
  position: absolute;
  right: 0;
  width: 2em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
  -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    animation-timing-function: ease-out;
}
.ellipsis2_1.changed:after {
  content: '';
  position: absolute;
  right: 0;
  width: 2em;
  height: 1em;
  margin-top: 0.2em;
  background: #4d98e9;
  -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    animation-timing-function: ease-out;
}

 

.ellipsis5{overflow: hidden;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap: break-word;}
.photoCont{overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap: break-word;}
.topBtnArea{margin:10px 0; text-align: right}
.p_img{width:75%;margin:0 auto;}
.p_img img{width: 100%}
.satiInput .input-group-btn > .btn{margin: 0 !important;padding-left:10px;padding-right: 10px}
.li_stepWrap{overflow: hidden}
.li_btn{display: inline-block; overflow: hidden; vertical-align: middle}
.li_btn li{margin:0 3px;float:left}
.ciInner{width:65%;margin:20px auto 30px auto; text-align: center}

.ciDesc{font-size:2.2rem; letter-spacing: -1px;margin-top:20px}
.ciInner img{width:195px;margin:20px}
.ciExp{position: relative;width: 75%;margin:30px auto;overflow: hidden;min-width: 700px;max-width: 700px}
.ciIMG{float: left;margin-right: 30px;margin-top:10px;width:195px;}

.ciExp .dl_tbl{margin:20px 0}
.ciExp .dl_tbl > dt {font-size: 2rem;font-weight: 700;width: 108px}
.ciExp .dl_tbl > dd{font-size: 1.8rem;color:#444}
.ciColor{width:200px;height: 115px; vertical-align: middle;text-align: center; display:table-cell;}
.ciColor > span{font-size: 22px;font-weight:700;color:#fff}
.ciColor.red{background:#d41124}
.ciColor.blue{background:#1b3371}
.ciColorCont{padding-left: 30px; letter-spacing:-1px}
.ciColorCont > span{font-size: 1.8rem;color:#444;}
.ciColorCont > ul > li{margin: 0;}
.ciDlWrap{margin:30px;}
.ciDlWrap .dl_tbl{margin:50px auto}
.ciDlWrap .dl_tbl > dt,.ciDlWrap .dl_tbl > dd{vertical-align: top}
#ciSig > .ciborBox > div,#ciSigRL > .ciborBox > div{height: auto}
#ciSig > .ciborBox > div .ciBox > img{width:120px;height: 122px;margin:10px}
#ciSigRL > .ciborBox > div .ciBox{padding:40px 20px 30px 20px}
#ciSigRL > .ciborBox > div .ciBox > img{width:212px;height:45px}
#ciSig > .ciborBox > div{height: 180px}
.point{padding:155px 30px 30px 30px; text-align: center;max-height: 370px}
.point > h6{font-size:2rem;color:#444;padding-bottom:10px}
.point > h6 > strong{font-size: 28px;}
.point > p{font-size:1.5rem;color:#666; letter-spacing: -1px}
.poIcon01{background: url(../img/introduce/point01.jpg) center 30px no-repeat}
.poIcon02{background: url(../img/introduce/point02.jpg) center 30px no-repeat}
.poIcon03{background: url(../img/introduce/point03.jpg) center 30px no-repeat}
.video video{width: 100%}
.videoDesciption{background: #fff;border:1px solid #ccc;padding:20px 25px; overflow-y: scroll;height:185px;color: #444}
.waytoMap{height:498px;border:1px solid #ccc;border-bottom: 0}
.waytoMap > img{width: 100%}
.howtoway .inbox{height:133px;background-position: 30px center; background-repeat:no-repeat}
.inbox.juso{background-image: url(../img/introduce/way_ico01.gif);position: relative;}
.inbox.juso > ul{position: absolute;top:50%;left:98px;margin-top: -18px;margin-right:25px}
.inbox.tel{background-image: url(../img/introduce/way_ico02.gif);position: relative;}
.inbox.tel > ul{position: absolute;top:50%;left:98px;margin-top: -46px}
.inbox.tel > ul.krncJuso{margin-top:-30px}
.subway{background: url(../img/introduce/subway.png) no-repeat;height: 60px;color:#444;font-size:1.7rem;padding-left:70px; line-height: 60px}
.bus{background: url(../img/introduce/bus.png) no-repeat;height: 60px;color:#444;font-size:1.7rem;padding-left:70px; line-height: 60px}
.subway1{color:#1b3371;font-size: 1.5rem;}
.subway2{color:#20b515;font-size: 1.5rem}
.subway5{color:#7922ab;font-size: 1.5rem}
.greeting > img{float:right;width: auto;margin-left:70px}
.greeting p{line-height: 1.6}
.greetTxt{font-size: 2.5rem;color:#222;letter-spacing: -1px}
.greetTxt.small{font-size: 1.7rem;margin-top:30px;}
.greetTxt2{font-size:1.6rem;margin: 30px 0}
.greetTxt3{font-size:2rem;margin: 30px 0; line-height: 1.4 !important}
.career{overflow: hidden;}
.career li{color:#222;font-size: 1.5rem}
.career_L {float:left;margin-right: 40px;}
.career_L > img{width: auto}
.career_R{float: left}
.organWrap{margin:70px 0;position: relative; background: url(../img/introduce/bg_organ.png) center 136px no-repeat;height:572px}
.organ_top{ background: url(../img/introduce/organ_line1.png) center 24px no-repeat; height: 210px; position:relative;}
.organ_top_inner{max-width: 745px;margin:0 auto;position: relative;}
.organ_L{position: absolute;left:0}
.organ_R{position: absolute;right:0}
.gamsa{position: absolute;width: 210px;left:0;top:210px;z-index:5}
.gamsa > .oran:first-child{margin-bottom: 40px}
.organ_middle{height:275px; background: url(../img/common/step_line.png) center center repeat-y;position: relative;}
.ceo{top:106px;text-align: center;position: relative;}
.organ_middle > .sub_ceo{top:187px;text-align: center;position:absolute;width:100%}
.organ_middle > .sub_ceo >.insurLab{background: url(../img/common/step_line.png) center center repeat-x;width: 250px;position: absolute;left:50%;top:0;margin-left:105px}
.insurLab{text-align:right}
.isaWrap{height:90px;width: 100%;position: absolute;bottom:-88px}
	.isaWrap > div{float:left;width: 25%; text-align: center;padding-top:32px;}
	.lineL{background: url(../img/introduce/organ_line_left.png) center 0 no-repeat;}
	.lineC{background: url(../img/introduce/organ_line2.png) center top no-repeat;}
	.lineR{background: url(../img/introduce/organ_line_right.png) center top no-repeat;}
	.lineB{background: url(../img/common/step_line.png) center center repeat-y}
.responWrap{position: absolute;;top:0;width:500px;right:0; text-align: center}
	.responTop{padding-bottom:20px; }
	.responBot > div{padding-top:23px;float:left;width: 25%;margin-top:-1px }
.oran{display: inline-block;border-radius:8px;height: 51px;line-height:48px;color:#fff;font-size:1.7rem; text-align: center;border-width: 2px;border-style: solid}
.oran.line2Txt{line-height:1.3;padding:10px 0;height: auto}
div.borline.oran{height:76px;}
div.borline.oran > ul{margin: 12px}
div.borline.oran > ul > li{line-height:20px; text-align: left}
div.borline.oran > ul > li > a{color:#222}
.org-m.oran{font-size: 1.5rem}
.oran:hover,.oran:focus{color:#fff}
.org-l{width:210px;}
.org-m{width:135px;}
.org-s{width:116px;}
.org-c1{background:#1680bc;border-color:#1680bc }
.org-c2{background:#1d3454;border-color:#1d3454}
.org-c3{background:#10c0ba;border-color:#10c0ba}
.org-c4{background:#e2604a;border-color:#e2604a}
.org-c5{background:#3c84d6;border-color:#3c84d6}
.org-c6{background:#8f8f8f;border-color:#8f8f8f}

.borline{background:#fff !important;color:#222 !important}
.oragan_dirWrap{margin-top:10px; overflow: hidden;}
.oragan_dir{margin-right:11px; display: inline-block;float: left;width: 135px;height: 137px;margin-top:10px}
.oragan_dir:last-child{margin-right:0}
.oragan_inner{padding-bottom:10px;}
.dirIntro > .dirIco.panel_cir{background: url(../img/ico/work.png) no-repeat}
.panel-title > .accordion-toggle.collapsed  .panel_cir.dirIco{background: url(../img/ico/work_on.png) no-repeat}
.dirIntro span{ vertical-align: middle}
.topInfo{margin-bottom: 20px}
.topInfo span{padding-left:36px;height: 32px;line-height: 32px;color:#222;background-repeat: no-repeat;margin-right: 15px; display: inline-block;}
.topInfo .ico_tell{background-image: url(../img/ico/tel2.png)}
.topInfo .ico_fax{background-image: url(../img/ico/fax.png)}
.section{margin-bottom:30px;overflow: hidden}
.section > .paginationWrap{margin-bottom: 0}
.wi_posi{font-size: 1.6rem;color:#222; text-align: center;padding-bottom: 10px}
.wi_posi strong{font-size: 1.8rem; display: block}
.dl_wiposi{width:150px;margin:0 auto; display: block; text-align: center}
.dl_wiposi dt > img{width:108px;height:115px}
.dl_wiposi > dd{padding:15px 5px 0 5px}
.dl_wiposi + .btn{width:120px}
.wiposiWrap{width: 25%;float:left;margin:20px 0 30px;text-align: center;height:218px}
.btn_wiClose{background: url(../img/common/btn_close.png) no-repeat;border: 0;width: 40px;height:40px;position: absolute;top:15px;right:15px}
.perDetail li.main_bull{font-size: 1.5rem;color: #222}
#wiwonIntro{position: relative;}

.wiwonDetail{background: #ebf0f6;padding:30px;border:1px solid #ccc; overflow: hidden;position:relative;margin-top:20px;min-height: 100px;text-align: left;left:0;top:0;width: 100%;z-index:5}
.winwonPosi{height:100%;width:100%;display: none}
.winwonPosi.second{margin-left:-100%;}
.winwonPosi.third{margin-left:-200%;}
.winwonPosi.fourth{margin-left:-300%;}
.btn.btn-success.selected{background:#3b83d5;border-color:#3b83d5}
.listTxtBox{border:1px solid #ccc;border-width: 1px 0;position: relative;padding:20px 0;font-size: 1.8rem;color:#000; text-align: center;margin-bottom: 40px;margin-top:40px}
.listTxtBox > .cText{background:url(../img/common/bg_dda.png) no-repeat;width: 90px;height:34px;position: absolute;left:50%;margin-left:-45px;top:-17px;display: inline-block;}
.sangLogin{background:#ebf0f6;padding:40px 30px}
.sangLogin h5{font-size:2.6rem;color:#444}
.bg_login{width: 50%;display: inline-block;max-width: 238px}
.loginWrap.sangim{margin:15px 0 10px 0;}
.bg_login{margin-top:10px}
.goal{background: url(../img/introduce/bg_mana.png) no-repeat; padding: 50px; background-size:cover;}
.goal p{color:#fff;font-size:2.8rem; text-align: center}

.ceo2{display: inline-block;}
.moralWrap{overflow: hidden; position: relative;}
.ceoDesc{padding-left:40px;background: url(../img/common/step_line.png)  0 25px repeat-x; width: 250px;position:absolute;left:50%;top:0;margin-left:105px}
.organLineC{background: url(../img/common/step_line.png) center 0 repeat-y}
.moralOrg{margin:40px 0 5px}
.moralOrg:first-child{margin-top:0}
.moralMid{width: 530px;margin:0 auto;background: url(../img/introduce/organ_line3.png) center top no-repeat; overflow: hidden;padding-top:37px}
.moralMid > div{padding-top:32px;width:210px}
.moralMid > .lineL{float:left}
.moralMid > .lineR{float:right}
.moralWrap div.borline.oran{height: auto}
.moralMid .botLine .oran.borline{height:98px}
.moralMid > .lineL > .botLine{padding-bottom: 40px;background: url(../img/introduce/organ_line_leftB.png) center bottom no-repeat;}
.moralMid > .lineR > .botLine{padding-bottom: 40px;background: url(../img/introduce/organ_line_rightB.png) center bottom no-repeat;height: 138px}
.moralBot{padding-bottom:37px;background: url(../img/introduce/organ_line2.png) center bottom no-repeat;}
.bgBox{background: #ebf0f6;padding:40px 60px}
.moral_tit{background:url(../img/introduce/bg_moral.png) center center no-repeat;padding:47px 0;text-align: center;background-size:contain}
.tit_inner{background: #1d3454;border-radius: 50px;color:#fff;font-weight: 700;font-size:3.7rem;width: 465px;line-height: 100px;display: inline-block;}
.tit_inner.type2{background:#cca054}
.li_line{border-top: 1px solid #ccc;margin:0}
.li_line_bot{border-bottom: 1px solid #ccc;margin:0}
.mr_Txt18{font-size: 1.8rem;padding:30px 0 20px;}
.moral_odr .li_line{position: relative;}
.cir_NumGry{display: inline-block;background: #8a9095;font-size: 2.6rem;width: 65px;height: 65px;line-height: 65px;text-align: center;color:#fff;border-radius: 33px}
.mr_odr{font-size: 1.8rem;color:#444;display: inline-block;margin:20px 0 20px 95px;min-height: 65px;}
.li_line > .cir_NumGry{position: absolute;top:50%;left:0;margin-top:-33px}
.mr_odr > .dis_td{height: 65px}
.signInner{border:2px solid #e5e5e5;padding:50px 10px}
.signInner img{width: 100%;max-width: 593px}
.signL{float:left;width:65%}
.signR{float:left;margin-left: 73px}
.signDown{margin:0 auto;width: 260px}
.signDown a.sub_bull{color:#444;font-size: 1.6rem; background-position: 6px center}
.signDown a.sub_bull:hover{color:#3c84d6;text-decoration: underline;float: left}
.signDown h6{font-size: 2rem; color:#444; letter-spacing: -1px}
.signDown .li_line_bot{padding:10px 0; overflow: hidden}
.ico_cont{display: inline-block;width: 25px;height:20px; vertical-align: middle}
.signDown .ico_cont{margin-top:-3px}
.gamsa_odr{max-width:930px;margin:0 auto;background:url(../img/introduce/bg_gamsa.png) center top no-repeat;padding:90px 30px 30px 30px;background-size:cover;min-height: 1320px}
.gamsaTxt{padding:20px 60px}
.gamsaTxt h6.sub_bull{font-size:2.1rem; background-position: left center; letter-spacing: -1px;}
.gamsaTxt h6.sub_bull strong{font-weight: 700;font-size: 2.4rem}
.gamsaTxt li{font-size: 1.6rem}
hr.lineSold{margin:35px 0;height:1px;background: #ccc}
.signyear{margin:30px 0;color:#222;font-size: 1.9rem;font-weight: bold;text-align: center}
.redBar{background: url(../img/introduce/redBar.png) no-repeat;}
.crea_01 .redBar{font-weight:500;padding-top:15px;font-size: 2.1rem;color:#444;line-height: 1.1;display: inline-block;}
.rBlue{padding:20px;text-align: center; background: #1d3454;border-radius: 60px}
.rBlue span{color:#bac2cd;font-size: 2rem}
.rBlue span >strong{color:#fff;font-size:2.7rem}
.sellWrap .rBlue{padding:15px 60px; display: inline-block;color:#fff;font-size:1.9rem}
.creativeWrap{overflow: hidden}
.creativeWrap .dl_tbl > dt{vertical-align:top;padding-bottom: 20px}

.creativeWrap .dl_tbl {width: 100%}

.creativeWrap .organLineC.firststep{padding-bottom: 80px}
.creativeWrap .organLineC.second{padding-bottom:39px}
.rGray{padding:20px;text-align: center; background: #d9e1eb;border-radius: 60px}
.rGray span{color:#1d3454;font-size: 2rem}
.responBot.creativBot{padding-left:7px}
.responBot.creativBot > div{width: 20%;margin-top:0;padding-top:40px}
.responBot.creativBot div img{margin:0 auto}
.creativDir .oran{width: 180px}
.creativDir .oran.borline{height: auto}
.happyOran{width: 529px;margin:0 auto;padding-top:37px;position: relative;background: none;height: 190px}
.happyOran > .centerLine{width:140px;border-top:1px;position: absolute;height: 1px;top:38px;background: #ccc;padding: 0;left:50%;margin-left:-70px}
.happyOranBot{margin-top:-1px}
.happyOranBot > div{width: 16.6%;float:left}
.happyDirWrap{padding-top:37px;width:95%;margin:0 auto}
.happyDirWrap .oran{ display: block;width: 100% !important}

.graphWrap.borBox2{padding:20px}
.graphWrap > .borBox3{margin-top:30px; overflow: hidden}
.graphWrap > .borBox3:first-child{margin-top:0}
	.graphHeader{position: relative;}
	.bgType01{background:#1d3454}
	.bgType02{background:#4681c3}
	.bgType03{background:#e75f4a}
	.bgType04{background:#19bcb8}
	.graphMore{background:url(../img/common/plus.png) no-repeat;width:22px;height:22px;display: inline-block;}
	.graphHeader .graphMore{position: absolute;top:13px;right:13px}
	.graphHeader > a{padding:15px 20px;display:block}
	.graphHeader h5{color:#fff;font-size: 2rem;margin:0}
	.graphBody{padding:5px;background: #fff}
	.graphInnerWrap{padding:5px;margin:0 auto;min-height:274px}
	.graphInnerWrap > .borBox3{position: relative;}
	.graphInnerWrap .borBox3 .btn_more{position:absolute;top:18px;right:18px}
	.btn_more{background: url(../img/ico/more.png) #fff center center no-repeat;width:22px;height:22px;border:1px solid #ccc;display: inline-block}
	.newType.graphInnerWrap{margin-top:38px;}
	/*.graphBody .col-sm-4{min-width: 269px}*/
		.grStatus.row{margin:-40px -5px 0 -5px}
		.innerHeader{height:49px;padding:13px 15px;background: #ebf0f6;font-weight: 500}
		.innerHeader > h6{font-size:1.9rem;color:#000;margin:0}
		.innerBody{padding:19px;background: #fff; overflow: hidden;min-height:210px}
		.innerBody.c3{padding:0; text-align:center;}
		.csGrp{height:195px;padding:10px 10px 0 0;margin-left:-8px}
		.GraphBox{background: url(../img/bank/bg_grp.png) 0 39px repeat-x;min-height:160px; overflow: hidden;}
		.GraphBox.graphType2{background-position:0 82px}

	.lineGrpTop{overflow: hidden;margin-bottom: 10px}
	.lineGrpTop > h5{margin:0; display: inline-block;float:left}
	.lineGrpTop > .txt_R{float:right;display: inline-block;font-size: 1.3rem;padding-top:3px}
	.lineGrp{padding: 10px 0}
	.lineGrpBox{width: 25%;float:left}
	.lineGrpBox.graphtwo{width:50%}
	.lineGrpBox.graphthree{width: 33.333%}
	.lineGrpBox.graphtwo > .graphInnerWrap{width: 98%}
	.lineGrpBot{overflow: hidden;padding-left:10px}
	.lineGrpBot > .li_flt li{margin-right: 15px}
	.lineGrpBot > .li_flt li > img{width: 10px;height:10px;margin-right: 5px; vertical-align: middle}
	.lineGrp{padding:0 5px}
	.lineGrp > img{width: 100%}
	.dl_graph{width: 33.3%;float: left}
	.dl_graph > dt,.dl_graph > dd{display: block}
	.dl_graph > dt{height:39px;text-align:center}
	.dl_graph > dt.bar2line{height:82px;}
	.bar2line > .grpNum{margin-top:7px;width: 80px}
	.onlybar5 > .dl_graph{width: 20%}
	.onlybar5 .graphFull{border-bottom: 2px solid #ccc; overflow: hidden}
	.onlybar5 .onlybar5_barWrap{width: 28px; display: inline-block;}
	.bot_dd{height:22px; text-align: center;font-size: 1.5rem;padding-top:5px; line-height: 1.25}
	.GraphBox.graphType2 .bot_dd{height:40px; }
	.grpNum{height: 27px;line-height:27px;color:#fff;margin:0 auto;text-align: center;border-radius: 15px;min-width: 66px;padding:0 7px;display: inline-block;}
	.graphFull{height: 100px;position: relative;}
	.barWrap{width: 66px; position: absolute;height:100px;bottom:0;left:50%;margin-left:-33px;}
	.graphBar{width:28px;position: absolute;bottom:0;left:50%;margin-left:-14px;}
	.graphBar2{width:28px;position: absolute;bottom:0;}
	.graphBar2.grTy04{left:0}
	.graphBar2.grTy05{right:0}
	.grTy01{background: url(../img/bank/bar_grp01.png)}
	.grTy02{background: url(../img/bank/bar_grp02.png)}
	.grTy03{background: url(../img/bank/bar_grp03.png)}
	.grTy04{background: url(../img/bank/bar_grp04.png)}
	.grTy05{background: url(../img/bank/bar_grp05.png)}
	.grTy06{background: url(../img/bank/bar_grp06.png)}
	.grTy07{background: url(../img/bank/bar_grp07.png)}
	.grTy08{background: url(../img/bank/bar_grp08.png)}
	.grTy09{background: url(../img/bank/bar_grp09.png)}
	.botGraphWrap{position: relative;background:url(../img/bank/bg_grpWrap.png) center 0 no-repeat;}
	.botGraphWrap.borBox3{margin-top:20px}
	.grSec{position:absolute;width:297px;height:297px;top:102px;left:50%;margin-left:-148px ;background: url(../img/bank/gr_section.png) no-repeat;text-align: center;z-index:10}
		.grSec > h5{font-size:2.5rem; position: absolute;top:115px;left:88px;width: 120px}
		.grSec a{color:#fff;}
		.grSec a:hover{color:#fff;text-decoration:underline}
		.grSec > span{color:#fff;font-size: 1.6rem;position: absolute;display: block; line-height: 1.3;text-align:center}
		.grSec > span > strong{font-size: 1.9rem;}
		.grSec > .provBk{left:20px;top:135px;width:50px;}
		.grSec > .localBk{left:120px;top:28px;width:100px;}
		.grSec > .specBk{right:55px;bottom:47px;width:50px;}
	.lifes{position:absolute;width:297px;height:297px;top:102px;left:50%;margin-left:-148px ;background: url(../img/bank/gr_section_insur.png) no-repeat;text-align: center;z-index:5}
		.lifes > h5{color:#fff;font-size:1.7rem; position: absolute;top:90px;left:80px;width:140px}
		.lifes > h5 >strong{font-size:2.5rem;}
		.lifes > span{color:#fff;font-size: 1.6rem;position: absolute;display: block; line-height: 1.3}
		.lifes > span > strong{font-size: 1.9rem;}
		.lifes > .provBk{left:60px;top:225px;width:100px;}
		.lifes.grSec > .localBk{left:120px;top:28px;width:100px;}
		.lifes.grSec > .specBk{right:25px;bottom:65px;width:50px;}

	.lifes2{position:absolute;width:297px;height:297px;top:102px;left:50%;margin-left:-148px ;background: url(../img/bank/gr_section_insur2.png) no-repeat;text-align: center;z-index:5}
		.lifes2 > h5{color:#fff;font-size:1.7rem; position: absolute;top:90px;left:80px;width:140px}
		.lifes2 > h5 >strong{font-size:2.5rem;}
		.lifes2 > span{color:#fff;font-size: 1.6rem;position: absolute;display: block; line-height: 1.3}
		.lifes2 > span > strong{font-size: 1.9rem;}
		.lifes2 > .provBk{left:130px;top:225px;width:100px;}
		.lifes2.grSec > .localBk{left:55px;top:28px;width:100px;}
		.lifes2.grSec > .specBk{right:10px;bottom:103px;width:50px;line-height:1.1}
		.lifes2 > .grMsg{left:35px;bottom:-45px;width:240px;color:#333;font-size:1.3rem;text-align:left}

	.invest{position:absolute;width:297px;height:297px;top:102px;left:50%;margin-left:-148px ;background: url(../img/bank/gr_section_invest.png) no-repeat;text-align: center;z-index:5}
		.invest > h5{color:#fff;font-size:2.5rem; position: absolute;top:80px;left:88px;width:120px}
		.invest > h5 >strong{font-size:2.5rem;}
		.invest > span{color:#fff;font-size: 1.6rem;position: absolute;display: block; line-height: 1.3}
		.invest > span > strong{font-size: 1.9rem;}
		.invest > .provBk{left:20px;top:155px;width:50px;}
		.invest > .localBk{left:96px;top:15px;width:100px;}
		.invest > .specBk{right:15px;bottom:140px;width:50px;}
		.invest > .grMsg{left:45px;bottom:-35px;width:220px;color:#333;font-size:1.3rem;text-align:left}



	.bothGraphWrap{position:relative;min-height:900px;margin-top:30px}
	.botLgraph{width: 384px; position: absolute;left:0; top:0}
	.botLgraph .borBox3,.botRgraph .borBox3{margin-bottom: 20px}
	.botLgraph .borBox3:last-child,.botRgraph .borBox3:last-child{margin-bottom: 0}
	.botRgraph{width: 384px; position: absolute;right:0; top:0}
	.graphDtail{margin-top:4px}
	.graphDtail li{margin:10px 0 0 0}
	.graphDtail li:first-child{margin-top:0}
.graphSearch{margin:10px 0 30px; overflow: hidden}
.graphTblWrap{overflow: hidden;margin:0 -10px;min-height:200px}
.graphTbl{width: 20%;float: left;padding:0 10px}
.graphTblWrap.threeTbl > .graphTbl{width: 33.333%;height: 240px}
.graphTblWrap.threeTbl > .graphTbl:hover{cursor:pointer}
.graphTblWrap.fourTbl > .graphTbl{width:25%;height: 240px}
.graphTbl .tblWrap:hover{border:2px solid #3b83d5}
.graphTbl .tblWrap > .view{margin-bottom: 0}
.graphThreeWrap{padding:20px; background: #f5f5f5}

.graphThreeWrap .borBox3.yellBdr{border:2px solid #ffd387}
.botMapWrap{ position: relative;}
.koreaMap{position: absolute;width:373px;height:640px; top:-8px;left:50%;margin-left:-182px}
.d3grp{height:263px;}

.d3grpBox.borBox2 > p{margin-top:0}
.d3grpWrap .col-sm-6:nth-child(2n+1){padding-right:15px}
.d3grpWrap .col-sm-6:nth-child(2n){padding-left:15px}
#map_img{width:373px;height:640px;background: url(../img/bank/map.png) no-repeat}
#map_img.seoul{background:url(../img/bank/map_1.png) no-repeat}
#map_img.inchun{background:url(../img/bank/map_2.png) no-repeat}
#map_img.kang{background:url(../img/bank/map_3.png) no-repeat}
#map_img.busan{background:url(../img/bank/map_4.png) no-repeat}
#map_img.junNam{background:url(../img/bank/map_5.png) no-repeat}
#map_img.daej{background:url(../img/bank/map_6.png) no-repeat}
.colorBox{width: 10px;height:10px;display: inline-block;}
.c01{background: #a61e22}
.c02{background: #f14f4a}
.c03{background: #fb911e}
.c04{background: #cc66ff}
.c05{background: #0098db}
.c06{background: #63c19d}
.c07{background: #063e5d}

.callendarTop{ text-align: center;height:55px; vertical-align:top;margin-bottom:40px}
.yymm{font-size:4rem;margin:0 40px;display: inline-block;line-height:55px;vertical-align:top;color:#222;font-weight: 600}
.yymm > strong{font-weight: 600}
.cal_btn{width:55px;height:55px;background-color:#9aa3b1;background-repeat:no-repeat;background-position: center center;border:0;border-radius: 28px;vertical-align:top}
.cal_prev{background-image: url(../img/common/cal_prev.png); }
.cal_next{background-image: url(../img/common/cal_next.png); }
.ul_midNavi > li.mobileView{display: none; z-index:45}
.tit_2dep{display: block}
.naviWrap > .mobileView{display: none}
.tabBtnR{display: none}
.tabbMenu{border-bottom:1px solid #ccc;margin-bottom:40px}
.tabbableBox{margin-bottom: -1px;}
.tabbMenu .nav > li{float:left; display: inline-block;border:1px solid #ccc;border-width: 0 1px;margin:0 1px 0 0}
.tabbMenu .nav >  li.active > a{background: #fff;border-top:3px solid #3b83d5;border-bottom:1px solid #fff;font-weight: 500;color:#3b83d5}
.tabbMenu .nav >  li > a{height:58px;line-height: 58px;padding:0 10px;font-size: 1.6rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background: #f0f0f0}

.relateSite{border:0; overflow: hidden;background: #ebf0f6;padding:15px}
	.relateSite  li > a{width:246px;height:86px;text-align: center;display: table-cell; vertical-align: middle;border:2px solid #fff;background:#fff}
	.relateSite  li > a > img{width: auto;height:auto;}
	.relateSite  li{float: left;margin:15px;}
	.dl_site{margin:10px 14px}
	.relateSite  li > a:hover *{color:#3b83d5}
	.relateSite  li > a:hover{border:2px solid #3b83d5}
	.dl_site > dt {font-size:2rem; color:#000; text-align: left}
	.dl_site > dd{text-align: left;}
.gongsiIconWrap{overflow: hidden;margin:0 -10px}
.gongsiIcon > li {margin:10px;float: left;width: 178px;height: 178px}

.gongsiIcon > li > a{display: block;width: 176px;height: 176px;border:1px solid #ccc}
.gongsiIcon > li > a:hover{border:2px solid #3b83d5}
.dl_gosiIcon > dd > .icons{width:100%;height:122px;display: inline-block;background-repeat: no-repeat;background-position: center 35px}
.dl_gosiIcon > dd{height:122px;text-align: center; }

.dl_gosiIcon > dt{font-size: 1.7rem;text-align: center;line-height: 1.2;font-weight: 400}
.dl_gosiIcon > dt > span.line2{margin-top:-15px; display: inline-block;}
a:hover > .dl_gosiIcon > dt{color:#3b83d5}
.nomal01{background: url(../img/kongsi/icon/nmIco01_off.png) }
a:hover .nomal01{background-image:url(../img/kongsi/icon/nmIco01_on.png)}
.ggIco01{background-image: url(../img/kongsi/icon/ggIco01_off.png)}
a:hover .ggIco01{background-image: url(../img/kongsi/icon/ggIco01_on.png)}
.ggIco02{background-image: url(../img/kongsi/icon/ggIco02_off.png)}
a:hover .ggIco02{background-image: url(../img/kongsi/icon/ggIco02_on.png)}
.ggIco03{background-image: url(../img/kongsi/icon/ggIco03_off.png)}
a:hover .ggIco03{background-image: url(../img/kongsi/icon/ggIco03_on.png)}
.ggIco04{background-image: url(../img/kongsi/icon/ggIco04_off.png)}
a:hover .ggIco04{background-image: url(../img/kongsi/icon/ggIco04_on.png)}
.ggIco05{background-image: url(../img/kongsi/icon/ggIco05_off.png)}
a:hover .ggIco05{background-image: url(../img/kongsi/icon/ggIco05_on.png)}
.ggIco06{background-image: url(../img/kongsi/icon/ggIco06_off.png)}
a:hover .ggIco06{background-image: url(../img/kongsi/icon/ggIco06_on.png)}
.ggIco07{background-image: url(../img/kongsi/icon/ggIco07_off.png)}
a:hover .ggIco07{background-image: url(../img/kongsi/icon/ggIco07_on.png)}
.ggIco08{background-image: url(../img/kongsi/icon/ggIco08_off.png)}
a:hover .ggIco08{background-image: url(../img/kongsi/icon/ggIco08_on.png)}
.ggIco09{background-image: url(../img/kongsi/icon/ggIco09_off.png)}
a:hover .ggIco09{background-image: url(../img/kongsi/icon/ggIco09_on.png)}
.ggIco10{background-image: url(../img/kongsi/icon/ggIco10_off.png)}
a:hover .ggIco10{background-image: url(../img/kongsi/icon/ggIco10_on.png)}
.ggIco11{background-image: url(../img/kongsi/icon/ggIco11_off.png)}
a:hover .ggIco11{background-image: url(../img/kongsi/icon/ggIco11_on.png)}
.ggIco12{background-image: url(../img/kongsi/icon/ggIco12_off.png)}
a:hover .ggIco12{background-image: url(../img/kongsi/icon/ggIco12_on.png)}
.ggIco13{background-image: url(../img/kongsi/icon/ggIco13_off.png)}
a:hover .ggIco13{background-image: url(../img/kongsi/icon/ggIco13_on.png)}
.ggIco14{background-image: url(../img/kongsi/icon/ggIco14_off.png)}
a:hover .ggIco14{background-image: url(../img/kongsi/icon/ggIco14_on.png)}
.ggIco15{background-image: url(../img/kongsi/icon/ggIco15_off.png)}
a:hover .ggIco15{background-image: url(../img/kongsi/icon/ggIco15_on.png)}
.ggIco16{background-image: url(../img/kongsi/icon/ggIco16_off.png)}
a:hover .ggIco16{background-image: url(../img/kongsi/icon/ggIco16_on.png)}
.ggIco17{background-image: url(../img/kongsi/icon/ggIco17_off.png)}
a:hover .ggIco17{background-image: url(../img/kongsi/icon/ggIco17_on.png)}
.ggIco18{background-image: url(../img/kongsi/icon/ggIco18_off.png)}
a:hover .ggIco18{background-image: url(../img/kongsi/icon/ggIco18_on.png)}
.ggIco19{background-image: url(../img/kongsi/icon/ggIco19_off.png)}
a:hover .ggIco19{background-image: url(../img/kongsi/icon/ggIco19_on.png)}
.ggIco20{background-image: url(../img/kongsi/icon/ggIco20_off.png)}
a:hover .ggIco20{background-image: url(../img/kongsi/icon/ggIco20_on.png)}
.mainIco01{background-image: url(../img/kongsi/icon/mainIco01_off.png)}
a:hover .mainIco01{background-image: url(../img/kongsi/icon/mainIco01_on.png)}
.mainIco02{background-image: url(../img/kongsi/icon/mainIco02_off.png)}
a:hover .mainIco02{background-image: url(../img/kongsi/icon/mainIco02_on.png)}
.mainIco03{background-image: url(../img/kongsi/icon/mainIco03_off.png)}
a:hover .mainIco03{background-image: url(../img/kongsi/icon/mainIco03_on.png)}
.mainIco04{background-image: url(../img/kongsi/icon/mainIco04_off.png)}
a:hover .mainIco04{background-image: url(../img/kongsi/icon/mainIco04_on.png)}
.mainIco05{background-image: url(../img/kongsi/icon/mainIco05_off.png)}
a:hover .mainIco05{background-image: url(../img/kongsi/icon/mainIco05_on.png)}
.mainIco06{background-image: url(../img/kongsi/icon/mainIco06_off.png)}
a:hover .mainIco06{background-image: url(../img/kongsi/icon/mainIco06_on.png)}
.mainIco07{background-image: url(../img/kongsi/icon/mainIco07_off.png)}
a:hover .mainIco07{background-image: url(../img/kongsi/icon/mainIco07_on.png)}
.mainIco08{background-image: url(../img/kongsi/icon/mainIco08_off.png)}
a:hover .mainIco08{background-image: url(../img/kongsi/icon/mainIco08_on.png)}
.mainIco09{background-image: url(../img/kongsi/icon/mainIco09_off.png)}
a:hover .mainIco09{background-image: url(../img/kongsi/icon/mainIco09_on.png)}
.mainIco10{background-image: url(../img/kongsi/icon/mainIco10_off.png)}
a:hover .mainIco10{background-image: url(../img/kongsi/icon/mainIco10_on.png)}
.mainIco11{background-image: url(../img/kongsi/icon/mainIco11_off.png)}
a:hover .mainIco11{background-image: url(../img/kongsi/icon/mainIco11_on.png)}
.mainIco12{background-image: url(../img/kongsi/icon/mainIco12_off.png)}
a:hover .mainIco12{background-image: url(../img/kongsi/icon/mainIco12_on.png)}
.mainIco13{background-image: url(../img/kongsi/icon/mainIco13_off.png)}
a:hover .mainIco13{background-image: url(../img/kongsi/icon/mainIco13_on.png)}
.mainIco14{background-image: url(../img/kongsi/icon/mainIco14_off.png)}
a:hover .mainIco14{background-image: url(../img/kongsi/icon/mainIco14_on.png)}
.mainIco15{background-image: url(../img/kongsi/icon/mainIco15_off.png)}
a:hover .mainIco15{background-image: url(../img/kongsi/icon/mainIco15_on.png)}
.mainIco16{background-image: url(../img/kongsi/icon/mainIco16_off.png)}
a:hover .mainIco16{background-image: url(../img/kongsi/icon/mainIco16_on.png)}
.mainIco17{background-image: url(../img/kongsi/icon/mainIco17_off.png)}
a:hover .mainIco17{background-image: url(../img/kongsi/icon/mainIco17_on.png)}

.inoutIco01{background-image: url(../img/kongsi/icon/inoutIco01_off.png)}
a:hover .inoutIco01{background-image: url(../img/kongsi/icon/inoutIco01_on.png)}
.inoutIco02{background-image: url(../img/kongsi/icon/inoutIco02_off.png)}
a:hover .inoutIco02{background-image: url(../img/kongsi/icon/inoutIco02_on.png)}
.inoutIco03{background-image: url(../img/kongsi/icon/inoutIco03_off.png)}
a:hover .inoutIco03{background-image: url(../img/kongsi/icon/inoutIco03_on.png)}
.inoutIco04{background-image: url(../img/kongsi/icon/inoutIco04_off.png)}
a:hover .inoutIco04{background-image: url(../img/kongsi/icon/inoutIco04_on.png)}
.inoutIco05{background-image: url(../img/kongsi/icon/inoutIco05_off.png)}
a:hover .inoutIco05{background-image: url(../img/kongsi/icon/inoutIco05_on.png)}
.inoutIco06{background-image: url(../img/kongsi/icon/inoutIco06_off.png)}
a:hover .inoutIco06{background-image: url(../img/kongsi/icon/inoutIco06_on.png)}
.inoutIco07{background-image: url(../img/kongsi/icon/inoutIco07_off.png)}
a:hover .inoutIco07{background-image: url(../img/kongsi/icon/inoutIco07_on.png)}

.notiIco01{background-image: url(../img/kongsi/icon/notiIco01_off.png)}
a:hover .notiIco01{background-image: url(../img/kongsi/icon/notiIco01_on.png)}
.notiIco02{background-image: url(../img/kongsi/icon/notiIco02_off.png)}
a:hover .notiIco02{background-image: url(../img/kongsi/icon/notiIco02_on.png)}
.notiIco03{background-image: url(../img/kongsi/icon/notiIco03_off.png)}
a:hover .notiIco03{background-image: url(../img/kongsi/icon/notiIco03_on.png)}
.notiIco04{background-image: url(../img/kongsi/icon/notiIco04_off.png)}
a:hover .notiIco04{background-image: url(../img/kongsi/icon/notiIco04_on.png)}
.notiIco05{background-image: url(../img/kongsi/icon/notiIco05_off.png)}
a:hover .notiIco05{background-image: url(../img/kongsi/icon/notiIco05_on.png)}
.notiIco06{background-image: url(../img/kongsi/icon/notiIco06_off.png)}
a:hover .notiIco06{background-image: url(../img/kongsi/icon/notiIco06_on.png)}

.wellIco01{background-image: url(../img/kongsi/icon/wellIco01_off.png)}
a:hover .wellIco01{background-image: url(../img/kongsi/icon/wellIco01_on.png)}
.wellIco02{background-image: url(../img/kongsi/icon/wellIco02_off.png)}
a:hover .wellIco02{background-image: url(../img/kongsi/icon/wellIco02_on.png)}
.wellIco03{background-image: url(../img/kongsi/icon/wellIco03_off.png)}
a:hover .wellIco03{background-image: url(../img/kongsi/icon/wellIco03_on.png)}
.wellIco04{background-image: url(../img/kongsi/icon/wellIco04_off.png)}
a:hover .wellIco04{background-image: url(../img/kongsi/icon/wellIco04_on.png)}
.wellIco05{background-image: url(../img/kongsi/icon/wellIco05_off.png)}
a:hover .wellIco05{background-image: url(../img/kongsi/icon/wellIco05_on.png)}
.wellIco06{background-image: url(../img/kongsi/icon/wellIco06_off.png)}
a:hover .wellIco06{background-image: url(../img/kongsi/icon/wellIco06_on.png)}
.wellIco07{background-image: url(../img/kongsi/icon/wellIco07_off.png)}
a:hover .wellIco07{background-image: url(../img/kongsi/icon/wellIco07_on.png)}


.schIco01{background-image: url(../img/kongsi/icon/schIco01_off.png)}
a:hover .schIco01{background-image: url(../img/kongsi/icon/schIco01_on.png)}
.schIco02{background-image: url(../img/kongsi/icon/schIco02_off.png)}
a:hover .schIco02{background-image: url(../img/kongsi/icon/schIco02_on.png)}
.schIco03{background-image: url(../img/kongsi/icon/schIco03_off.png)}
a:hover .schIco03{background-image: url(../img/kongsi/icon/schIco03_on.png)}
.schIco04{background-image: url(../img/kongsi/icon/schIco04_off.png)}
a:hover .schIco04{background-image: url(../img/kongsi/icon/schIco04_on.png)}
.schIco05{background-image: url(../img/kongsi/icon/schIco05_off.png)}
a:hover .schIco05{background-image: url(../img/kongsi/icon/schIco05_on.png)}
.schIco06{background-image: url(../img/kongsi/icon/schIco06_off.jpg)}
a:hover .schIco06{background-image: url(../img/kongsi/icon/schIco06_on.jpg)}
.schIco07{background-image: url(../img/kongsi/icon/schIco07_off.png)}
a:hover .schIco07{background-image: url(../img/kongsi/icon/schIco07_on.png)}
.schIco08{background-image: url(../img/kongsi/icon/schIco08_off.png)}
a:hover .schIco08{background-image: url(../img/kongsi/icon/schIco08_on.png)}

.link_noti{background-image: url(../img/kongsi/icon/link_noti_off.jpg)}
a:hover .link_noti{background-image: url(../img/kongsi/icon/link_noti_on.jpg)}
.link_data{background-image: url(../img/kongsi/icon/link_data_off.jpg)}
a:hover .link_data{background-image: url(../img/kongsi/icon/link_data_on.jpg)}
.link_broad{background-image: url(../img/kongsi/icon/link_broad_off.jpg)}
a:hover .link_broad{background-image: url(../img/kongsi/icon/link_broad_on.jpg)}
.link_squre{background-image: url(../img/kongsi/icon/link_squre_off.png)}
a:hover .link_squre{background-image: url(../img/kongsi/icon/link_squre_on.png)}

.img_mission{text-align: center}
.planMapWrap{border:1px solid #ccc;padding:40px}
.planMapWrap > .dl_tbl {width: 100%}
.planMapWrap > .dl_tbl > dt{width: 15%; vertical-align: top}
.planMapWrap > .dl_tbl > dt > .redBar{font-size:2rem; padding-top:10px;margin-top:20px;display: inline-block;}
.planMapWrap > .dl_tbl > dd{width: 85%}

.planMap > div {width: 25%;float:left;min-width: 220px}
.planMap > div img{width:180px}
.planMap .planDsc{text-align: center;margin-top:40px;height:200px;background: #fff}
.planMap .planDsc .sub_bull{font-size:1.3rem;}
.planMap .planDsc .oran{width:180px;height:auto;}
.fildDownload > .filename{margin-right: 10px;min-width:300px;display: inline-block;}
.jusofaxWrap{margin-top:10px}



/********  17.07.14 모바??메뉴 ?�라?�드 추�?  ********/
.sidemenuWrap.transR{
    transition-timing-function: ease-in-out;
    -webkit-transform :translate(-280px,0);
    transform :translate(-280px,0);
    -webkit-transition-duration:.75s;
    transition-duration:.75s;
}

.sidemenuWrap.transL{
    transition-timing-function: ease-in-out;
    -webkit-transform :translate(280px,0);
    transform :translate(280px,0);
    -webkit-transition-duration:.75s;
    transition-duration:.75s;
}
.sidemenuWrap{width:280px;position: absolute;top:0;right:-281px;background: #1e3454;min-height:800px;z-index:110;}

/********************************************************/

.whabo_listWrap,.happy_listWrap{margin:0 -15px; overflow: hidden}
.happyphotoBox{margin:15px}

.online_photo > h5{font-size:2.7rem;color:#000}
.online_photo > p{line-height:24px;font-size: 1.6rem;margin-top:20px}
#view_popup,#change_popup1,#change_popup2,#change_popup3,#change_popup4,#change_popup5{display: none}
#bxslider_div{padding:0 40px;margin-top:50px}
.online_gallery .bx-wrapper{margin:0 auto;text-align: center}
.online_gallery #bxslider_div{position: relative;}
.online_gallery .bx-pager.bx-default-pager{display: none}
.online_gallery .bx-controls-direction > a{font-size: 0;text-indent: -20000px;}
.online_gallery .bx-controls-direction > .bx-prev{background: url(../img/media/bx_prev.png) no-repeat; width: 38px;height:38px;display: block; position: absolute;left:0;top:50%;margin-top:-19px}
.online_gallery .bx-controls-direction > .bx-next{background: url(../img/media/bx_next.png) no-repeat; width: 38px;height:38px;display: block; position: absolute;right:0;top:50%;margin-top:-19px}
#gallpopup > span{font-size: 1.6rem;color:#fff;margin-bottom: 10px;display: block}
.b-close{display:block;position:absolute;top:-3px;right:5px;width:30px;height:30px;text-indent:-9999em;background:url(../img/ico/btn_x.png) no-repeat center center}
.online-slogun{border:3px solid #1d3456;padding:30px 0 20px;border-radius:100px;text-align: center;width:76%;margin:0 auto}
.online-slogun > h5{font-size:3.4rem;color:#222}
.online-slogun > h5 > strong{font-weight: 600}
.online-slogun > p{font-size: 2.3rem}
.online-slogun > p.s_date{font-size:2rem;color: #666}
.photoIntro{margin-top:40px}
.photoIntro .p_1st{font-size: 2.1rem;color:#222}
.photoIntro .p_1st strong{font-weight: 600}
.aniverMv{margin:15px;}
.aniverMvWrap,.tvWrap{text-align: center;margin:30px -15px 30px -15px;}
.aniverMv img{width:100%;max-width:270px}
.dl_aniv > dt{font-size: 1.5rem;text-align: center;padding:10px 0 10px 0}
.ceoMvWrap{overflow: hidden;margin:-15px -15px 0 -15px;text-align: center;}
.pageAdWrap{overflow: hidden;margin:0 -15px 0 -15px;text-align: center;}
.pageAd{margin:15px}
.pageAd .dl_aniv > dd > img{width:200px;height:292px}
.pageadImg{border:1px solid #ccc;display: inline-block;}
.pageadImg > img{width:258px;height:353px}
.pageadView,.raioAdView{overflow: hidden;position: relative;}
.pageadView > .pageAdL,.raioAdView > .pageAdL{position: absolute;top:0;left:0}
.pageadView > .pageAdR{margin-left:290px;height: 355px}
.pageAdR .movieScript{height: 353px}
.raioAdView > .pageAdR{margin-left:420px;height:338px}
.raioAdView > .pageAdR .movieScript{height: 336px}
.raioImg{width:390px;}
.raioImg > img{width: 100%}
.raioImg > audio{width: 100%;height: 32px}
.payprocess{text-align: center;padding:40px 0}
.payprocess > img{margin-left:-145;width: auto}
.judgeWrap{overflow: hidden;padding:20px;margin-top:20px;border:1px solid #ccc}
.judgeBox{width:70%;margin:50px auto}
.judgeBox .judgeInner > h6{border-radius: 25px;padding:15px 0;padding-left:}
.judgeBox .judgeInner > h6.first{background: url(../img/insurance/insur_ico1.png) #10c0ba 54px bottom no-repeat;}
.judgeBox .judgeInner > h6.second{background: url(../img/insurance/insur_ico2.png) #3c84d6 50px bottom no-repeat;}
.judgeBox .judgeInner > h6.third{background: url(../img/insurance/insur_ico3.png) #1d3454 34px bottom no-repeat;}
.jud_txt{color:#fff;font-size: 2rem;font-weight: 500;position: relative;left:35%}
.jud_txt > span{display: inline-block;background: #fff;height: 33px;width:33px;font-size: 1.8rem; text-align: center;color:#10c0ba;border-radius: 18px; line-height: 33px;margin-right: 15px}
.second .jud_txt > span{color:#3c84d6}
.third .jud_txt > span{color:#1d3454}
.judgeInner > ul{margin-left:50px;margin-top:15px}
.stepjudgeWrap{overflow:hidden}
.stepjudgeWrap .process{height: auto; padding:15px 20px}
.stepjudgeWrap .process > .step_tit{width:130px;}
.objection > .bg_blue,.objection > .bg_red{width: 174px}
.objection > .bg_blue{margin-right: 20px;height: 98px}
.bg_red > .step_tit{color:#fff;border-color: #ebf0f6}
.objectionstep{padding-top:10px}
.objectionstep > img{width:100%;max-width:1122px }
.form-group.totalData label{ vertical-align: middle}
.defaultTxt{display: none}
#mainWrap2{padding-bottom:30px}
.main2firstRow{margin:30px -10px 0 -10px}


.main2Box{margin:15px;padding:30px}
.main2Box h3{color:#fff;font-size: 2.3rem;margin:0 0 10px; letter-spacing: -1px}
.bgBoxC1{background: #e55e4a}
.bgBoxC2{background: #4f98e9}
.bgBoxC3{background: #08b2ac}
.bgBoxC4{background: #1580bb}
.mainT01{background:url(../img/main/main2_ico1.png) right bottom no-repeat;padding-bottom: 128px}
.mainT02{background:url(../img/main/main2_ico2.png) right bottom no-repeat;padding-bottom: 128px}
.mainT03{background:url(../img/main/main2_ico3.png) right bottom no-repeat;padding-bottom: 128px}
.mainT04{background:url(../img/main/main2_ico4.png) right bottom no-repeat;padding-bottom: 128px}
.li_menu{border-bottom: 1px solid #ea7e6e;margin:0}
.li_menu > a{border-bottom: 1px solid #ca351f; display: block;height:42px;line-height: 42px;color:#fff;font-size: 1.6rem}
.li_menu:last-child > a,.li_menu:last-child{border:0}
.li_menu > a:hover{font-weight: 600;color:#fff; background: url(../img/main/tit_on.png) right center no-repeat}
.bgBoxC2 .li_menu{border-color: #72aded}
.bgBoxC2 .li_menu > a{border-color: #1c7be4}
.bgBoxC3 .li_menu{border-color: #39c1bd}
.bgBoxC3 .li_menu > a{border-color: #07908b}
.bgBoxC4 .li_menu{border-color: #4499c9}
.bgBoxC4 .li_menu > a{border-color: #046aa3}
.main2secondRow > div,.main3secondRow > div{float: left;}
.main2secondRow > div > .shadowBox{margin:15px;height:290px}
.main2secondRow{margin:30px -10px ;}
.main3secondRow{margin:10px -15px ;position: relative;}
.main3secondRow > div > .shadowBox{margin:15px;}
.col-first{width:34%}
.col-second{width:41%}
.col-third{width:25%}
.main3secondRow > .col3-first{width:300px;position: absolute;left:0;top:0}
.col3-second{padding:0 300px;width:100%}
.main3secondRow > .col3-third{width:300px;position: absolute;top:0;right:0}
.devote{background: url(../img/main/ico_devote.png) no-repeat #08b2ac 42px center; padding:20px 20px 20px 100px;height:86px}
.devote span{color:#fff}
.devote span.big{font-size: 1.9rem; line-height:46px;font-weight: 600}
.devote span.small{font-size: 1.5rem; line-height:46px;padding-left:15px;font-weight: normal}
.cardNewsTop{background: #444;position: absolute;padding:15px 25px;width:100%;border-radius: 10px 10px 0 0}
.cardNews .crdImg{padding-top:50px; height:340px; border-radius: 0 0 10px 10px}
.cardNews .crdImg img{border-radius:0 0 10px 10px ; width: 100%; height: 100%;}
.cardNewsTop > h3{color:#fff;font-size: 1.9rem;margin:0}
#cardNewsWrap{position: relative;width:270px;height:340px}
.gonggong{background: url(../img/main/gong_bg.png) center center no-repeat; background-size:cover; text-align: center;padding-top:55px}
.gonggong > a > img{width:auto;}
.li_three{margin-top:15px}
.li_three > .li_app{width: 33.33%; text-align: center}
.freqeA{font-size: 1.5rem;color:#3c3c3c;line-height:19px;margin-top:20px;font-weight: 500}
.thirdInner{margin:25px;background: url(../img/main/research.png) right bottom no-repeat;height:240px;padding-bottom: 50px}
.thirdInner > h3{color:#222;font-size: 2.2rem}
.thirdInner  .ico_dot.custom_dot{margin:7px 0}
.mainslide{height: 365px;width:275px}
.mainslide > .shadowBox{position: relative;height:360px;width:270px}
.mainslide > .shadowBox .slide_img{background-size:270px 270px;width:270px;height:270px}
.mainslide > .shadowBox .slide_img.first{background: url(../img/main/bgslide1.png) center center no-repeat;background-size: 100%;}
.mainslide > .shadowBox .slide_img.second{background: url(../img/main/bgslide2.png) center center no-repeat;background-size: 100%;}
.mainslide > .shadowBox .slide_img.third{background: url(../img/main/bgslide3.png) center center no-repeat;background-size: 100%;}
.mainslide > .shadowBox .slide_img.forth{background: url(../img/main/bgslide4.png) center center no-repeat;background-size: 100%;}
.mainslide > .shadowBox .slide_img,.mainslide > .shadowBox .slide_img > img{width:100%}
.dl_slide dt span{font-size:2rem;color:#000;font-weight:600}

.dl_slide dd{color:#666;margin-top:15px;font-size: 1.5rem}
.dl_slide2 dd{font-size:2rem;color:#000;font-weight:600;}
.m_b17 {margin-bottom:17px;}
.dl_slide2 dd > span {color:#666;margin-top:15px;font-size: 1.5rem}

.dl_slide dd.desc{margin-top:7px}


.botTxt{
	background: #fff;padding:15px 20px;height:134px;width:100%;position: absolute;bottom:-45px;left:0
}
.botTxt.trans{
	-webkit-transition : background-color 0.5s;
	transition : background-color 0.5s;
	animation-timing-function: ease-out;
}
.botTxt.trans:hover{
	background-color:#4d98e9;
	-webkit-transform :translate(0, -43px);
	transform :translate(0, -43px);
	padding-top:20px;
}

.botTxt.trans span{-webkit-transition : color .1s; transition: color .1s;}
.botTxt.trans:hover span{color:#fff}
#bxslider_main .bx-default-pager{display: none}
#cardNewsWrap .bx-default-pager{display: none}
.main3firstRow > #bxslider_main{position: relative;}
#bxslider_main .bx-controls-direction .bx-prev{background: url(../img/main/slide_prev.png) no-repeat;width:72px;height:72px; display: inline-block;position: absolute;left:20px;top:50%;margin-top:-36px;font-size: 0;text-indent: -2000px}
#bxslider_main .bx-controls-direction .bx-prev:hover{background-image:url(../img/main/slide_prev_on.png)}
#bxslider_main .bx-controls-direction .bx-next{background: url(../img/main/slide_next.png) no-repeat;width:72px;height:72px; display: inline-block;position: absolute;right:20px;top:50%;margin-top:-36px;font-size: 0;text-indent: -2000px}
#bxslider_main .bx-controls-direction .bx-next:hover{background-image:url(../img/main/slide_next_on.png)}

#cardNewsWrap .bx-controls-direction .bx-prev{background: url(../img/main/card_prev.png) no-repeat;width:25px;height:25px; display: inline-block;position: absolute;right:60px;top:13px;font-size: 0;text-indent: -2000px}
/*#cardNewsWrap .bx-controls-direction .bx-prev:hover{background-image:url(../img/main/slide_prev_on.png)}*/
#cardNewsWrap .bx-controls-direction .bx-next{background: url(../img/main/card_next.png) no-repeat;width:25px;height:25px; display: inline-block;position: absolute;right:25px;top:13px;font-size: 0;text-indent: -2000px}
/*#cardNewsWrap .bx-controls-direction .bx-next:hover{background-image:url(../img/main/slide_next_on.png)}*/
#appSearchWrap{position:relative}
#appSearch > li{margin:0}
#appSearchWrap .bx-pager{display:none}
#appSearchWrap .bx-controls-direction .bx-prev{background: url(../img/main/card_prev.png) no-repeat;width:25px;height:25px; display: inline-block;position: absolute;right:60px;top:13px;font-size: 0;text-indent: -2000px}
/*#cardNewsWrap .bx-controls-direction .bx-prev:hover{background-image:url(../img/main/slide_prev_on.png)}*/
#appSearchWrap .bx-controls-direction .bx-next{background: url(../img/main/card_next.png) no-repeat;width:25px;height:25px; display: inline-block;position: absolute;right:25px;top:13px;font-size: 0;text-indent: -2000px}
/*#cardNewsWrap .bx-controls-direction .bx-next:hover{background-image:url(../img/main/slide_next_on.png)}*/
#leftTab{margin-top:25px}
#leftTab .tabs-left > .nav-tabs > li{float: none;margin:0 0 2px 0;border:0}
#leftTab .tabs-left > .nav-tabs > li:first-child > a{border:0;height:55px}
#leftTab .tabs-left > .nav-tabs > li:last-child {margin:0}
#leftTab .tabs-left > .nav-tabs > li > a{background: #747f90;color:#fff;border:0;text-align: left;padding:0 20px;width:125px}
#leftTab .tabs-left > .nav-tabs > li.active > a{background:url(../img/main/leftTab_arr.png) 89px center no-repeat ;border:0;}
#leftTab .tabs-left > .nav-tabs > li.blog.active > a{background-color:#6bb925}
#leftTab .tabs-left > .nav-tabs > li.facebook.active > a{background-color:#4164ab}
#leftTab .tabs-left > .nav-tabs > li.twitter.active > a{background-color:#55acee}
#leftTab .tabs-left > .nav-tabs > li.youtube.active > a{background-color:#e62f27}
#leftTab .tabs-left > .nav-tabs{float:left}
#leftTab .tabbable > .nav-tabs{border:0;margin:0}
#leftTab .tabbable.tabs-left .tab-content{padding:25px;margin-left:125px;height:229px}
#leftTab .leftTab_cont{height:179px;overflow: hidden;position: relative;}
.leftTab_cont > .img{position: absolute;top:0;left:0}
.leftTab_cont > .leftTabTxt{margin-left:220px }
.leftTabTxt > .tit{margin:0 0 15px;}
.leftTabTxt > .tit > span{font-size: 1.8rem;color:#000;font-weight:600}
#mainWrap3.container{padding-bottom:50px}
.onlinePhoto{background: url(../img/main/online.png) 35px center no-repeat #1580bb;padding:30px;height:86px}
.onlinePhoto span{color:#fff;font-size:2rem;padding-left:80px;font-weight: 600}
.main3secondRow > div > .yeahbosq.shadowBox{margin-top:25px;height:229px}
.yeahbosq.shadowBox .ybPhoto,.ybPhotoDsc{float:left}
.yeahbosq.shadowBox .ybPhoto{border:1px solid #ccc}
.yeahbosq.shadowBox .ybPhoto > img{width:108px;height: 130px}
.yeahbosq .frequMn > dd{padding:20px 24px}
.ybPhotoDsc{margin-left:15px;margin-top:20px;width:96px}
.ybPhotoDsc dt{font-size: 1.6rem}
.ico_dw{display: block;background: url(../img/main/ico_down.png) center right no-repeat}
.ico_dw:hover{background-image: url(../img/main/ico_down_on.png)}
.ico_zm{display: block;background: url(../img/main/ico_zm.png) center right no-repeat}
.ico_zm:hover{background-image: url(../img/main/ico_zm_on.png)}
.searchResultTxt{text-align: center;border-bottom:1px solid #ccc;padding-bottom:30px}
.searchResultTxt p{font-size: 2rem;font-weight: 500}
.searchResultTxt p strong,.searchResultTxt p em{font-weight: 600}
.searchResultWrap{margin-top:40px}
.seachRtit{background: #ebf0f6;border-top:2px solid #1d3454;border-bottom:2px solid #ccc;padding:5px 20px;position: relative;}
.seachRtit h4{color:#222;}
.seachRList {border-bottom: 1px solid #ccc}
.seachRList{padding:25px}
.dl_seachRList a:hover{text-decoration: underline;}
.resultMore{text-align: right;padding-top:5px}
.dl_seachRList > dt > a.resultTit{font-size: 1.7rem;color:#222;font-weight:500}
.dl_seachRList .root{padding:5px 0}
/*#resultMore{position: absolute;;right:20px;top:50%;margin-top:-15px}*/
.yhgroup.box2_1{padding:40px}
.yhgroup.box2_2{padding:40px}
/*.yhgroup > .row{width:80%}*/
.yhgroup h4{font-size:2.7rem;color:#222 }
.ico_yhgroup > img{width:75%;max-width: 238px}
.btnprf{margin:20px 0 5px}
.btn + .btn{margin-left:3px}
.fileUpload input[type="file"]{display: inline-block;}
#naviAll,.btnTopSearch.navbar-toggle{display: none}
#naviWrap_mobile{display: none}
.faq_img{margin:15px 0;text-align: center}
.faq_img > img{max-width:474px}
.infoUseTop{border-radius:70px;border:3px solid #1d3456;min-height:135px; text-align: center;padding:15px}
.infoUseTop > h5{font-size:2.8rem;color:#1d3456;font-weight: normal;}
.infoUseTop > h5 > strong{font-weight: 700}
.infoUseTop p{font-size: 1.5rem;color:#222}
.usebgMobile{margin:40px 0}
.img_auto > img{width: auto}
.usebgMobile > img{max-width: 1170px}
.mobile_auto > img{max-width: 373px}
.qr_img > img{max-width: 172px}
.img_page > img{max-width: 591px}
.viewerWrap{margin-top:-30px}
.viewerWrap > .row {border-bottom: 1px solid #ccc;}
.viewerWrap > .row > .col-sm-6{padding:20px 0;}
.viewerWrap > .row:last-child{border:0}
	.viewBox{margin:15px 10px; position: relative;min-height:160px; overflow: hidden;}
	.viewBox > div{float:left}
	.viewIco{width:160px;height:160px;position: absolute;top:50%;left:0;margin-top:-80px}
	.viewIco.hwpDw{background: url(../img/etc/hwp.png) no-repeat;background-size: 100%}
	.viewIco.pdfDw{background: url(../img/etc/pdf.png) no-repeat;background-size: 100%}
	.viewIco.pptDw{background: url(../img/etc/ppt.png) no-repeat;background-size: 100%}
	.viewIco.excelDw{background: url(../img/etc/excel.png) no-repeat;background-size: 100%}
	.viewIco.docDw{background: url(../img/etc/doc.png) no-repeat;background-size: 100%}
	.viewerDown{margin-left:175px;margin-top:10px;}
	.viewerDown .sub_tit{margin-top:5px}
	.viewerDown > p{margin-left:25px}
	.softDw{margin-left:25px;margin-top:10px}

.xscroll{overflow-x: scroll;-webkit-overflow-scrolling:touch;position: relative;}
.submenuBg{display:none}
.mnsec > .mn_first .main_subMn > li{width:16.6% }
.mnsec > .mn_cent .main_subMn > li{width:20% }
.mnsec > .mn_last .main_subMn > li{width:20% }
.scrollY{overflow-y: scroll;-webkit-overflow-scrolling: touch;}

.graphTblWrap.threeTbl .btn_more{position:absolute;top:13px;right:15px}
.sidemenuWrap{display:none}

.insolventWrap {overflow: hidden;padding:0px 30px 0 30px; }
.insolventBox {overflow: hidden;padding:30px; vertical-align:top;} 
.insolventBox .insolventInner {padding:15px}
.insolventBox .insolventInner > h6{border-radius: 25px;padding:15px 0;  text-align:left; cursor:pointer;}
.insolventBox .insolventInner > h6.first{background: url(../img/insurance/insur_ico4.png) #10c0ba 50px bottom no-repeat;}
.insolventBox .insolventInner > h6.second{background: url(../img/insurance/insur_ico5.png) #3c84d6 50px bottom no-repeat;}
.insolventBox .insolventInner > h6.third{background: url(../img/insurance/insur_ico6.png) #1580bb 44px bottom no-repeat;}
.insolventBox .insolventInner > h6.fourth{background: url(../img/insurance/insur_ico7.png) #1d3454 44px bottom no-repeat;}
.insolvent_txt a{color:#fff;font-size:2rem;font-weight: 500; position: relative;left:40%}
.insolventBox .insolventInner > h6.fourth .insolvent_txt a{position: relative;left:43%}
.insolventInner > ul{margin-left:50px;margin-top:15px}
.insolbtn {position: relative;}
.insolbtn > .graphMore{position: absolute;top:15px;right:15px}

/*media query*/
@media screen and (min-width:1450px){
	.main3firstRow{margin:30px -140px 0 -140px}
	#bxslider_main{padding:0 135px 0 140px}
}
@media screen and (max-width:1449px) and (min-width:1281px){
	.main3firstRow{margin:30px -70px 0 -70px}
	#bxslider_main{padding:0 70px 0 70px}
}
@media screen and (max-width:1280px) and (min-width:1023px){
	.main3firstRow{margin:30px -15px 0 -15px}
	#bxslider_main{padding:0 15px 0 15px}
}
@media screen and (max-width:1200px){
	.creativeWrap dl.dl_tbl,.creativeWrap dl.dl_tbl > dt,.creativeWrap dl.dl_tbl > dd{display:block}
	.creativeWrap dl.dl_tbl > dt{background:url(../img/common/step_line.png) center 0 repeat-y;}
	.creativeWrap dl.dl_tbl:first-child > dt{background:none}
	.responBot.creativBot.fourth{padding-left:0}
	.grSec{position: relative;}
	.lineGrpWrap .lineGrpBox{width:50%}
	.planMap .planDsc{margin-top:20px}
	.planMap .organLineC{background: nones}
	.img_listWrap{text-align: center}
	.img_list{display: inline-block;float:none}
	.webtoon > .img_L{margin:0 auto 10px auto;float:none;text-align: center}
	.webtoon .crt_txt{width: auto;float:none;}
	.webtoon .dl_crt > dd{height: 60px;padding-bottom: 15px}
	.img_L > img{width: auto;}
	/* tabMenu */
	/*#wiwonIntro{margin-top:50px}*/
	.tabbMenu{border:1px solid #ccc; position: relative;height:39px;z-index:5;margin-bottom: 20px;width:100%}
	.tabbMenu > .defaultTxt{color:#999;font-size: 1.7rem;padding:0 25px; line-height: 37px;display: block}
	.tabBtnR{background:url(../img/mobile/tab_arr.png) center center #3c84d6 no-repeat;background-size: 50%;width:37px;height:37px;border:0;position: absolute;right:0;top:0;display: block}
	.tabbableBox > .nav-tabs > li{margin:0;display: none;border: 0;width: 100%}
	.tabbableBox > .nav-tabs > li > a{line-height:37px;height:37px;border: 0;background: #fff}
	.tabbableBox > .nav-tabs > li.active > a{color:#3c84d6;border: 0}
	.tabbableBox > .nav-tabs > li.active{display: block}
	.tabbableBox.openLi > .nav-tabs > li{display: block;}
	.tabbableBox.openLi{height: auto;background: #fff; border:1px solid #ccc; margin:39px -1px 0 -1px}
	.tabbableBox{width:100%;position: absolute;top:0;left:0;z-index:5}
	.tabBtn{width:37px;height:37px;border:0;position: absolute;right:0;top:0;z-index: 5}
	.mainContainer{width: 880px;margin:0 auto}
	.slogun{width: 880px;margin:30px auto}
	.mainBox.mainCntcontsecond{margin-right: 0;}
	.bothGraphWrap{margin-top:190px}
	.contthird{width: 470px;margin-right: 30px}
	.contFirst2{margin-right: 0}
	.recruit{height:290px}
	.dl_recruit{width:210px;float:left}
	.ul_recruit{width:210px;float:right;margin-top:-5px}
	.ul_recruit li > a{height:84px}
	.contthird2{width:370px}
	.topRate{top:-125px}
	#mainWrap .frequMn >  dd{padding:23px}
	#mainWrap .main_banners{margin-top:30px}
	#mainWrap .mainBan2{height:185px}
	#mainWrap .ban02{margin-top:15px}
	#mainWrap .contthird{min-height: 290px}
	#mainWrap .mainBan.ban01, #mainWrap .mainBan2{margin-top:0}
	/*.main2firstRow > .col-sm-3{width:50%}
	.col-first,.col-second{width:50%}
	.col-third{width: 100%;}*/

	/*.thirdInner .ico_dot.custom_dot{display:inline-block;padding-right: 30px}
	.main2secondRow > .col-third > .shadowBox,.thirdInner{height:auto;}
	#leftTab .leftTab_cont > .img{display: none}
	.devote span.small{display: none}
	.main3secondRow{position: relative;}
	.main3secondRow > .col3-first{width: 300px;position: absolute;left:0;top:0;float: none}
	.main3secondRow > .col3-second{margin:0 300px;width: auto;float: none; overflow: hidden}

	.main3secondRow > .col3-third{width:auto;position: absolute;right:0;top:0;float: none}
	.leftTab_cont > .leftTabTxt{margin-left:0}*/
}
@media screen and (max-width:1199px){
.devote.shadowBox .small{display: none}
.leftTab_cont .img{display: none}
/*.col3-first{width: 300px}

.col3-third{width:300px}*/
.leftTab_cont > .leftTabTxt{margin-left: 0}
.yeahbosq.shadowBox .ybPhotoDsc{width: 110px}
.yeahbosq .frequMn > dd{padding:20px 15px}
.topRate{display: none }
}
@media screen and (max-width:1171px){
	.mainBan,.mainBan2{margin-top:15px}
	.processWrap > div{margin:5px 0}
	.threeBoxes .inputwrap{display: block;margin-bottom:5px;}
	.threeBoxes .borBox2{height:220px}
	.webtoon{width: auto;}
	/*#mainWrap3.container{width: 885px}*/
	#bxslider_main .bx-controls-direction .bx-prev{left:-15px;}
	#bxslider_main .bx-controls-direction .bx-next{right:-15px;}
	.usebgMobile > img{width: 100%}

	/*.mainslide{height:395px}*/


}
@media screen and (min-width:1170px){
	.processWrap.organ .process{width: 220px}
	.processWrap.organ{padding:50px}
	.next_line{width: 220px}
	.li_pasanWrap{width:270px;margin-left:-50px; }
	.creativeWrap .dl_tbl > dd{width: 960px}

	.injae > img{width:auto}
	.plan > img{width:auto;}
	.total_search.search_in{width:77%}
	.gallerIMG img{width: 370px;height:290px}
	.panel-body .borBox2.imgBox > img{width:auto}
	/*.creativeWrap .organLineC{width: 955px}*/

}
@media screen and (max-width:1169px) and (min-width:1024px){
	#mainWrap3.container{width: 960px}
	.main3firstRow{margin:30px -15px 0 -10px}
	.main2Box{padding:20px}

}

@media screen and (min-width:1025px){
		/*.kidcSubmenu{width: 1170px}

		.snsWrap li.pcPrint{display: block}
		.search_in.shorWidth{max-width:600px}
		.graphThreeWrap .row .col-sm-4{height: 272px} border */
		.submenuBg{background: #fff;position:absolute;width: 100%;margin-top:54px;border-top:1px solid #ccc;z-index:49;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);left:0;top:0;}
		.submenuBg > .submenuBgInner{background:url(../img/common/submenu_bg.png) repeat-y;min-height:320px;width: 1170px;margin: 0 auto; text-align: left;border-right:1px solid #ccc;position: relative; overflow: hidden}
		.submenuBgInnerL{float:left;width: 286px;padding:25px}
		.submenuBgInnerR{padding:25px 15px;margin-left: 286px;overflow: hidden}
		
		.SmnTit{font-size:2.9rem;color:#002a69; letter-spacing: -2px;font-weight: 600}
		.Smndsc{padding-top:15px;color:#444;font-size:1.6rem;letter-spacing: -1px;}
		.submbg_r{width:;height:;background: url(../img/common/submnbg_r.png) no-repeat;width:232px;height: 165px;position: absolute;bottom:0;right:0;z-index:-1}

		.li_sumn{width: 25%;display: inline-block;float:left;}
		.li_sumn_ul{margin:10px 15px 20px 15px;overflow: hidden}

		.li_sumn_ul > li > a{display:inline-block;padding:3px 15px 3px 10px; letter-spacing: -2px;font-size: 1.5rem}
		.li_sumn_ul > li > a:hover{background: url(../img/common/gnb_arr.png) right center no-repeat;}
		.main_subMn > li .li_sumn{min-height: 100px}
		.main_subMn > li:nth-child(3) .li_sumn{min-height: 280px}
		.main_subMn > li:nth-child(4) .li_sumn{min-height: 280px}
		/*.mn_cent .main_subMn > li:first-child .li_sumn{min-height: 240px}*/
		.sumnDep2{border:1px solid #ccc;padding: 10px;display:block;margin:0 10px;text-align: center;font-size: 1.6rem;color:#555;font-weight: 400;letter-spacing: -2px;background: #fff}
		.sumnDep2:hover{color:#fff;background: #4f98e9;border-color:#4f98e9}
		
		.scrollX > .tblWrap table {width:100%}
		.btn_ico_calcu{width: 100%;background: #fff;border-radius: 8px;border:1px solid #ccc;display:block;padding:18px}
		.btn_ico_calcu > .ico_calcu{margin-top:-2px}
		.btn_calcu{position: absolute;bottom:30px}
		.sumnDep1:hover + .submenuBg{display: block}
		

}

@media screen and (max-width:1024px){
.inputTopsearchBox{height:40px;width:100%;display: none;border:2px solid #ccc;border-radius:20px;background: #fff;position: absolute;top:7px;right:0;padding: 2px;padding-left:15px}
	.inputTopsearchBox > .searchinputWrap{margin-right: 64px}
	.searchinputWrap > .inputTopsearch{padding:0;border:0;width:100%;height:30px; vertical-align: top;display: block;}
	.inputTopsearchBox > .btn_zoom{width:28px;height:28px; border-radius: 16px;background:url(../img/common/btn_search2.png) #bababa center center no-repeat;border:0;margin:0; position: absolute;right:34px;top:4px}
	.inputTopsearchBox > #btn_searchclose{width:28px;height:28px; border-radius: 16px;border:0;margin:0;background:url(../img/common/btn_x2.png) #bababa center center no-repeat;position: absolute;right:4px;top:4px}
	.gongsiIcon > li{margin:8px}
	.gongsiIconWrap{margin:0 -8px}
	.sidemenuWrap{display:block}
}

@media screen and (max-width:1023px) and (min-width:768px){
	.mainCntcontsecond,.contFirst2{float:right;}
	.contFirst,.mainCntcontsecond,.contthird,.contFirst2,.mainCntcontsecond2,.contthird2{width:48.5%;}
	.mainBox{margin:0 0.7% 15px 0.7% !important}
	.contthird2{float:right}

	.contFirst2{float:right;}
	.gallCarInner >  img,.gallerIMG > #gallCarousel{width: 100%;height:auto}
	.mainBan,.mainBan2 {width: 100%}
	.main_banners{margin-top:0;}
	.satiBox label.fnt16.satiLabl{width: 40px; line-height: 1.4;margin-top:0}
	.his_L > .yearLink{position: absolute;top:8%;left:11%;}
	.a_his{font-size: 2.2rem}
	.creativeWrap dl.dl_tbl,.creativeWrap dl.dl_tbl > dt,.creativeWrap dl.dl_tbl > dd{display:block}
	.snsWrap li.pcPrint{display: none}
	.col-first{width:75%}
	.col-second{width:25%;}
	.main2secondRow > .col-second > .shadowBox{height:610px}
	.col-second .li_three > .li_app{float:none;width: 100%}
	.col-third{width:75%;margin-top:-320px}
	.li_three .li_app{margin-bottom:20px}
	.li_three .li_app .freqeA{margin-top:10px}
	.thirdInner{height:240px;}
	.mainslide > .shadowBox .slide_img{background-size:cover !important;width: 300px;height:300px}
	#mainWrap .main_banners{margin-top:15px}
	#mainWrap .mainBan2.ban03{height:115px}
	#mainWrap .mainBan2.ban03 .cir_go{top:20px;left:100px}
	#mainWrap .mainBan.ban01{height:73px}
	#mainWrap .dl_mainBan > h1{margin-bottom: 5px}
	#mainWrap .dl_mainBan > span{width:200px}
	#mainWrap .recruit,#mainWrap .custom{height:358px}
	#mainWrap .frequMn >  dd{padding:10px}
	
}
@media screen and (min-width:1170px){
	/*.mnsec,.main_subMn{display: block;width: 1170px;margin:0 auto}
	.mnsec > .mn_first .main_subMn{width:1170px}*/
	.kdicMn > .container{width: 100%;padding: 0}
	.processWrap.badang > img.stepImg{width:auto;}
	.brochur_list{float:left}
}

@media screen and (max-width:1025px){
	/*.mainslide > .shadowBox{width: 320px}*/
	.kdicMn{height: 53px}
	.top-nav > .topglb{display: none}
	.kidcSubmenu{display: none !important}
	.navbar-header{position: relative;}
	.navbar-default .navbar-brand{height:32px !important;width:136px !important;position:absolute;top:50%;margin-top:-16px;left:50%;margin-left: -68px}
	.btnTopSearch{background-image: url(../img/common/btnTopSearch.png); background-repeat: no-repeat;background-size:55%;width:42px;height:28px;border:0;background-position: center center}

	.mnsec > li > a{height:49px;line-height: 49px}
	#naviAll,.btnTopSearch.navbar-toggle{display: block}
	.mainslide{height:395px}
	.mainslide > .shadowBox{width: 300px;height:390px}
	.mainslide > .shadowBox .slide_img > img{width: 100%;}

	/* side menu */
	.sideMenu ul{display: none}
	.sideMenu ul.open{display:block;}
	.sideMnClose{background: url(../img/mobile/menuClose.png) no-repeat center center ;border:0;width:20px;height:20px; position:absolute;top:17px;right:15px; background-size: 100%}
	.mb1dep{background: #6a727a;border-bottom: 1px solid #1e3454}
	.mb1dep.active{background: #4f98e9;}
	.mb1dep > a{padding:15px 15px;display: block;font-weight: 500}
	.mb2dep{background: #08b2ac;}
	.mb2dep > a{padding:10px 15px;display: block;font-weight: 500}
	.mb3dep{background: #fff;border-bottom: 1px solid #ccc}
	.mb3dep > a{padding:10px 15px 10px 25px;display: block}
	.mb4dep{background: #e5e5e5;}
	.mb4dep > a{padding:6px 15px 6px 45px;display: block; background: url(../img/ico/sub_bull.png) 35px 16px no-repeat}
	.mb4dep:first-child{padding-top:10px}
	.mb4dep:last-child{padding-bottom:10px}
	/* .sidemenuWrap{width: 80%;position: absolute;top:0;right:0;background: #1e3454;min-height:800px;z-index:110;display: none} */
	.kdicSide{background: url(../img/mobile/kdic.png) #12233c 15px 15px no-repeat;background-size:auto 45px;height:60px}
	.sideMenu  li{margin:0; position: relative;}
	.mb1dep > a{color:#fff !important;font-size: 1.7rem;}
	.mb2dep > a{color:#fff !important;font-size: 1.7rem;}
	.mb3dep > a.openlink{color:#08b2ac !important;font-size: 1.5rem;}
	.mb3dep > a{color:#222 !important}
	.mb4dep > a{color:#444 !important;font-size: 1.4rem;}
	.openlink > .ico1dep{background-image: url(../img/mobile/minus.png)}
	.ico1dep{background: url(../img/mobile/plus.png) center center no-repeat; display: inline-block;width:21px;height:21px;background-size: contain;position:absolute;right: 15px; top:15px}
	.ico2dep{background: url(../img/mobile/dw.png) center center no-repeat; display: inline-block;width:21px;height:21px;background-size: contain;position:absolute;right: 15px; top:15px}
	.openlink > .ico2dep{background-image: url(../img/mobile/up.png)}
	.ico3dep{background: url(../img/mobile/navi_curOff.png) center center no-repeat; display: inline-block;width:15px;height:15px;background-size: contain;position:absolute;right: 15px; top:15px}
	.openlink > .ico3dep{background-image: url(../img/mobile/navi_curOn.png)}
	.mobildHand{display: block}
	.scrollX{position: relative;;}
	.scrollX .tblWrap table {width:1170px}
	.scrollX .tblWrap{overflow-x: scroll;-webkit-overflow-scrolling: touch;}

}
@media screen and (max-width:991px){
	.search_in{width: 90%;}
	img{width: 100%;height: auto}
	.popupBox.bigSize{width:95%;margin-top:0;margin-left:0;height:95%;top:2.5%;left:2.5%;overflow-y:auto}
	.popupBox.loginPop{width:95%;margin-top:0;margin-left:0;height:95%;top:2.5%;left:2.5%;overflow-y: auto;}
	.popupBox.stepPop{width:95%;margin-top:0;margin-left:0;height:95%;top:2.5%;left:2.5%;overflow-y: auto;}
	.form-control + .form-control {margin-left: 0;margin-top:10px}
	.selBtnRow{display:block;}
	.inputwrap{margin:5px 0}
	.li_step{width: 145px}
	.stepRound{width: 155px}
	.li_stepWrap .ul{display: inline-block;margin:0 auto}
	.processWrap.organ .process.procesgreen{left:-150px}
	.processLast .row{left:-155px}
	.processWrap.organ{padding: 15px}
	.procDownWrap > .row{width:90%;margin:0 auto}
	.ciExp{width: 90%}
	.responWrap{width:350px}
	.org-l,.gamsa{width:174px;}
	.moralWrap .org-l,.moralWrap .gamsa{width:210px;}
	.isaWrap .org-l{width: 165px}
	.org-s{width:85px;}
	.organ_middle > .sub_ceo >.insurLab{margin-left:87px}
	.organ_top_inner{width:80%}
	.responTop .org-l,.responBot .org-s{font-size: 1.6rem;letter-spacing: -1px}
	.signL,.signR{float:left;width: 100%}
	.signR{margin-left:0}
	.signR > .signDown{width:100%;margin-top:30px}
	.gamsa_odr{background: none;padding:50px 30px 30px 30px}
	.gamsaTxt{padding:20px}
	.responBot.creativBot > div{float:none;width: 100%}
	.responBot.creativBot.fourth .creativDir .oran{width: 100%}
	.creativeWrap .organLineC,.creativeWrap dl.dl_tbl > dt,.creativeWrap .lineL,.creativeWrap .lineC,.creativeWrap .lineR{background: none}
	.responBot.creativBot img{max-width:180px;width:auto !important }
	.creativeWrap .organLineC.firststep,.creativeWrap .organLineC.second{padding-bottom: 30px}
	.responBot.creativBot > div{padding:20px 0 0 0 !important}
	.responBot.creativBot > div:first-child{padding-top:0 !important}
	.creativeWrap .dl_tbl > dt{padding-bottom:10px}
	.botLgraph,.botRgraph{width: 45%}
	.graphBody .col-sm-4{width: 50%;float: left}
	.graphTbl{width: 50%;min-height:210px}
	.graphThreeWrap.Map > .row > .col-sm-4{width: 100%}
	.snsWrap li.pcPrint{display: none}
	.fildDownload > .filename{display: block;margin-bottom: 5px;min-width:100%;}
	.whabo{padding:20px;margin:0 5px}
	.whabo_listWrap{margin:0 -5px; }
	.whabo_txt dd{height:160px;max-height: 160px}
	.pageAdWrap .col-sm-3{width: 50%}
	.footSite #relatebtnSiteAll{display: none}
	.footSite .botLink{border:1px solid #ccc}
	.judgeBox{width:80%}
	.botMapWrap > .koreaMap{display:none}
	.graphThreeWrap .col-lg-4.stateAll{width:100%}
	.graphThreeWrap .col-lg-4{width:50%}
	.graphThreeWrap .row.mrg_t30{margin-top:0 !important;}
	.mainContainer{width:750px;margin:0 auto;}
	/*#mainWrap{padding:0}*/
	.topRate{display: none}
	.slogun{text-align: center;margin:30px 0 20px;width: auto;}
	#mainWrap .slogun > span > img{max-width:335px}
	#mainWrap2 .slogun > span > img{max-width:533px}
	.recruit{height:350px}
	.ul_recruit,.dl_recruit{width:auto;float:none}
	.ul_recruit{margin-top:5px}
	.dl_recruit > dd{margin-top:5px}
	.ul_recruit li > a{height:77px}
	.rec_txt{line-height:77px}
	.li_app > a{text-align: center;}
	.li_app > a > div,.li_app > a > span{float:none;text-align: center;}
	.li_app > a > span{padding-top:5px}
	.mainBan2{height:160px}
	.cir_go{bottom:20px}
	#mainWrap .frequMn >  dd{padding:10px}
	.main2firstRow > .col-sm-3{width:50%}
	.ico_dot.custom_dot{display: block;float:none}
	/*#mainWrap3.container{width:640px}*/
	#mainWrap3 .slogun .subtxt{font-size: 1.7rem}

	.col3-third > .onlinePhoto{width:270px;float: none;width:auto}

	.yeahbosq.shadowBox .ybPhoto > img{width:80px;height:100px}
	.yeahbosq.shadowBox .ybPhotoDsc{margin-left:35px;margin-top:5px;width:110px;}
	.yeahbosq .frequMn > dd{padding:10px 30px}
	#leftTab .tabs-left > .nav-tabs > li > a{width: 100px}
	#leftTab .tabbable.tabs-left .tab-content{margin-left: 100px;padding:30px 20px}
	#leftTab .tabs-left > .nav-tabs > li.active > a{background-position:70px center}
	.main3secondRow > .col3-second{padding-right: 0;overflow: hidden;float: none}
	
	.main3secondRow > .col3-third{width: 100%;float: none;overflow: hidden;position: relative;}
	.main3secondRow > div > .yeahbosq.shadowBox{margin-top:15px;height:180px}
	#mainWrap .main_banners{margin-top:15px}
	#mainWrap .mainBan2.ban03{margin-top:15px}

}


@media screen and (max-width:720px){
	/*.form-group .btnWrap{padding-top:1rem;}*/
	.ico_face{width: 4rem;height: 4rem;}
	.mainContainer,#wrapper,.container,.contFirst,.mainCntcontsecond{width: 100%}
	.gallerIMG .caption{width: 90%;top:50px;left:20px}
	.gallerIMG .caption > h4{font-size:14px;margin:0}
	.gallerIMG .caption > p{font-size:18px;color:#000;font-weight: 700;line-height: 33px}
	.p_img{width:100%;}
	.ciInner{width:100%;margin:0 0 20px}
	.greeting img{width: 50%}
	.career_L,.career_R{float:none;}
	.career_L{text-align: center;margin-right: 0}
	.panel-body{padding:10px !important}
	.organ_top_inner{width: 100%;}
	.organ_top_inner > .organ_L ,.organ_top_inner > .organ_R{position: static;width: 50%;float:left;padding:10px 0}
	.organ_top_inner > .organ_L {padding-right:5px}
	.organ_top_inner > .organ_R {padding-left:5px}
	.gamsa > .oran:first-child{margin-bottom:3px}
	.org-l,.org-m,.org-s{width: 100%;}
	.ceo{padding:10px 0;}
	.gamsa{width: 100%}
	.organWrap,.gamsa,.responWrap,.isaWrap,.organ_top,.ceo,.organ_middle,.sub_ceo{position:static;height: auto;background: none;}
	.organWrap .lineL,.organWrap .lineR,.organWrap .lineB,.organWrap .lineC{background: none;}

	.organWrap{margin:30px 0 40px;overflow:hidden}
	.isaWrap > div {padding-top:10px;width: 50%}
	.isaWrap > div:nth-child(2n),.responBot > div:nth-child(2n){padding-left: 5px}
	.isaWrap > div:nth-child(2n+1),.responBot > div:nth-child(2n+1){padding-right: 5px}
	.isaWrap .org-l,.responBot .org-s {width:100%}
	.responWrap{width: 100%;}
	.isaWrap{height:130px}
	.responBot > div{padding-top:3px ;width: 50%;margin:0}
	.responTop{padding-bottom: 0}
	.oragan_dir{width:100%;padding:0;margin:0 0 10px;height: auto}
	.oragan_inner{padding-bottom:3px}
	.tit_inner{width:90%; line-height:60px; font-size: 2.6rem}
	.bgBox{padding:20px}
	.mr_odr{margin:20px 0 20px 85px}
	.happyDirWrap div.borline.oran > ul{margin:10px 5px}
	.happyDirWrap div.borline.oran > ul li{font-size: 1.3rem; letter-spacing:-1px}
	.sub_bull{padding-left:13px}
	.botLgraph,.botRgraph{width: 100%; position: relative;margin-top:30px}
	.graphTblWrap.threeTbl > .graphTbl{width:50%;height: 245px}
	.form-group.totalData label:nth-child(4){margin:0 !important;float: none;display: block;width: 100%}
	.bankSearch{overflow: hidden; width:80%;margin:0 auto}
	.pageadView > .pageAdR{margin-left:270px;height: 355px}
	.pageAdR .movieScript{padding:15px}
	.raioImg{margin:0 auto;width: 100%;max-width:390px}
	.raioAdView > .pageAdL{position: relative;text-align: center}
	.raioAdView > .pageAdR{margin-left:0;margin-top:15px;height:150px}
	.raioAdView > .pageAdR .movieScript{padding:15px;height:148px}
	.judgeBox{width:95%}
	.jud_txt{left:27%}
	.lineGrpWrap .lineGrpBox{width:100%;float: none}
	.contthird2{width: 100%}
	/*#mainWrap3.container{width:100%}*/
	#naviWrap_mobile{display: block}
	.naviWrap{display: none}
	.infoUseTop{padding:15px 20px;border-radius: 20px}
	.infoUseTop > h5{font-size: 2.1rem}
	.h3_tit{display: none}
	.organ_middle > .sub_ceo{position:relative;top:0;margin-top:10px}
	.organ_middle > .sub_ceo >.insurLab{position:relative;margin-left:0;width:100%;left:0;margin-top:3px}
}

@media screen and (min-width:100px) and (max-width: 767px){
	/*.bigico01{width:6.5rem;}*/
	.view.writeform td .inputTit{width:100%}
	.view.writeform td .inputM{width:45%}
	.view.writeform td .inputS{width:28%}
	.view.writeform th, .view.writeform td{padding:7px 10px;}
	/*.view.writeform tbody th{width:35%;}*/

	.tblWrap > .noscroll{width: 100% !important}
	/*.selectBox + .selectBox,.selectBox + .btn{margin-top:7px}*/
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7,
	.col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {margin:5px 0;overflow:hidden}
	.telIco{padding-left:45px;height:35px;line-height:35px; }

	.borL_right{border-bottom:1px solid #ccc;border-right:0}
	.telNumWap p.txt_C:first-child{width: 70%;margin:0 auto}
	.borBox3 .col-sm-6.col-lg-6{margin-bottom: 0}
	.popTop{padding:10px 15px}
	.popupBox > .popBot{padding:15px}
	.popupBox .btn_popClose{top:13px;right:15px}
	.korBtns{padding: 0 10px}
	.korBtns li > button{border:1px solid #ccc}
	.korBtns li{margin:2px}
	.searchWrap.korBtnsWrap{padding:10px 0}
	.wrdBk{word-wrap: break-word; word-break: break-all;}
	.w90{width: 100%}

	.mainBox{clear:both;width: 100%;margin-right: 0}
	.main_banners .shadowBox{width: 100%;float:none}
	.topRate{margin-top: 30px}
	.faq_tit{padding-top:0}
	.ciborBox > div{height:190px;border-bottom:1px solid #ccc;border-right:0}
	.ciborBox > div:last-child{border-right: 0}
	.ciborBox.row:last-child > div{border-bottom:1px solid #ccc}
	.ciborBox.row:last-child > div:last-child{border-bottom:0}
	.bgCi > div:first-child{border-right: 0;border-bottom:1px solid #ccc}
	.searchInput.inputOne{padding-right:0}
	.realpf{margin:0}
	.ipinpf{margin: 0}
	.processWrap.organ > .li_flt li{width: 100%}
	.processWrap.organ .process.procesgreen{position: relative;left:0;width: 100%}
	.processLast {height:53px}
	.processLast .row{position: relative;left:0;width: 100%;top:8px}
	.processWrap.organ .process.mint{width:32%;margin-left: 2%;padding:0;float:left !important}
	.processWrap.organCenter .process{width:100%}
	.processWrap.organCenter .li_flt.li_2{width:100%;display: block}
	.appicant,.appi_arr{display: block;margin:0 auto}
	.appi_arr{ background: url(../img/fund/appli_arr_dw.png) center center no-repeat}
	.onlySelec{margin:0}
	.his_L{display: none}
	.his_L,.his_R{float:none;width: 100%;}
	.mobile_img{display: block;margin:10px 0 30px}
	.yearLink.mobile{display: block}
	.ciIMG{float:none;margin: 0 auto 20px auto}
	.ciExp .dl_tbl{margin:10px auto 0 auto}
	.ciExp{min-width: auto;}
	.empty{display: none}
	#ciSig > .ciborBox.row:last-child > div{border-bottom: 0}
	.goal{padding: 30px}
	.goal p{font-size: 2.2rem}
	.moralWrap .ceoDesc{position: relative;top:5px;left:0;margin:0;padding:0;background: none;width: 210px}
	.moralWrap{width: 100%}
	.moralWrap .moralMid{width:520px;margin:0 auto}
	.grStatus.row{margin:-40px 0 0}
	.view.listView{width: 100%}
	.view.listView td,.view.listView th{display: block;width:100% !important; overflow: hidden;height: auto !important;min-height:35px;border-right:0 !important;}
	.view.listView tbody th, .view.listView tbody td{padding:7px 5px}
	.foot_bot .li_flt{display: none}
	.snsWrapfoot ul > li{margin-left:10px}
	.ftMenu{margin:0 5px;font-size: 1.6rem;padding:3px 15px 3px 0}
	.bot_logo{width: 100%;background-position: center center}


	.cartoon .img_R{position: relative;right:0;top:0}
	.cartoon .img_R > img{width: auto}
	.ul_midNavi{margin:0}
	.secInfo > .bor_r{background: none}
	.happy_listWrap > .col-sm-4{width:50%;float:left;height:360px }
	.graphThreeWrap{padding:0 5px}
	.graphThreeWrap .col-lg-4{width:100%;position:relative}
	.mainContainer{width: auto;}
	.main2firstRow > .col-sm-3{width:100%}
	.col-first,.col-second,.col-third{width:100%}
	.main2secondRow{margin-top:0}


	/* navi */
	#naviWrap_mobile{margin:0 -15px;width: 100%}
	.mobileView{width: 100%;position: absolute;background: #fff;z-index: 50;border-bottom: 1px solid #ccc;}
	#mb_menu2depWrap{box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); height: auto;display:none}
	.li_2dep,.mb_menu3dep{border-top: 1px solid #ccc;display: block;}
	.mb_menu1dep{text-align: left;border:0;height:48px;border:0;background: #fff;width:100%;position: relative;padding: 0 15px}
	.mobileView li{margin:0;}
	.mb_menu1dep .nv_dept1{font-size: 2.2rem;color:#222;font-weight:500}
	.mb_menu1dep:focus,.mb_menu1dep:active{border:0}
	.mb_menu1dep > .mb_ico_down{background: url(../img/mobile/navi_1curOff.png) center center no-repeat;background-size:65%;border:2px solid #aaa;display: inline-block;border-radius: 17px;height:29px;width: 28px;position: absolute;top:50%;margin-top:-14px;right:15px;}
	.mb_menu1dep.selected > .mb_ico_down{background-image: url(../img/mobile/navi_1curOn.png);border:2px solid #619cde}
	.mb_menu2dep{text-align: left;border:0;height:48px;border:0;background: #ebf0f6;width:100%;position: relative;padding:0 15px;padding-left:25px}
	.mb_menu2dep > .mb_ico_down{background: url(../img/mobile/navi_curOff.png) center center no-repeat;background-size:65%;display: inline-block;border-radius: 17px;height:29px;width: 28px;position: absolute;top:50%;margin-top:-14px;right:15px;}
	.mb_menu2dep.selected > .mb_ico_down{background-image: url(../img/mobile/navi_curOn.png);background-color:#fff}
	.mb_menu2dep.selected > .nv_dept2{color:#08b2ac}
	.mb_menu2dep > .nv_dept2{font-size:1.6rem;color:#333 }
	.mb_menu3dep{padding:10px 0 10px 35px;display: none}
	.mb_menu3dep > li > .sub_bull{display: block; padding:6px 15px;font-size: 1.4rem;background-position: left center;padding-left:10px; line-height: 20px;color:#444}
	.mb_menu3dep > li > a:hover{color:#3b83d5 !important}
	.mb_menu3dep > li > .sub_bull.active{color:#000;font-weight:500}
	.li_1dep > .mb_menu2dep{display: none}
	/*.li_1dep > .selected.mb_menu1dep + .mb_menu2dep{display: block}
	.li_2dep > .selected.mb_menu2dep + .mb_menu3dep{display: block}*/
	.viewerWrap > .row > .col-sm-6:first-child{border-bottom: 1px solid #ccc;}
	.viewerWrap > .row > .col-sm-6{padding:5px 0}
	.viewerWrap > .row:last-child > .col-sm-6{border-bottom: 0}
	.col3-third > .onlinePhoto{height: auto}
	.col3-third > .onlinePhoto span{line-height:29px}
	.main2secondRow > .col-second > .shadowBox{height: 260px}
	.frequMnWrap{position:absolute;top:0;left:0;width:100%}
	#mainNotice{margin-top:185px}
	#mainWrap .main_banners{margin-top:-5px}
	.mainCntcontsecond{min-height:auto}
	.next_dot{float: none;margin:0 auto !important;background: url(../img/common/next_dot2.png) center center no-repeat}
	.process{float:none;}
	.process > .prc_arr{width: 14px;height: 9px;background: url(../img/common/prc_arr_bot.png) no-repeat;display: inline-block;position: absolute;left:50%;margin-left:-7px;bottom:-9px;top:auto;}
	
	.process_end {float:none}
	.borL_left{border-top:1px solid #ccc;border-left:0}
}

@media screen and (min-width:990px)
{
	/*.view.writeform .form-control{width:218px;float:left}*/
	.txt_won{position: relative;padding-left: 6px}

	#mainWrap .custom{height:290px}
}
@media screen and (min-width:990px) and (max-width:1199px){
	.main2Box h3{font-size:1.85rem;letter-spacing: -2px}
	.li_app:nth-child(2) .freqeA{width:65px;margin: 20px auto 0 auto}
	.frequMn >  dd{padding:5px}
}
@media screen and (min-width:991px) and (max-width:1023px){
	#mainWrap .mainBan2.ban03{margin-top:15px}
	#mainWrap .recruit{height:408px}
	.ul_recruit{width: 100%;margin-top:10px}
}
@media screen and (max-width:1090px) and (min-width:847px){
	.prfAgree2{min-height:180px}
	.borBox3.debt .col-sm-7,.borBox3.debt .col-sm-5{float:none;width:100% !important}
	.borBox3.debt .col-sm-5.borL_left{border-top:1px solid #ccc;border-left:0}
}
@media screen and (max-width:1090px) and (min-width:768px){
	.prfAgree2{min-height:180px}
	.borBox3.debt .col-sm-7,.borBox3.debt .col-sm-5{float:none;width:100% !important}
	.borBox3.debt .col-sm-5.borL_left{border-top:1px solid #ccc;border-left:0}
	.inbox.juso > ul{margin-top:-30px}
}
@media screen and (max-width:768px)
{
	.mainBan,.mainBan2{width:100%}
	.ban03{padding-bottom: 0;height:160px}
	.main_banners{margin:0 -5px;overflow: hidden;padding:5px}
	.cir_go{position: absolute;bottom:20px;}
	.gallCarInner > img,.gallerIMG > #gallCarousel{width: 100%;height:auto}
	.mainBox.mainCntcontsecond{margin-bottom:10px}
	.mainBox{margin:0 0 15px 0}
	.li_app > a > div{margin:10px auto;float:none}
	.li_app > a{text-align: center;margin-top:0}
	.li_app > a > span{margin:0;padding:0;width: 100%;text-align: center}
	.pls_cir{width: 160px;height: 160px; display: inline-block;}
	.ico_plus{width:40px;height:160px}
	.li_cir{width: 180px; text-align: center;}
	.borBox3.circleBox .li_flt > li{text-align: center}
	.loginWrap.sangim{width: 100%;}
	.bg_login{margin-top:0;margin-bottom:20px}
	.graphWrap.borBox2{padding:0;border:0}
	.graphBody,.graphInnerWrap{padding:5px}
	.d3grpWrap .col-sm-6{padding:0 !important;margin-bottom:30px}
	.foot_bot .bot_logo{margin:0 auto;}
	.jusofaxWrap{position: relative;}
	.footSite{position: absolute;left:0;top:-10px;z-index:15}
	.footMenu .col-sm-4,.footMenu .col-sm-8{width: 100%;}
	.ani_txt dt{padding:0 0 10px}
	.selectOnly{margin-right:0}
	
	.mainBan, .mainBan2{margin-top:14px}
	.custom{height:303px}
	/*.arrDown.mintbor{background: url(../img/common/prc_arr_bot_mint.png) center 0 no-repeat;}*/

	#mainWrap3.container{width:640px}
	.pasanStepWrap > .li_flt{width:456px;}
	table td > .btn{min-width:102px}
	
	.gongsiIcon > li{margin:4px}
	.gongsiIconWrap{margin:0 -4px}
	.dynamicTr .form-inline .form-group:first-child{margin-bottom:5px}
	#leftTab .tabs-left > .nav-tabs > li > a{padding:0 15px}
	.innerlaw .btn{display:block;width:118px;margin:10px auto 0 auto}
}
@media screen and (min-width:521px) and (max-width: 767px){
	.main3secondRow{position: relative;}
	.main3secondRow > .col3-first{width:300px;position: absolute;top:0;left:0}
	.main3secondRow > .col3-second{float: none;width:auto;min-width: auto; overflow: hidden}
	.main3secondRow > .col3-second > .shadowBox{width:auto;margin-left:0}
	.main3secondRow > .col3-third{float:none;margin-top:-15px}
	.onlinePhoto span{line-height:auto;}
	.col3-third > .onlinePhoto {width:auto;float:none;height:auto;}
	.main3secondRow > div > .yeahbosq.shadowBox{width:auto;float:none}
	#leftTab .tabs-left > .nav-tabs > li > a{width:80px;padding:0 15px 0 8px;letter-spacing: -2px;font-size:1.4rem}
	#leftTab .tabs-left > .nav-tabs > li.active > a{background-position:57px center}
	#leftTab .tabbable.tabs-left .tab-content{margin-left:80px;padding:20px 10px}
	.leftTabTxt > .tit > span{font-size: 1.6rem}
	#mainWrap3.container{width: 100%}
	.frequMn .li_app{width:25%}
	#appSearchWrap{height:230px;}
	.mainCntcontsecond2 > .shadowBox{min-height:auto}
}

@media screen and (max-width:580px){
.graphBody .col-sm-4{width:100%;}
}

@media screen and (min-width:100px) and (max-width:520px){
	html{font-size:5px}
	.bigico01{position: relative;margin:0 auto 10px auto;float:none;display: block}
	.bigico02{position: relative;margin:0 auto 10px auto;float:none;display: block}
	.pArea{margin-left:0;padding-left:0}
	.calTop{height: 80px;}
	.ico_left{text-align: center}
	.view.writeform td .selectBox .selected_Txt{width:150px}
	.calBox{width:100%;margin:0 auto;}
	section{display: block;margin-bottom:4rem}
	.mnsec > .selected > a > .nav_ico{display: none}
	.mnsec > li > a{font-size: 1.5rem; letter-spacing: -2px;height:49px;line-height:50px;padding:0}
	.kdicMn > .container{padding:0;}
	.img_auto > img{width: 100%}

	.subtxt{font-size:17px;padding-top:10px;margin:0 auto;width:280px}
	.slogun{font-size: 28px;margin-top:20px}
	.freq01 + span{width:90%; display: inline-block;}
	.tabbable .nav-tabs > li.active > a,.tabbable .nav-tabs > li.active > a:hover,.tabbable .nav-tabs > li.active > a:focus,.tabbable .nav-tabs > li > a{padding:0 10px;letter-spacing: -1px}
	.box2_1 .li_flt li{margin:0 }
	.finish{background-size:contain;padding-left:120px;height:100px; display: inline-block;margin:0 auto;}
	.finish > .dis_td{height: 100px}
	.botBtnArea > .btn,.btnAreaCmid > .btn{margin:5px 0}
	.btn{width: 100%;margin:5px 0}
	.bbs_list.writeform .btn{width:auto}
	.inputwrap {display: block;width: 100%;margin-bottom: 5px}
	.search_date{padding:0 0 70px 0 }
	.search_date > .totalSearch{bottom:0;margin:10px 0}
	.search_date .dl_tbl{width:100%}
	.tblWrap > .view.writeform{width: 100%}
	/*.view.writeform td,.view.writeform th{display: block;width:100% !important; overflow: hidden;height: auto !important;min-height:35px;border-right:0 !important;}*/
	.view.writeform tbody th, .view.writeform tbody td{padding:7px 5px}
	.satiBox.box2_1{padding: 10px}
	.sati_option div > label{display: block}
	.satiBox .topBox{padding: 0;margin:}
	.threeBoxes .borBox2{height: auto;}
	.searchWrap{padding:20px}
	.searchWrap > .search_in {width: 100%}
	.searchInput.autoCal > .selec_lv,.searchInput .s_btns{position: relative;}
	.searchInput.autoCal{padding:0}
	.searchInput{padding-right: 0 !important;}
	.btnLoginPop{width:30%}
	.li_step{width: 100%}
	.stepRound{width:100%}
	.loginWrap {margin:50px auto}
	.logRight{height: auto}
	.li_btn {width: 100%}
	.li_btn li{margin:0;width: 100%;float:none;clear: both; display: block;}
	.processWrap.organ .process.mint{margin:0 0 5px 0 !important;width: 100% !important;clear:both}
	.pasanStepWrap{padding:20px 15px;}
	.li_pasanWrap{margin-left:0;width: 170px;}
	.pasanStepWrap > .li_flt{width:170px;overflow:hidden}
	.procDownWrap > .process{width: 100%}
	.yearTit,.hisCont{padding-left:10px}
	.yearTit{font-size:3rem}
	.howtoway .inbox{padding:85px 15px 15px 15px;background-position:center 20px;height: auto;}
	.inbox.tel > ul,.inbox.juso > ul{position: relative;margin:0 auto;left:0}
	.inbox.tel > ul.krncJuso{margin-top:5px}
	.greeting img{width:auto;float:none;width: 100%;max-width:393px;margin:0 auto 20px auto}
	p.greetTxt{font-size: 1.8rem}
	.wiposiWrap{width: 50%}
	.moralWrap{width: auto !important}
	.moralWrap .org-l, .moralWrap .gamsa,.moralWrap .ceoDesc{width: 100%}
	.moralWrap .ceo2{display: block}
	.moralMid .lineL,.moralMid .lineR{float:none;width: auto !important;background: none}
	.moralMid{width: auto !important;background: none;padding-top:0}
	.moralWrap .organLineC{background: none;}
	.moralMid .botLine,.moralWrap .moralBot{background: none !important;padding-bottom:0 !important}
	.gamsaTxt{padding:0;margin-top:20px}
	.centerLine{display: none}
	.happyOranBot > .lineL,.happyOranBot > .lineC,.happyOranBot > .lineR{background: none}
	.happyDirWrap{width:100%;padding-top:20px}
	.happyOranBot > div{float:none;width:100%;}
	.moralMid.happyOran > div{padding-top:20px}
	.happyOran{height: auto}
	.graphTbl{width:100%;padding:0}
	.graphTblWrap{margin:0}
	.onlySelecWrap > .btnOne.searchInput{padding:0}
	.searchInput.bankDw{padding:0 0 0 85px;}
	.bankDWwrap{padding:0}
	.graphTblWrap.threeTbl > .graphTbl{width:100%;}
	.bankSearch{overflow: hidden; width:90%;margin:0 auto}
	.bankSearch > .searchInput{padding:0 0 0 80px}
	.yymm{margin:0 20px;font-size: 3rem}
	.lineGrpBox.graphtwo,.lineGrpBox.graphthree{width:100%;float: none}
	.lineGrpBox{margin-top:20px}
	.th_right .btn{width: auto}
	.th_right,.th_left{float:none;width: 100%}

	/* tabMenu */
	.tabbMenu{border:1px solid #ccc; position: relative;height:39px;z-index:5;margin-bottom: 20px}

	.tabBtnR{background:url(../img/mobile/tab_arr.png) center center #3c84d6 no-repeat;background-size: 50%;width:37px;height:37px;border:0;position: absolute;right:0;top:0;display: block}
	.tabbableBox > .nav-tabs > li{margin:0;display: none;border: 0;width: 100%}

	.tabbableBox > .nav-tabs > li.active > a{color:#3c84d6;border: 0}
	.tabbableBox > .nav-tabs > li.active{display: block}
	.tabbableBox.openLi > .nav-tabs > li{display: block;}
	.tabbableBox.openLi{height: auto;background: #fff; border:1px solid #ccc;margin:39px -1px 0 -1px}
		.type_button.tabbable .nav-tabs > li{width: 33.333%}
	/* tab 2nd
	.tabbable.type_button{border:1px solid #ccc;margin-bottom:20px}
	.type_button.tabbable .nav-tabs{padding:0;margin:0;border:0}

	.type_button.tabbable .nav-tabs > li:last-child{border-right:0}
	.type_button.tabbable .nav-tabs > li > a{background: #fff;margin:0; text-align: center;border-radius: 0}
	.type_button.tabbable .nav-tabs > li.active > a{background:#1d3454;}*/
	.graphSearch .onlySelecWrap{width: 100%}
	.fileList > a{display: block}
	.grayBox{padding:10px 15px}

	.ani_img,.ani_txt{float:none}
	.ani_img{margin-right: 0}
	.ani_txt dt{padding:10px 0}
	.pageAdWrap .col-sm-3{width:100%}
	.pageadView > .pageAdL{position: relative;text-align: center}
	.pageadView > .pageAdR{margin-left:0;margin-top:15px;height:150px}
	.pageAdR .movieScript{padding:15px;height:148px}
	.happy_listWrap > .col-sm-4{width:100%;float:none;height:auto}
	.happyphotoBox{margin:15px auto}
	.happy_listWrap{margin:0}
	.payprocess > img{margin-left:0;width: 100%}
	.judgeBox{width:100%}
	.jud_txt{left:20%}
	.judgeBox .judgeInner > h6{background-position: -15px bottom !important; }
	.jud_txt{font-size: 1.8rem}
	.jud_txt > span{margin-right: 0}
	.judgeInner > ul{margin-left:10px}
	.judgeBox{margin:0 0 30px}
	.judgeBox:last-child{margin-bottom: 0}
	.winwonPosi.third{margin-left:0}
	.winwonPosi.fourth{margin-left:-100%}
	.main2firstRow{margin-top:0}
	.li_three > .li_app > a > img{width: 90%;margin-bottom:5px}
	.main2secondRow > .col-second > .shadowBox{height:270px;}
	#mainWrap3.container{width:335px}
	.col3-first,.col3-second{width: 100%}
	#cardNewsWrap{width:300px}
	.col3-third .shadowBox,.col3-second .shadowBox{height: auto;width:300px !important}
	.onlinePhoto span{line-height: 30px}
	.btn + .btn{margin-left:0}
	.btnBothside .btnLeft,.btnBothside .btnRight{width:100%;float: none}
	.form-control-static.mbFull{width: 100%}
	.viewerWrap > .row > .col-sm-6{overflow: hidden;padding:15px 0 10px}
	.viewIco{width:100px;height:100px;margin-top:-50px}
	.viewerDown{margin-left: 115px;}
	.viewBox{margin:5px;;min-height:100px}
	.softDw > .btn{margin:0}
	.viewerWrap > .row > .col-sm-6,.viewerWrap > .row > .col-sm-6:first-child{padding:10px 0 15px}
	.viewerDown{margin-top:0}
	.viewerDown > .sub_tit{margin-top: 0}
	.main3secondRow > .col3-first {position: relative;}
	.main3secondRow > .col3-second{width: 100%;padding-left:0}
	.main3secondRow > .col3-second > .shadowBox{margin-left:15px}
	.lineGrpWrap .borBox2{padding:0;}
	.lineGrpWrap .lineGrpBox.graphtwo:first-child{margin-top:0}
	
}

@media screen and (min-width:100px) and (max-width:420px){
	.judgeBox{margin:0 0 30px}
	.jud_txt{font-size: 1.7rem}
	.jud_txt{left:15%}
	.judgeWrap{padding:0;border:0}
	.judgeInner > ul{margin-left:0}
	.innerBody{padding:10px}
	.gonggong > a > img{width: 90%}
	#mainWrap2 .freqeA {letter-spacing: -2px;font-size: 1.4rem}
	#mainWrap2 .li_three .li_app > a{margin:5px}
	#mainWrap2 .li_three > .li_app > a > img{width:85%;max-width: 100px}
	#mainWrap2 .li_three{margin-top:10px;}
	.thirdInner{padding-bottom:70px}
	.noti_top{padding-left:90px;background-size: 80px 80px}
	.li_freq a{font-size: 1.5rem}
	#mainWrap3.container{width: 335px}
	.main2secondRow > .col-second > .shadowBox{height:240px}
	.gongsiIconWrap{margin:0 -10px}
	.gongsiIcon > li{margin:10px;width:152px;height:152px}
	.gongsiIcon > li > a{width:150px;height:150px}
	.dl_gosiIcon > dd > .icons{background-position:center 25px}
	.dl_gosiIcon > dd{height:100px}
	
}
@media screen and (min-width:100px) and (max-width:450px){
	.telNum .dl_tbl > dt.krncTel,.telNum .dl_tbl > dd{display:block}
	.telNum .dl_tbl > dd{display:block;padding-left:45px}
	.box2_2 {margin-top:30px;}
}
@media screen and (min-width:100px) and (max-width:320px){
	.box2_2 {margin-top:10px;}
	.img_L > img{width: 100%;}
	.li_three > .li_app > a > img{width:auto}
	.col-second .li_three > .li_app{float:none;width: 100%}
	.main2secondRow > .col-second > .shadowBox{height:auto}
	.li_three .li_app{margin-bottom:30px}
	.li_three .li_app .freqeA{margin-top:10px}
	.mainslide > .shadowBox{width: 275px;height: 360px}
	.mainslide > .shadowBox .slide_img,.mainslide > .shadowBox .slide_img > img{width:100%}
	#mainWrap3.container{width: 310px}
	#cardNewsWrap{width: 275px}
	.col3-third .shadowBox, .col3-second .shadowBox{width: 275px !important}
	.mainslide{height: 365px}
	.main3secondRow > div > .shadowBox,.main3secondRow > div > .yeahbosq.shadowBox{margin:10px 15px}
	#leftTab{margin-top:20px}
	.yeahbosq .frequMn > dd{padding:10px 20px}
	.gongsiIconWrap{margin:0 -3px}
	.gongsiIcon > li{margin:3px;width:142px;height:142px}
	.gongsiIcon > li > a{width:140px;height:140px}
	.dl_gosiIcon > dd > .icons{background-position:center 25px}
	.dl_gosiIcon > dd{height:105px}
	.dl_gosiIcon > dt > span.line2{font-size:1.4rem}
	.dl_gosiIcon > dt{font-size:1.5rem}
}

.ellipsis2{ display: block;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;}
		    
.mainBan{width:220px;height:85px;color:#fff;font-size: 17px;font-weight: 500;line-height:85px;padding-left:25px;float:left;letter-spacing:-1px;}
.ban01 > a,.ban02 > a,.ban03 > a,.ban04 > a,.ban01 > a:hover,.ban02 > a:hover,.ban03 > a:hover,.ban04 > a:hover{color:#fff}
.ban01{background: url(http://www.kdic.or.kr/resource/img/main/banMn01.png) right 18px #e55e4a no-repeat;margin-right:30px;margin-bottom:30px;}
.ban02{background: url(http://www.kdic.or.kr/resource/img/main/banMn02.png) right 24px #4f98e9 no-repeat;margin-right:30px;margin-top:0;}
.ban03{background: url(../../resource/img/main/banMn03.png) right 18px #08b2ac no-repeat;position:relative;margin-bottom:30px;}
.ban04{background: url(../../resource/img/main/banMn04.png) right 18px #6f3aa1 no-repeat;position:relative;padding-top:15px;line-height:normal;}

@media screen and (max-width:1200px){
	#mainWrap .ban02{margin-top:0px}
	#mainWrap .contthird{min-height: 290px}	
	#mainWrap .mainBan.ban01, #mainWrap .mainBan.ban03{margin-bottom:15px;margin-top:0;}
}

@media screen and (max-width:1171px){
	.mainBan.ban01, .mainBan.ban03,
	.mainBan.ban02, .mainBan.ban04{margin-bottom:15px;margin-top:0;}
}

@media screen and (max-width:991px){
	#mainWrap .main_banners{margin-top:10px}
	.mainBan{width:100%;}
	.mainBan.ban04{line-height:82px;margin-bottom:0px;padding-top:0;}
	.mainBan.ban04 br{display:none;}
}

@media screen and (max-width:768px){
	.mainBan{width:100%}
	.mainBan.ban03{padding-bottom:0;}
}