﻿a.more {position:absolute; right:-1px; top:-1px; background:#bcbcbc; width:34px; height:34px; font-size:38px; line-height:85%; font-weight:400; color:#fff !important; text-align:center; vertical-align:middle;}
h2.main_title {font-size:18px; color:#373737; text-align:left;}
h2.main_title span {color:#183f97;}

.box_border {float:left; border:#ececec 1px solid; height:100%; position:relative; }
a.more {position:absolute; right:-8px; top:17px;   background:url(../img/main/btn_more.gif) 0 0 no-repeat; padding:10px; margin-top:5px; }


/* 상단 이미지 */
.main_top_img {clear:both; height:405px; background:url(../img/main/main_img01.jpg) 0 0 no-repeat;}


/* 내용 */
.main_step01 {margin:45px 0 0px 0; }
.main_step02 {margin:45px 0 0 0; background:#f5f5f5;}


/* 증명서 발급 */
.main_left {position:relative; display:block; width:266px; margin-right:30px;}
.main_left > h2 {padding:17px 10px 8px 15px; .padding:10px; font-weight:600; }



/* 중앙 게시판 */
/*.main_mid {float:left; padding:26px;  margin-right:30px; width:410px; .width:360px; .height:190px; text-align:left;}
.main_mid a.more {top:32px; right:5px;}
.main_mid a.tab {background:#ebebeb; font-size:15px; color:#222; font-weight:600; width:155px; padding:7px 0; text-align:center; display:inline-block; }
.main_mid a.tab_on,
.main_mid a.tab:hover {background:#1848ad; color:#fff;}
.main_mid ul {padding-top:20px; .padding-top:10px;}
.main_mid ul li {clear:both; color:#555; line-height:200%; .line-height:100%; font-weight:13px; }
.main_mid ul li a {color:#555;}
.main_mid ul li a:hover {color:#000;}
.main_mid ul li span {float:right; color:#b7b7b7;}
 */
 


/* 은행계좌 */
.main_right {float:left; padding:23px; .padding:0 20px; background:#ebebeb; width:256px; .width:206px; text-align:center;}
.main_right img {margin-bottom:15px; .margin-top:25px;}
.main_right h2 {text-align:center; font-weight:800;}
.main_right h3 {font-size:15px; color:#292929; font-weight:600; line-height:180%;}
.main_right h3 span {color:#1660a1;}


/* 롤링 */
.popup_zone {width:100%; height:220px; background:#fff; text-align:center; margin:40px 0px;}
.popup_zone h2 {position:absolute; top:0; left:0; line-height:400%; margin-bottom:0px;}
.popup_zone h2 hr {position:absolute; background:#000; border:0; height:3px; width:65px; margin:0; top:0px}
.popup_zone a {position:absolute; text-align:center;}
.popup_zone a.btn_left {float:left; left:0; top:50%;}
.popup_zone a.btn_right {float:right; right:0; top:50%;}
.popup_zone > div { width:1000px; margin:0 auto; text-align:center;}


/* 2018-08-09 추가 */
.main_con { position:relative; width:100%; background:#f5f5f5; min-height:355px; padding:37px 0;}
.clearfix { display:block;}

/* 배너 영역*/
.section03_01{float:left;width:370px; }
.section03_01 .cont_box{width:370px;height:133px;}
.section03_01 .cont_box a {display:block;float:left;width:185px;height:133px;padding-top:91px;box-sizing:border-box;color:#fff; font-size:18px; font-weight:bold;line-height:15px;text-align:center;transition:all 0.4s;}
.section03_01 .cont_box a.s2 {background:#2f4359 url(/dbimage/bnuegifted/WebData/img/main/main_ba_ico01.png ) center 30px no-repeat;}
.section03_01 .cont_box a.s2:hover, .mc_service_banner02 a.s2:focus {background:#2b333b url(/dbimage/bnuegifted/WebData/img/main/main_ba_ico01.png) center 34px no-repeat;}
.section03_01 .cont_box a.s3 {background:#00907f url(/dbimage/bnuegifted/WebData/img/main/main_ba_ico02.png ) center 30px no-repeat;}
.section03_01 .cont_box a.s3:hover, .mc_service_banner02 a.s3:focus {background:#007d6e url(/dbimage/bnuegifted/WebData/img/main/main_ba_ico02.png) center 34px no-repeat;}
.section03_01 .cont_box:after {display:block;clear:both;height:0;content:"";overflow:hidden;}


.section03_01 .cont_box02{margin-top:35px;}
.section03_01 .cont_box02 h2 { float:left; font-size:20px;}
.section03_01 .cont_box02 .txt {display:table;/*height:150px;*/width:370px;margin:0 auto; text-align:left; padding-top:25px;}
.section03_01 .cont_box02 .txt a{display:block;/*height:150px;*/box-sizing:border-box;}
.section03_01 .cont_box02 .txt dl {display:table-cell;padding-left:135px;background:url(/dbimage/bnuegifted/WebData/img/main/main_ba_ico03.png ) 5px center no-repeat;vertical-align:middle;}
.section03_01 .cont_box02 .txt dt {color:#000;font-size:17px;}
.section03_01 .cont_box02 .txt dd {margin:5px 0;color:#666;font-size:15px;line-height:21px;letter-spacing:-0.5px; font-weight:bold;}
.section03_01 .cont_box02 .txt dd.ft_blue { color:#023893;}

.section03_02{float:right;width:580px; }
.section03_02 h2 { float:left; font-size:22px; text-align:left; margin:15px 0;}
.section03_02 a.more_btn {position:absolute; top:15px; right:0; display:block; width:28px; height:28px; padding:0; /*background:#666666;border:1px solid #cfcfcf;*/ box-sizing:border-box; font-size:1px; color:transparent;}
.section03_02 a.more_btn:after {display:block; position:absolute; top:calc(50% - 8px); left:13px; width:10px; height:10px; background:url('/dbimage/bnuegifted/WebData/img/main/more_btn.png') no-repeat center center; transition-property:transform; transition-duration:0.7s; transition-timing-function:ease-out;}

.main_mid {float:left; padding:0px;  margin-right:0px; width:580px; text-align:left; }
.main_mid a.more {top:32px; right:5px;}
.main_mid a.tab {background:#ebebeb; font-size:15px; color:#222; font-weight:600; width:155px; padding:7px 0; text-align:center; display:inline-block; }
.main_mid a.tab_on,
.main_mid a.tab:hover {background:#1848ad; color:#fff;}
.main_mid ul {border-top:2px solid #262626; border-bottom:1px solid #262626; padding:15px 25px; min-height:200px;}
.main_mid ul li {clear:both; color:#555; line-height:200%; .line-height:100%; font-size:15px; font-weight:600; padding:2px 0;}
.main_mid ul li a {color:#555;}
.main_mid ul li a:hover {color:#000;}
.main_mid ul li span {float:right; color:#b7b7b7;}