@charset "utf-8";

/* layout : start */
.utilmenu_wrap .utilmenu_all	{margin:0 auto; width:100%; overflow:hidden; max-width:1200px;}
.utilmenu_wrap .utilmenu_all .link_ctrl	{float:right; padding:3px 0 3px 0;}
#header .bg_submenu span {width: 1200px;}
.gnb_wrap	{width:1200px; margin:0 auto; *zoom:1; position:relative; z-index:2;}

#body	{position:relative; z-index:1;}
.cont_wrap	{background:none; width:1200px; margin:0 auto; overflow:hidden;}
.cont_wrap .contents	{float:none; width:auto; padding:0;}

#footer .foot_cont	{width:auto; max-width:1280px; _width:1200px;}
#footer .foot_cont .logo	 {padding:24px 20px 0 40px; _padding-left:0;}
#footer .foot_cont .family_site	{right:40px; _right:0;}
/* layout : end */

.popup_zone_wrap	{width:100%; background:#f3f3f3; font-family:dotum,"돋움";}
.popup_zone	{width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.popup_zone ul	{width:100%; height:83px; overflow:hidden; padding:17px 0 30px;}
.popup_zone ul li	{float:left; height:83px; margin:0 0 30px; overflow:hidden; display:none;}
.popup_zone ul li.odd	{padding:0 0 0 182px; width:457px; border-right:1px solid #c7c7c7;}
.popup_zone ul li.even	 {float:left; padding:0 0 0 23px; width:617px;}
.popup_zone ul li.on	 {display:block;}
.popup_zone ul li .icon	 {float:left; width:83px; overflow:hidden; margin:0 24px 0 0;}
.popup_zone ul li dl	{float:left; width:310px; position:relative; line-height:16px; *zoom:1;}
.popup_zone ul li dl dt	{font-size:14px; color:#414141; font-weight:bold; padding:7px 95px 11px 0;}
.popup_zone ul li dl dt a	{color:#414141; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.popup_zone ul li dl dd	 {max-height:48px; overflow:hidden;}
.popup_zone ul li dl dd.more	{position:absolute; top:2px; right:0;}
.popup_zone .pop_ignore	{position:absolute; right:15px; bottom:8px; line-height:18px;}
.popup_zone .pop_ignore a	 {background:url("/site/mobisign/images/index/btn_pop_close.gif") no-repeat 0 0; display:inline-block; padding:0 0 3px 22px; width:26px; vertical-align:middle;}
.popup_zone .pop_ignore label	{display:inline-block; vertical-align:middle; margin:-3px 13px 0 0;}
.popup_zone .pop_ignore input	{display:inline-block; vertical-align:middle; width:14px; height:14px; margin:0 0 3px; padding:0;}
.popup_zone .ctrl_prev	 {position:absolute; top:38px; left:22px; background:url("/site/mobisign/images/index/btn_popup_ctrl.png") no-repeat 0 0; width:29px; height:45px; overflow:hidden;}
.popup_zone .ctrl_prev span	{display:block; padding:0 0 0 100%;}
.popup_zone .ctrl_next {position:absolute; top:38px; right:22px; background:url("/site/mobisign/images/index/btn_popup_ctrl.png") no-repeat 0 -45px; width:29px; height:45px; overflow:hidden;}
.popup_zone .ctrl_next span	{display:block; padding:0 0 0 100%;}

/* 141025_0231 */
.popup_zone.ty01 {}
.popup_zone.ty01 ul {height:131px;margin:0;padding:0 !important;}
.popup_zone.ty01 ul li {height:auto;margin:0;}
/* 메인 비주얼영역 */
.index_visual	{border:1px solid #d1d1d1;}

.main_group_section	{max-width:1280px; width:100%; min-width:768px; margin:25px auto 34px; overflow:hidden; position:relative;font-family:"나눔고딕볼드","nanumgothicbold","나눔고딕","nanumgothic",dotum}
.main_group_section .cont	{border:1px solid #d6d6d6;}


/*하단콘텐츠1*/
.addArea {float:left; margin-right:20px; width:283px; height:410px; border:1px solid #d6d6d6; position:relative;}

/* app 다운로드 */
.addArea .appDn{background-color:#f5f5f5; border-bottom:1px solid #d6d6d6; overflow:hidden}
.addArea .appDn dt{height:20px; padding:13px 0; font-size:16px;font-weight:bold; border-bottom:1px solid #d6d6d6; color:#1a1a1a; text-align:center}
.addArea .appDn dd li{float:left; width:49.9%; height:88px}
.addArea .appDn dd li a{display:block; background:url("../images/index/sprite_mobiSign.png") no-repeat; color:#525252; padding:27px 0 27px 60px}
.addArea .appDn dd li a.android{background-position:0 25px; border-right:1px solid #d6d6d6; font-size:14px; color:#525252}
.addArea .appDn dd li a.iphone{background-position:0 -82px;font-size:14px; color:#525252}

/*고객상담문의*/
.addArea .cs_consulting	{background: url("../images/index/sprite_support_center.png") no-repeat 0 22px #f5f5f5; color:#737373;font-size:14px;height:138px;}
.addArea .cs_consulting a {padding: 24px 0 0 128px; height: 71px; display: block; }
.addArea .cs_consulting .consulting_ivrnum {padding-top: 0; }
.addArea .cs_consulting span.title {color: #1a1a1a; font-size: 16px; }
.addArea .cs_consulting strong	{font-size:24px; color:#ff4e00; display:block; margin:0 0 2px;}
.addArea .cs_consulting.cs_bg {background: url("../images/index/sprite_support_cs_bg.gif") no-repeat 34px 21px; border-bottom: 1px solid #d6d6d6; color: #737373; font-size: 14px; height: 135px;}
.addArea .cs_consulting.cs_bg a {padding-top: 44px; }

.addArea .cs_consulting.cs_bg span.title{color:#1a1a1a; font-size:20px;}

/*하단콘텐츠2*/
.support_center{float:left; margin-right:20px; width:283px; height:410px; border:1px solid #d6d6d6;position:relative;}
/*전자연구노트*/
.support_center .remote_support	{color:#737373; line-height:16px;background: url("../images/index/sprite_support_center01.gif") no-repeat 192px 35px #f0f7fa; border-bottom:1px solid #d6d6d6; }
.support_center .remote_support strong	{color:#1a1a1a; font-size:20px;line-height:25px;letter-spacing: -1px;margin-bottom:10px; display:block}
.support_center .remote_support a {padding:35px 0 0 23px; height:100px;display:block;letter-spacing:-1px }

/*vm모바일 뱅킹 공인인증 서비스, 예스플러스 서비스*/
.support_center .smart_phone, .support_center .yessignPlus{width:100%; }
.support_center .smart_phone strong, .support_center .yessignPlus strong{ color:#1a1a1a; font-size:20px; font-weight:bold;line-height:25px;letter-spacing: -1px;margin-bottom:10px; display:block}
.support_center .smart_phone a{padding: 27px 0 0 23px;height:107px; border-bottom:1px solid #d6d6d6 ;background: url("../images/index/sprite_support_center02.gif") no-repeat 185px 47px; display:block;}
.support_center .yessignPlus a{padding: 27px 0 0 23px;height:112px;background: url("../images/index/sprite_support_center03.gif") no-repeat 199px 43px #f0f7fa;display:block;}


/*하단콘텐츠3 - 서버인증서*/
.quick_service{float:left; margin-right:20px; width:283px; height:410px; border:1px solid #d6d6d6; position:relative;}
.quick_service h3{float:none; width:100%; height:135px; background:#f0f7fa url("../images/index/sprite_otherQuick.gif") no-repeat right 13px; border-bottom:1px solid #d6d6d6}
.quick_service h3 .text	 {padding:18px 0 0 20px; display:block; font-size:12px; color:#656565; font-weight:normal;}
.quick_service h3 .text strong	{font-size:20px; line-height:25px; color:#1a1a1a; display:block;margin-bottom:5px;}
.quick_service ul li{float:left; width:49.9%;background:#fff ;}
.quick_service ul li a	{display:block; padding:102px 0 0; height:37px; text-align:center; color:#3a3a3a; font-size:16px; font-family:"나눔고딕볼드","nanumgothicbold","나눔고딕","nanumgothic",dotum,"돋움";}
.quick_service ul li.list1 a, .quick_service ul li.list2 a{padding:89px 0 0;height:45px;border-bottom: 1px solid #d6d6d6;}
.quick_service ul li.list2 a, .quick_service ul li.list4 a{border-left: 1px solid #d6d6d6;}
.quick_service ul li.list1	{background:url("../images/index/sprite_quick_service01.gif") no-repeat 45px 21px;height:135px;}
.quick_service ul li.list2	{background:url("../images/index/sprite_quick_service02.gif") no-repeat 40px 17px;height:135px;}
.quick_service ul li.list3	{background:url("../images/index/sprite_quick_service03.gif") no-repeat 45px 23px;height:139px;}
.quick_service ul li.list4	{background:url("../images/index/sprite_quick_service04.gif") no-repeat 40px 23px;height:139px;}


/* 공지사항 */
.notice_wrap{float:left; width:283px; height:410px; border:1px solid #d6d6d6; position:relative;}

/* 배너돌아가는거 */
.banner_wrap{position:absolute; top:0; right:0; width:283px; height:136px;}
.img_rotation	{position:relative; width:283px;border-bottom:1px solid #d5d5d5;}
.img_rotation ul	 {width:100%; height:100%; position:relative;}
.img_rotation ul li	{position:absolute; top:0; left:0; width:100%; height:136px; background:#fff;}
.img_rotation ul li .thumb	{width:100%; height:136px; overflow:hidden;}
.img_rotation ul li .thumb a	{display:block;}
.img_rotation ul li.on	{position:relative;}
.img_rotation .ctrl	 {position:absolute; right:13px; top:9px; z-index:2; width:46px; display:inline-block;}
.img_rotation .ctrl button	{position:relative; vertical-align:middle; float:left; display:inline-block; z-index:1; *margin:0;}
.img_rotation .ctrl button:focus	{outline:1px dotted #000;}
.img_rotation .ctrl button span	{font-size:0; line-height:0; overflow:hidden; display:inline-block; _position:absolute;}
.img_rotation .ctrl button.prev	 {width:16px; height:16px;}
.img_rotation .ctrl button.prev span	 {background:url("../images/btn/btn_main_banner_ctrl.png") no-repeat 0 0; width:16px; height:16px;}
.img_rotation .ctrl button.stop	 {width:15px; height:16px;}
.img_rotation .ctrl button.stop span	 {background:url("../images/btn/btn_main_banner_ctrl.png") no-repeat -31px 0; width:15px; height:16px;}
.img_rotation .ctrl button.next	 {width:15px; height:16px;}
.img_rotation .ctrl button.next span	 {background:url("../images/btn/btn_main_banner_ctrl.png") no-repeat -46px 0; width:15px; height:16px;}
.img_rotation .ctrl button.play	 {width:15px; height:16px;}
.img_rotation .ctrl button.play span	 {background:url("../images/btn/btn_main_banner_ctrl.png") no-repeat -16px 0; width:15px; height:16px;}

.notice_wrap .notice_list	 {position:relative;top:135px; padding:14px 0 0 18px; height:390px;}
.notice_wrap .notice_list h3	{color:#393939; font-size:18px; font-family:"나눔고딕볼드","nanumgothicbold","나눔고딕","nanumgothic",dotum,"돋움";}
.notice_wrap .notice_list .more	{position:absolute; top:8px; right:6px; padding:5px;}
.notice_wrap .notice_list ul	 {padding:7px 0 0 2px;}
.notice_wrap .notice_list ul li	 {background: url("../images/index/bg_notice_list.gif") no-repeat 0 14px; padding:10px 11px 0;line-height: 13px;}
.notice_wrap .notice_list ul li a	 {display:block; font-family:dotum,"돋움"; font-size:12px;line-height:16px;}
.notice_wrap .notice_list ul li a .date	{color:#0575a9; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:241px;}
.notice_wrap .notice_list ul li a .text	{color:#666; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:213px; line-height:18px;}
.notice_wrap .notice_list ul li a.new	{background: url("../images/index/bg_icon_new.gif") no-repeat 220px 15px;}