@charset "utf-8";
@font-face {
font-family: 'S-CoreDream-4Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* 여백 초기화 */
body,div,ul,li,dl,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select,table,
th,td,tr,textarea,button,form{margin: 0; padding: 0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
hr{display:none;}
a{cursor:pointer;text-decoration:none; color:#666;}
address{font-style:normal;}
html, body, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, span {margin:0; padding:0; list-style:none; }
img, table {border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {color:#666; text-decoration:none;}
a:hover {color:#000;}
body { font-size:13px; line-height:19px; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; color:#555; letter-spacing:-0.3pt}
input, textarea, select {font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; color:#555;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}
input,select,img{vertical-align:middle;}
.input_search {border:0; background:none; height:25px; width:180px; font-size:12px; color:#666; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
/* 레이아웃 */
#wrap {width:100%; min-width:1200px}
/* 메뉴 */
.mvisual{position:relative;background:url(../images/main00.jpg) repeat-x; height:785px; width:100%;}
.visual{position:relative; height:785px;width:1200px;margin:0 auto}
.visual a{ color:#fff !important; }
.slider{padding-top:179px;}
.slide_wrap h1{font-size:55px; color:#333 !important; text-shadow: 0px 3px 3px rgba(255,255,255,0.8), 0px -1px 1px rgba(255,255,255,0.8); text-align:center;width:1085px; }
.slide_wrap h3{font-size:35px; color:#333 !important; font-weight:600; padding-top:50px; text-shadow: 0px 3px 3px rgba(255,255,255,0.8), 0px -1px 1px rgba(255,255,255,0.8);text-align:center; width:1085px;}
.slide_wrap h3 span{font-size:30px; color:#333 !important; font-weight:600; margin-top:190px; }
.move_txt {opacity:0;margin-left:-5px;position:absolute;top:300px;left:50px; line-height:24px; background:#698dc0; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt a{ color:#fff !important; }
.move_txt2{opacity:0;margin-left:-5px;position:absolute;top:300px;left:270px; line-height:24px; background:#996ca7; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt3{opacity:0;margin-left:-5px;position:absolute;top:300px;left:490px; line-height:24px; background:#ee9800; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt4{opacity:0;margin-left:-5px;position:absolute;top:300px;left:710px; line-height:24px; background:#60be85; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt5{opacity:0;margin-left:-5px;position:absolute;top:300px;left:930px; line-height:24px; background:#f07f98; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt6{opacity:0;margin-left:-55px;position:absolute;top:510px;left:50px; line-height:24px; background:#d4c33b; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt7{opacity:0;margin-left:-55px;position:absolute;top:510px;left:270px; line-height:24px; background:#81ca2d; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt8{opacity:0;margin-left:-55px;position:absolute;top:510px;left:490px; line-height:24px; background:#2dc6c9; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.move_txt9{opacity:0;margin-left:-55px;position:absolute;top:510px;left:710px; line-height:24px; background:#fa7753; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px; width:205px;}
.move_txt10{opacity:0;margin-left:-55px;position:absolute;top:510px;left:930px; line-height:24px; background:#8874f0; padding:20px 25px; color:#fff !important; font-weight:600; font-size:19px; cursor:pointer; display:block; height:195px;width:205px;}
.slide_wrap{position:relative;width:900px;height:473px; top:50px; left:60px}
.slide a{display:none;width:800px;height:473px;position:absolute;top:30px;left:0;}
.idx_button{position:absolute;top:580px;left:100px;}
.idx_button a{margin-right:10px;width:15px; height:15px; background-image:url('../images/rolling_btn_off.png');background-position:center center;display:inline-block;}
.idx_button.active{background-image:url('../images/rolling_btn_on.png');}
#contents_m{ width:1200px; padding:0px 0 40px 0; margin:0 auto; overflow:hidden; position:relative; }
.contents1{position:relative; width:1200px; margin:20px auto; overflow:hidden; padding-bottom:10px;}
.contents2{position:relative; width:1200px; margin:30px auto; overflow:hidden; margin-bottom:-30px;}
.product{position:relative;float:left;width:1200px;height:370px; padding-bottom:0px; padding-top:10px; border-top:#183884 solid 3px; margin-bottom:-56px; }
.product h1{ position:relative; font-size:19px; color:#183884; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 10px 0px; }
.product_ban{position:relative;float:left;width:1200px;height:703px; padding-bottom:0px; padding-top:10px; border-top:#183884 solid 3px; margin-bottom:-56px; }
.product_ban h1{ position:relative; font-size:19px; color:#183884; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 10px 0px; }
.noticemain{position:relative;float:left;width:350px;height:135px; padding:10px 0 0px 0px; margin-LEFT:0px; background:url(../images/bar.png) top left no-repeat; margin-right:10px;}
.noticemain h1{ position:relative; font-size:19px; color:#1255a0; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 15px 0px;}
.setmain1{position:relative;float:left;width:500px; height:270px; padding:0px 0px; }
.setmain1 h1{ position:relative; font-size:22px; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt; padding:20px 0px 20px 0px;}
.setmain1 ul li {float:left; width:144px; height:100%; margin:0 9px; padding:0; text-align:center; overflow:hidden; box-sizing:border-box; }
.setmain1 ul li img {width:100%; }
.setmain1 ul li a { display:inline-block; width:100%; text-align:center;}
.setmain1 ul li .summary dl {position:relative; width:100%; padding:5px 25px; }
.setmain1 ul li .summary dl dt {height:15px; line-height:20px; color:#000; font-size:13px; }
.setmain1 ul li .summary dl dd {padding-bottom:30px; color:#777; font-size:1em; }
.setmain2{position:relative;float:left;width:160px;height:200px; text-align:center; padding:10px 10px; margin-bottom:20px; border:#ddd 1px solid ; margin-right:5px; cursor:pointer;}
.setmain2 h1{ position:relative; font-size:20px; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;color:#153e6f; font-weight:500; letter-spacing:-0.7pt; padding:15px 0px 10px 0px;}
.setmain2 p.cs_n {margin-bottom:20px; font-size:16px; color:#555; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;}
.setmain2 .imgab{margin:0px 0; color:#153e6f!important; }
.setmain2 .gogo{display:block; font-size:41px; color:#db3b3b; margin-bottom:10px;margin-top:15px;}
.setmain2 .mT20{margin-top:20px;}
.setmain3{position:relative;float:left;width:160px;height:200px; text-align:center; padding:10px 10px; margin-bottom:20px; border:#ddd 1px solid ; margin-right:5px; cursor:pointer;}
.setmain3 h1{ position:relative; font-size:20px; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;color:#153e6f; font-weight:500; letter-spacing:-0.7pt; padding:15px 0px 10px 0px;}
.setmain3 p.cs_n {margin-bottom:20px; font-size:16px; color:#555; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;}
.setmain3 .imgab{margin:0px 0; color:#153e6f!important; }
.setmain3 .gogo{display:block; font-size:41px; color:#db3b3b; margin-bottom:10px;margin-top:15px;}
.setmain3 .mT20{margin-top:20px;}
.setmain4{position:relative;float:left;width:340px; height:200px; padding:10px 20px; border:#ddd 1px solid ; cursor:pointer;}
.setmain4 h1{ position:relative; font-size:19px; color:#333; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 5px 0px;}
.setmain4 p{display:block; font-size:14px;}
.setmain4 p.cs_t { font-size:28px; color:#183884; line-height:1.2; font-weight:600; padding:5px 0px 7px 80px;}
.setmain4 p.cs_b {padding-bottom:5px; font-size:20px; color:#0053a6; font-weight:600; padding:5px 0px 5px 0px;}
.setmain4 p.cs_f { font-size:20px; color:#333; font-weight:600; padding:5px 0px 7px 80px;}
.setmain4 p.cs_e { font-size:16px; color:#333; font-weight:600; padding:0px 0px 10px 80px;}
.setmain4 .imgab{position:absolute; left:20px; top:50px; color:#333!important; }
.setmain4 .gogo{display:block; font-size:11px; color:#183884; text-decoration:underline;margin-bottom:30px;margin-top:15px;}
.setmain4 .mT20{margin-top:20px;}
.business_area {width:100%; max-width:1200px; margin:0 auto 10px;}
.business_area ul li {float:left; width:24%; height:100%; margin:0 5px; padding:0; text-align:center; overflow:hidden; box-sizing:border-box; }
.business_area ul li img {width:100%; }
.business_area ul li a { display:inline-block; width:100%; text-align:center;}
.business_area ul li .summary dl {position:relative; width:100%; padding:10px 25px; }
.business_area ul li .summary dl dt {height:40px; line-height:60px; color:#000; font-size:17px; }
.business_area ul li .summary dl dd {padding-bottom:30px; color:#777; font-size:1em; }
/** 서브 */
/* 서브플래시 */
.subtop {width: 100%; height: 230px; background:url(../images/main01.jpg) }
.subfla { position:relative; width: 1200px; height: 230px; margin: 0px auto; background:url(../images/sub.png) center center no-repeat; }
.smove_img{opacity:0;margin-top:-25px;position:absolute;top:20px;left:0px}
.smove_img h2 { width:1190px; line-height:1.3; margin:0 0 0 0; font-size:2.7em; font-weight:700; text-shadow: 0px 0px 0px #333; color:#606970; text-align:center; margin-bottom:-15px; margin-top:9px; }
.smove_img hr { display:inline-block; width:59px; height:2px; background:#fff; margin:16px 0 0 0; }
.smove_img p {width:1190px; font-size:19px; line-height:1.5; margin:10px 0 0 0; font-weight:500; color:#606970; text-align:center; margin-top:32px; }
.smove_img .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:133px; height:33px; border-radius:10%; background:#000 no-repeat center; }
.smove_img .btn_more:hover {background-color:#000; border-color:#000 }
.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:20px;left:801px; }
.subcontent {width: 970px; padding-left:35px; position:relative; float:left; }
/* 좌측메뉴 */
.lnb { float:left; width:220px; padding-bottom:50px; }
.lnb h3 { padding:45px 0 45px 0px; background:#183884; text-align:center; font-size:25px; line-height:25px; color:#fff; font-weight:600 }
.lnb h3 p.stit{color:#bccfde; font-size:13px; letter-spacing:0.3pt; margin-bottom:7px; font-weight:600 }
.lnb ul { margin-bottom:20px; }
.lnb li { border-bottom:1px solid #ddd; position:relative; }
/* 텍스트 메뉴 */
.lnb li a { padding:12px 10px; display:block; color:#333; font-size:15px; font-weight:600; }
.lnb li:hover a, .lnb li.active a { color:#183884; padding:12px 10px; font-size:15px; font-weight:600; background: #f8f8f8 url('../images/arrow_01.gif') 220px 16px no-repeat;}
/*depth_3*/
.lnb ol.depth_3{ color:#333; background: #fafafa; border-bottom:1px solid #ddd; padding:5px 0 0px 10px;}
.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:13px; padding: 5px 8px;}
.depth_3 dd a:hover{display:block; color:#333;}
.depth_linktop{color:#fff !important; }
.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
.lnb_common dl{ border:1px solid #ddd; background:url(../../images/tel.jpg) no-repeat right 130px; padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common dl dt{ position:relative; color:#183884; font-size:17px; font-weight:600;line-height:30px;padding:27px 0 0 0;letter-spacing:-0.5px;}
.lnb_common dl dd.tit{ font-size:11px; font-weight:600; color:#000; padding-top:8px; letter-spacing:-0.5pt;}
.lnb_common dl dd.tel{ font-weight:700;font-size:24px; color:#000;line-height:25px; padding-top:8px}
.lnb_common dl dd.fax{font-size:19px; font-weight:600; color:#000; padding-bottom:8px; padding-top:5px}
.lnb_common dl dd.email{font-size:19px;color:#000; font-weight:500; padding:0px 0 10px 0; margin-top:-1px;}
.lnb_common2 dl{ border:1px solid #ddd;padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common2 dl dt{ position:relative; color:#00002e; font-size:17px; font-weight:600;line-height:30px;padding:10px 0 0 0;letter-spacing:-0.5px;}
.lnb_common2 dl dd.tit{ font-size:15px; font-weight:600; color:#000; padding-top:8px}
.lnb_common2 dl dd.bank{ font-weight:700;font-size:20px; color:#183884;line-height:25px; padding-top:0px}
.lnb_common2 dl dd.nam{font-size:17px; font-weight:600; color:#707070; padding-bottom:8px; padding:8px 0}
.lnb_banner {border:1px solid #ddd; padding:2px;color:#666; margin-top:5px}
.page-title{ border-bottom:#ddd solid 1px; position:relative; padding:33px 0 20px; margin-bottom:13px }
.page-title-text { font-size:25px; font-weight:600; color:#313131; }
.page-navi { float:right; margin:5px 0 5px; }
.sub_com{ padding-top:10px; margin-top:10px; }
.txt1 { font-weight:600; font-size:17px; padding-top:10px; color:#006699; padding-left:20px; background:url(../../images/tit_icon2.gif) no-repeat left 13px}
.txt0 { font-weight:600; font-size:20px; padding-bottom:10px; color:#006699}
.txt2 {line-height:25px; padding-bottom:10px; padding-left:15px}
.txt2 li { padding:5px 15px; background:url(../../images/point.gif) no-repeat left}
.txt3 { font-weight:600; padding:5px 0; padding-bottom:10px;}
.txt4 { font-weight:600; padding:5px 0; color:#006dc9;}
.txt5 { padding:0px 15px}
.txt5 li { background:url(../../images/point.gif) no-repeat left 12px; line-height:25px; padding:0px 10px; }
.greeting_con2{position:relative; overflow:hidden; background:url('../../images/greeting2.jpg') right bottom no-repeat; height:450px; width:840px}
.table_style{width:60%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #000;}
.table_style th{color:#000; text-align:center; padding:8px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 20px; line-height:180%; color:#666;}
.bmar_50{margin-bottom:10px;}
/* 서브메뉴 3개*/
.tab_1{width:1200px; margin:0 auto; position:relative; overflow:hidden; padding-top:30px; }
.tab_1 ul{position:relative; overflow:hidden; border-left:1px solid #ddd;}
.tab_1 li{float:left; width:33%; text-align:center; background:#fff; border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:3px solid #ddd; margin-left:-1px; font-size:17px;}
.tab_1 li a{display:block; padding:19px 0;}
.tab_1 li:hover a{color:#3f4052; background-color:#f5f5f5; font-weight:600}
.tab_1 li.on:hover a{color:#fff; background-color:#1a82ba;}
.tab_1 li.on {background:#1a82ba; color:#fff; border:1px solid #1a82ba; font-weight:600}
.tab_1 li.on a{color:#fff; }
/* 서브메뉴 4개*/
.tab_2{width:1200px; margin:0 auto; position:relative; overflow:hidden; padding-top:30px; }
.tab_2 ul{position:relative; overflow:hidden; border-left:1px solid #ddd;}
.tab_2 li{float:left; width:25%; text-align:center; background:#fff; border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:3px solid #ddd; margin-left:-1px; font-size:17px;}
.tab_2 li a{display:block; padding:19px 0;}
.tab_2 li:hover a{color:#3f4052; background-color:#f5f5f5; font-weight:600}
.tab_2 li.on:hover a{color:#fff; background-color:#1a82ba;}
.tab_2 li.on {background:#1a82ba; color:#fff; border:1px solid #1a82ba; font-weight:600}
.tab_2 li.on a{color:#fff; }
#foot {width: 100%;border-top-width: 1px; border-top-style: solid; border-top-color: #ddd; color: #333; }
#foot .footer{position:relative; margin:0 auto; overflow:hidden; width:1200px; padding:30px 0;}
.footer h2{float:left; width:280px;}
.footer ul{float:left; text-align:center; width:800px;}
.footer li{padding-bottom:5px; font-size:13px; color:#333; text-align:left; padding-left:33px;line-height:-5; }
.footer li.copy{color:#333; }
.footer h3{float:right; text-align:right; font-size:13px; font-weight:600; width:200px;}
/* 게시판 소스 */
h5{ color:#1567cb; font-weight:500; font-size:16px; text-indent:0px; padding: 0px 0 0px; }
h4{ color:#333333; font-weight:700; font-size:22px; text-indent:10px; padding: 5px 0 10px; }
.table_style2 {width:940px; border-collapse:separate; border-top:1px solid #0069b3; border-left:1px solid #ddd; border-spacing:0px;}
.table_style2 th {color:#333; text-align:center; padding:5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f6f6f6}
.table_style2 th.last{border-right:none}
.table_style2 td {text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px;}
.table_style2 td.last{border-right:none}
.table_style2 td.left {text-align:left; }
.table_style2 td.left_indent {text-align:center; padding:9px 0px 9px 0px;}
.table_style 2td.num {background:#f9f9f9;}
.table_style2 td.yellowBg {background:#fffff3;}
.table_style1 {width:100%; border-collapse:separate; border-top:1px solid #ddd; border-left:1px solid #ddd; border-spacing:0px;}
.table_style1 th {color:#333; text-align:center; padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f6f6f6}
.table_style1 th.last{border-right:none}
.table_style1 td {text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:9px;}
.table_style1 td.last{border-right:none}
.table_style1 td.left {text-align:left; }
.table_style1 td.left_indent {text-align:center; padding:9px 0px 9px 0px;}
.table_style1 td.num {background:#f9f9f9;}
.table_style1 td.yellowBg {background:#fffff3;}