@charset "euc-kr";

/* layout : start */
.utilmenu_wrap .utilmenu_all	{margin:0 auto; width:100%; overflow:hidden; max-width:1200px; _width:1200px;}
.utilmenu_wrap .utilmenu_all .link_ctrl	{float:right; padding:3px 0px 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	{min-width:1200px;}
#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;}

/* ºÎ°¡¼­ºñ½º */
.otherQuick{width:895px; margin-bottom:20px; overflow:hidden}
.otherQuick li{width:20%; float:left;}
.otherQuick li.second a{background:#f0f7fa url("../images/index/sprite_otherQuick01.png") no-repeat center 16px}
.otherQuick li.third a{background:#f0f7fa url("../images/index/sprite_otherQuick02.png") no-repeat center 18px}
.otherQuick li.quartus a{background:#f0f7fa url("../images/index/sprite_otherQuick03.png") no-repeat center 12px}
.otherQuick li.fifth a{background:#f0f7fa url("../images/index/sprite_otherQuick05.png") no-repeat center 14px}
.otherQuick li h3{padding:45px 0 0 25px; height:105px;color:#e5f1f6;border:1px solid #c1c1c1; background:#0e86bb; font-weight:normal}
.otherQuick li h3 span{font-size:24px; padding-bottom:5px; display:inline-block; font-weight:bold; color:#fff;}
.otherQuick li a{height:50px;display:block; border:1px solid #c1c1c1; border-left:0 none;text-align:center; font-size:14px; color:#3b3b3b; font-weight:bold; line-height:18px; padding:100px 20px 0}


/* ¹è³Êµ¹¾Æ°¡´Â°Å */
.banner_wrap{position:absolute; top:0; right:0; width:285px;margin-bottom:20px;}
.img_rotation	{position:relative; width:283px; height:150px;border:1px solid #d5d5d5;margin-bottom:20px;}
.img_rotation ul	 {width:100%; height:100%; position:relative;}
.img_rotation ul li	{position:absolute; top:0; left:0; width:100%; height:150px; background:#fff;}
.img_rotation ul li .thumb	{width:100%; height:150px; 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;}

/*ÇÏ´ÜÄÜÅÙÃ÷1*/
.addArea {float: left; margin-right: 20px; width: 283px; height: 410px; border: 1px solid #d6d6d6; position: relative; }
/*°í°´»ó´ã¹®ÀÇ*/
.addArea .cs_consulting	{background: url("../images/index/sprite_support_center.png") no-repeat 0 23px; border-bottom: 1px solid #d6d6d6; color: #737373; font-size: 14px; height: 139px; }
.addArea .cs_consulting a {padding: 23px 0 0 128px; height: 73px; display: block; line-height: 24px; }
.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 p.mark_info{width:283px; height:133px;background:#f0f7fa url("../images/index/img_ad01.png") no-repeat 27px 25px;}
.addArea p.mark_info a{display:block; font-size:18px; color:#313131; font-weight:bold; line-height:22px; padding:30px 0 0 130px;height:103px;}
.addArea p.care_down{width:283px; height:133px;background:#fff url("../images/index/img_ad02.png") no-repeat 27px 25px;border-top:1px solid #d6d6d6}
.addArea p.care_down a{display:block; font-size:18px; color:#313131; font-weight:bold; line-height:22px; padding:30px 0 0 130px;height:103px;}


/*ÇÏ´ÜÄÜÅÙÃ÷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.png") no-repeat 13px 23px #f6f6f6; border-bottom:1px solid #d6d6d6; }
.support_center .remote_support strong  {color:#3b3b3b; font-size:18px;line-height:28px;}
.support_center .remote_support a {padding:44px 0 0 110px; height:95px;display:block;letter-spacing:-1px }

/*ÀÎÁõ¼­ Ŭ¶ó¿ìµå ¼­ºñ½º, ¿¹½ºÇ÷¯½º ¼­ºñ½º*/
.support_center .cloud_service, .support_center .yessignPlus{width:100%; }  /* 2019-02-13 ¼öÁ¤*/
.support_center .cloud_service a, .support_center .yessignPlus a{display:block; color:#313131; font-size:18px; font-weight:bold;}  /* 2019-02-13 ¼öÁ¤*/
.support_center .cloud_service a{padding: 34px 0 0 110px;height:100px; border-bottom:1px solid #d6d6d6 ;background: url("../images/index/sprite_support_center02.png") no-repeat 19px 22px; } /* 2019-02-13 ¼öÁ¤*/
.support_center .yessignPlus a{padding: 62px 0 0 110px;height:73px;background: url("../images/index/sprite_support_center03.png") no-repeat 13px 48px #f6f6f6;}
.support_center .cloud_service strong{color:#3b3b3b; font-size:18px;line-height:28px;}  /* 2019-02-13 Ãß°¡ */
.support_center .cloud_service a{letter-spacing: -2px; font-size: 12px; color: #666;}  /* 2019-02-13 Ãß°¡ */

/*ÇÏ´ÜÄÜÅÙÃ÷3 - ¼­¹öÀÎÁõ¼­*/
.quick_service{float:left; width:283px; height:410px; border:1px solid #d6d6d6; position:relative;}
.quick_service h3{float:none; width:100%; height:139px; background:#f0f7fa url("../images/index/sprite_otherQuick.png") no-repeat right bottom; border-bottom:1px solid #d6d6d6}
.quick_service h3 .text	 {padding:25px 0 0 25px; display:block; font-size:12px; color:#656565; font-weight:normal;}
.quick_service h3 .text strong	{font-size:20px; line-height:22px; color:#343434; margin:0 0 7px; display:block;}
.quick_service ul	{width:100%; overflow:hidden;}
.quick_service ul li{height:135px;float:left; width:141px;background:#fff url("../images/index/sprite_quick_service.png") no-repeat 50% 0;}
.quick_service ul li:first-child{background:#fff url("../images/index/sprite_quick_service.png") no-repeat 50% -32px}
.quick_service ul li a	{display:block; padding:102px 0 0; height:34px; 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:100px 0 0;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-position:50% -32px;}
.quick_service ul li.list2	{background-position:50% -191px;}
.quick_service ul li.list3	{background-position:50% -340px;}
.quick_service ul li.list4	{background-position:50% -498px;}


/* °øÁö»çÇ× */
.notice_wrap{float:right; width:282px; height:410px; border:1px solid #d6d6d6; position:relative;}
.notice_wrap .notice_list	 {position:relative; padding:20px 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:9px; right:8px; padding:5px;}
.notice_wrap .notice_list ul	 {padding:8px 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: 16px;}
.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:240px; _width:240px;}
.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; _width:213px;}
.notice_wrap .notice_list ul li a.new	{background: url("../images/index/bg_icon_new.gif") no-repeat 220px 15px;}