@charset "utf-8";
@import url("font.css");

/* common */
img{border:0;/* vertical-align:middle */}
.clrfix:after{display:block;content:"";clear:both}

/* DCT Layout */
/* 레이아웃 */
#wrap{position:relative; width:100%; background:#fff;}
#container{}
#content_wrap{margin:0 auto; width:1040px; padding:50px 0;}
#content_wrap::after {content:" "; display:block; clear:both;}

#top{}
#top::after {content:" "; display:block; clear:both;}
#left{width:200px; float:left; margin:0 87px 0 0;}
#content{width:753px; float:left;}
#footer{}


/*탑메뉴영역 start*/
#sub_hea_menu{width:100%;top:0;left:0;height:224px; border-bottom:1px solid #e0dfdf;background:#fff;}
#sub_hea_menu #hm_inner{width:1040px; height:149px; margin:0 auto; position:relative;  }

/*로그인*/
#sub_hea_menu #hm_inner #log_wrap {width:100%; height:26px; padding: 23px 0 20px 0; }

#sub_hea_menu #hm_inner #log_wrap .sns{float:right;}
#sub_hea_menu #hm_inner #log_wrap .sns ul{float:left; margin-left:12px; width:auto; height:28px; }
#sub_hea_menu #hm_inner #log_wrap .sns ul li{display:inline; float:left; margin:5px 0 0 12px; }

#sub_hea_menu #hm_inner #log_wrap .customer {float:right;}
#sub_hea_menu #hm_inner #log_wrap .customer ul{float:left; margin-left:10px; width:auto; height:31px; }
#sub_hea_menu #hm_inner #log_wrap .customer ul li{display:inline; float:left; font-family:'Noto Sans KR','sans-serif';  font-weight:300; font-size:15px; color:#666;  letter-spacing: -0.0375em;  padding:0 12px 0px 12px;} 
#sub_hea_menu #hm_inner #log_wrap .customer ul li a{font-family:'Noto Sans KR','sans-serif';  font-weight:300; font-size:15px; color:#666; text-decoration:none;line-height:28px;}
#sub_hea_menu #hm_inner #log_wrap .customer ul li.bs a {display:block;width:72px;background:url(/image/sub_2020/layout/icon_bs.png) 0 0 no-repeat;text-indent:-9999px;}

#sub_hea_menu #hm_inner #log_wrap .login {float:right; }
#sub_hea_menu #hm_inner #log_wrap .login ul{float:left; width:auto; height:26px; border:solid 1px #e1e1e1; border-radius:4px;}
#sub_hea_menu #hm_inner #log_wrap .login ul li {display:inline; float:left; font-family:'Noto Sans KR','sans-serif'; font-weight:300; font-size:15px; color:#666; letter-spacing: -0.0375em; padding:0 12px 0 12px; }
#sub_hea_menu #hm_inner #log_wrap .login ul li a {font-family:'Noto Sans KR','sans-serif'; font-weight:300; font-size:15px; color:#666;text-decoration:none;line-height:26px;}
#sub_hea_menu #hm_inner #log_wrap .login ul li.li_line{border-right:solid 1px #e1e1e1; }
#sub_hea_menu #hm_inner #log_wrap .login a.mypage {color:#135dbd;font-family:'Noto Sans KR','sans-serif';font-weight:400;}

#sub_hea_menu #hm_inner #log_wrap .myinfo {float:right;margin:0 20px 0;}
#sub_hea_menu #hm_inner #log_wrap .myinfo p {font-family:'Noto Sans KR','sans-serif';font-weight:300;font-size:15px;line-height:28px;}
#sub_hea_menu #hm_inner #log_wrap .myinfo a {font-family:'Noto Sans KR','sans-serif';font-weight:300;font-size:15px;text-decoration:underline;}
#sub_hea_menu #hm_inner #log_wrap .myinfo span {font-family:'Noto Sans KR','sans-serif';font-weight:300;font-size:15px;line-height:28px;}

/*네비게이션*/
#sub_hea_menu #hm_inner #menu_wrap {width:100%; height:26px;}
#sub_hea_menu #hm_inner #menu_wrap #toplogo {float:left; width:153px; }
#sub_hea_menu #hm_inner #menu_wrap #topmenu {float:right; width:auto;}
#sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav {float:left; display:inline; margin-left:38px; font-family:'Noto Sans KR','sans-serif'; font-weight:700; font-size:18px; color:#333333;line-height:26px;}
#sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav:hover {}
#sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav a {font-family:'Noto Sans KR','sans-serif'; font-weight:500; font-size:18px; color:#333333; line-height:26px;}
#sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav a:link     {color: #333333; text-decoration: none;}
#sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav a:visited  {color: #333333; text-decoration: none;}
#sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav a:hover    {color: #085cb4; text-decoration: none; }
/* #sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav.allmenu{padding-top:5px} */
#sub_hea_menu #hm_inner #menu_wrap #topmenu ul li.nav.allmenu a{display:block;width:20px;height:16px;margin:5px 0 0;background:url(/image/sub_2020/layout/btn_sitemap.jpg) no-repeat;text-indent:-9999px;}
/*탑메뉴영역 end*/



/*롤오버시 메뉴 start*/
/*전자세금계산서*/
#menu_dti_wrap {width:100%; /* height:552px; */ background:url(/image/sub_2020/layout/bg.png) center / cover #fff; top:225px; left:0; position:absolute; box-shadow: 0 1px 1px 0 rgba(34, 34, 34, 0.1); z-index:99;}
#menu_dti_bg {width:1040px; /* height:552px; */ margin:0 auto; overflow:hidden; /*border-right:1px solid #edecec;*/ /*스크롤overflow-y:scroll; */ background:url(/image/sub_2020/layout/2dep_bg.png) repeat-y #fff;}
#menu_dti_con {width:1040px; height:300px; padding-bottom:10px; overflow-y:scroll;}

/*스크롤바*/
/*크롬*/
.scroll::-webkit-scrollbar {width: 6px;}
.scroll::-webkit-scrollbar-track { background-color: transparent;}
.scroll::-webkit-scrollbar-thumb { border-radius: 3px; background-color: gray;}
.scroll::-webkit-scrollbar-button { width: 2; height: 2;}
/*IE*/
.scroll{

  scrollbar-face-color:#e0dfdf;
  scrollbar-3dlight-color:#e0dfdf;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-darkshadow-color:#e0dfdf;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#FFFFFF; }


/*롤오버 타이틀*/
.menu_dep_tit {float:left; width:200px;  background:#f2f2f4; margin:0 20px 0 0;}

.menu_deptit {font-family:'Noto Sans KR','sans-serif'; font-size:25px; line-height:25px; color:#333333; font-weight:500; letter-spacing: -0.1em; text-align:left; padding:30px 0 10px; }
.menu_deptxt {font-family:'Noto Sans KR','sans-serif'; font-size:20px; line-height:20px; color:#666666; font-weight:400; letter-spacing: -0.1em; padding:5px 0 20px 0;  text-align:left; display:block;}
.menu_depbtn {float:left; text-align:left; width:130px; height:40px; line-height:38px; border-radius:40px; background: #085cb4 url(/image/sub_2020/layout/btn_pre.png) 125px 12px no-repeat; padding-left:20px; font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:18px; color:#ffffff;  letter-spacing: -0.0375em;}
.menu_depbtn a {font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:18px;}
.menu_depbtn a:link     {color: #fff; text-decoration: none;}
.menu_depbtn a:visited  {color: #fff; text-decoration: none;}
.menu_depbtn a:hover    {color: #fff; text-decoration: none;}


/*2dep 메뉴*/
.menu_dep_wrap {/*float:left;*/ width:auto; height:auto; overflow:hidden;}
.menu_dep01_wrap {float:left; width:auto; height:auto; overflow:hidden;}
/*.sitmap_dep01_wrap2 {float:left; width:auto; height:auto; overflow:hidden; }*/

.menu_dep01_box {float:left; width:178px; padding-left:20px; padding-top:27px; height:auto; overflow:hidden;}
/* .menu_dep02_box {float:left; width:213px; padding-left:30px; padding-top:25px; height:auto; overflow:hidden;} */

/*2개 메뉴 묶음*/
.menu_dep01box_w2 {float:left; width:200px; height:auto; overflow:hidden;}


.menu_dep01tit { margin-top:11px; font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:17px; color:#333333; letter-spacing: -0.0375em; text-align:left; margin-bottom:10px; line-height:24px;}
.menu_dep01tit a {font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:17px;}
.menu_dep01tit a:link     {color: #333333; text-decoration: none;}
.menu_dep01tit a:visited  {color: #333333; text-decoration: none;}
.menu_dep01tit a:hover    {color: #333333; text-decoration: underline;}

.menu_dep01txt li {font-family:'Noto Sans KR','sans-serif'; font-size:15px; color:#555; letter-spacing: -0.0375em; font-weight:300; text-align:left;  margin-bottom:5px; line-height:20px;}
.menu_dep01txt li a {font-family:'Noto Sans KR','sans-serif'; font-weight:300; font-size:15px;}
.menu_dep01txt li a:link     {color: #555; text-decoration: none;}
.menu_dep01txt li a:visited  {color: #555; text-decoration: none;}
.menu_dep01txt li a:hover    {color: #555; text-decoration: underline;}


/*3dep 메뉴*/
.menu_dep02 li {font-family:'Noto Sans KR L','sans-serif';font-size:14px;color:#777;letter-spacing: -0.0375em;font-weight:300;text-align:left;line-height: 18px;padding-left:10px;}
.menu_dep02 li a{font-family:'Noto Sans KR','sans-serif'; font-weight:300; font-size:14px;}
.menu_dep02 li a:link     {color: #777; text-decoration: none;}
.menu_dep02 li a:visited  {color: #777; text-decoration: none;}
.menu_dep02 li a:hover    {color: #777; text-decoration: underline;}
.dep02_litop {padding-top:6px;}
.dep02_libot {padding-bottom:8px;}



/*전자계약*/
#menu_dct_wrap {width:100%; /* height:552px; */ background:url(/image/sub_2020/layout/bg.png) center / cover #fff; top:225px; left:0; position:absolute; box-shadow: 0 1px 1px 0 rgba(34, 34, 34, 0.1);z-index:99;}
#menu_dct_bg {width:1040px; /* height:552px; */ margin:0 auto; overflow:hidden; /*border-right:1px solid #edecec;*/ /*스크롤overflow-y:scroll; */ background:url(/image/sub_2020/layout/2dep_bg.png) repeat-y #fff;}
#menu_dct_con {width:1040px; height:300px; overflow-y:scroll;}

/*RPA*/
#menu_rpa_wrap {width:100%; /* height:552px; */ background:url(/image/sub_2020/layout/bg.png) center / cover #fff; top:225px; left:0; position:absolute; box-shadow: 0 1px 1px 0 rgba(34, 34, 34, 0.1);z-index:99;}
#menu_rpa_bg {width:1040px; /* height:552px; */ margin:0 auto; overflow:hidden; /*border-right:1px solid #edecec;*/ /*스크롤overflow-y:scroll; */ background:url(/image/sub_2020/layout/2dep_bg.png) repeat-y #fff;}
#menu_rpa_con {width:1040px; height:300px; overflow-y:scroll;}

/*리스크관리*/
#menu_rm_wrap {width:100%; /* height:552px; */ background:url(/image/sub_2020/layout/bg.png) center / cover #fff; top:225px; left:0; position:absolute; box-shadow: 0 1px 1px 0 rgba(34, 34, 34, 0.1);z-index:99;}
#menu_rm_bg {width:1040px; /* height:552px; */ margin:0 auto; overflow:hidden; /*border-right:1px solid #edecec;*/ /*스크롤overflow-y:scroll; */ background:url(/image/sub_2020/layout/2dep_bg.png) repeat-y #fff;}
#menu_rm_con {width:1040px; height:300px; overflow-y:scroll;}

/*빅데이터*/
#menu_bd_wrap {width:100%; /* height:552px; */ background:url(/image/sub_2020/layout/bg.png) center / cover #fff; top:225px; left:0; position:absolute; box-shadow: 0 1px 1px 0 rgba(34, 34, 34, 0.1);z-index:99;}
#menu_bd_bg {width:1040px; /* height:552px; */ margin:0 auto; overflow:hidden; /*border-right:1px solid #edecec;*/ /*스크롤overflow-y:scroll; */ background:url(/image/sub_2020/layout/2dep_bg.png) repeat-y #fff;}
#menu_bd_con {width:1040px; height:300px; overflow-y:scroll;}

/*비즈서비스*/
#menu_biz_wrap {width:100%; /* height:552px; */ background:url(/image/sub_2020/layout/bg.png) center / cover #fff; top:225px; left:0; position:absolute; box-shadow: 0 1px 1px 0 rgba(34, 34, 34, 0.1);z-index:99;}
#menu_biz_bg {width:1040px; /* height:552px; */ margin:0 auto; overflow:hidden; /*border-right:1px solid #edecec;*/ /*스크롤overflow-y:scroll; */ background:url(/image/sub_2020/layout/2dep_bg.png) repeat-y #fff;}
#menu_biz_con {width:1040px; height:300px; overflow-y:scroll;}

/*온라인광고*/
#menu_ad_wrap {width:100%; /* height:552px; */ background:url(/image/sub_2020/layout/bg.png) center / cover #fff; top:225px; left:0; position:absolute; box-shadow: 0 1px 1px 0 rgba(34, 34, 34, 0.1);z-index:99;}
#menu_ad_bg {width:1040px; /* height:552px; */ margin:0 auto; overflow:hidden; /*border-right:1px solid #edecec;*/ /*스크롤overflow-y:scroll; */ background:url(/image/sub_2020/layout/2dep_bg.png) repeat-y #fff;}
#menu_ad_con {width:1040px; height:300px; overflow-y:scroll;}
/*롤오버시 메뉴 end*/


/* 광고 */
.bnr_ad_top {margin:0 auto;width:970px; padding:10px 0 0;}
.bnr_ad_left {position:fixed;margin:175px 0 0 -200px;z-index:1;}
.bnr_ad_right {position:fixed;margin:175px 0 0 1080px;z-index:1;}

/************************************************** //header ****************************************************************/

/**************************************************** footer ***************************************************************/
#sub_footer_wrap{position:absolute;left:0;width:100%; max-width:100%; height:200px; border-top:1px solid #d6d6d6;background-color:#fff;margin-top:100px;}
#sub_footer_wrap .f_inner{width:1040px; height:auto; margin:0 auto; position:relative; padding-top:20px;}

/* 패밀리 사이트 */
#sub_bot_con1 {float:left; width:1040px; height:auto;}

#sub_bot_fam {position:relative; width:100%;}
#sub_bot_fam .wrap{position:absolute; right:0; top:0; float:right; z-index: 4; font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:13px; color:#999;}
#sub_bot_fam .family_site{position:relative;width:180px;}
#sub_bot_fam .family_site .site_btn{position:relative; display:block; height:28px; padding:0 1em; border:1px solid #d6d6d6; background:transparent; cursor:pointer; font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:13px; line-height:28px; color:#999; text-align:left; text-decoration:none;}
#sub_bot_fam .family_site .ctrl{position:absolute; right:10px; top:50%; height: 0; width: 0; margin-top:-2px; border-color:#d6d6d6 transparent transparent transparent; border-style:solid; border-width:4px 4px 0 4px;}
#sub_bot_fam .family_site a.on .ctrl{position:absolute; right:10px; top:50%; height:0; width:0; margin-top:-2px; border-color:transparent transparent #8a9198 transparent; border-width:0 4px 4px 4px;}
#sub_bot_fam .family_site ul{display:none; position:absolute; bottom:100%; left:0; right:0; z-index: 5; padding:8px 0; background:#fff; border:1px solid #d6d6d6; border-bottom:0;}
#sub_bot_fam .family_site ul li a{display:block; height:30px;line-height:30px; padding:0 1em; color:#999;font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:13px;}
#sub_bot_fam .family_site ul li a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
#sub_bot_fam .family_site ul li a:hover{text-decoration:none;color:#075cb4;}
#sub_bot_fam .family_site a.on + ul{display:block;}

/* 네비게이션 */
#sub_bottom_navi {float:left; width:950px; height:30px; margin-bottom:15px;}
#sub_bottom_navi li{float:left; display:inline; font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:14px; color:#828282; letter-spacing: -0.0375em; text-align:left; margin-right:36px; line-height:30px;  height:31px; margin-bottom:30px;}
#sub_bottom_navi li a {font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:14px; color:#828282;}
#sub_bottom_navi li a:link     {color: #828282; text-decoration: none;}
#sub_bottom_navi li a:hover    {color: #333; text-decoration: none;}
#sub_bottom_navi li a:visited  {color: #828282; text-decoration: none;}

/*주소*/
#sub_bot_con2 {float:left; width:1040px; overflow:hidden;}
#sub_bot_con2 .bo_add{float:left; margin-bottom:3px; width:8100%; height:auto; overflow:hidden; line-height:18px;}
#sub_bot_con2 .bo_add li{float:left; display:inline; font-family:'Noto Sans KR','sans-serif';  font-size:13px; color:#999; font-weight:400;  padding-right:10px; letter-spacing: -0.0375em;}
#sub_bot_con2 .add_libg{background:url(/image/sub_2020/layout/bot_line.png) 0 4px no-repeat;  padding-left:10px;}
/*copy*/
#sub_bot_con2 .bo_copy{float:left; display:inline; font-family:'Noto Sans KR','sans-serif';   font-size:13px; color:#999; font-weight:400;  padding-right:15px; line-height:28px; letter-spacing: -0.0375em;}

/*인증*/
#sub_bot_con3 {float:left; width:1040px; height:auto; overflow:hidden;}
#sub_bot_con3 .bot_cer {float:left; width:auto; margin-top:15px;}
#sub_bot_con3 .bot_cer_li01 {float:left; display:inline; font-family:'Noto Sans KR','sans-serif';  font-size:12px; color:#666; font-weight:400; background:url(/image/sub_2020/layout/bot_ima01.png) 0 0 no-repeat; margin-right:25px; padding-left:36px; line-height:15px;  letter-spacing: -0.0375em; height:33px;}
#sub_bot_con3 .bot_cer_li01 a {font-family:'Noto Sans KR','sans-serif'; font-size:12px; color:#666; font-weight:400;line-height:15px; }
#sub_bot_con3 .bot_cer_li01 a:link     {color: #666; text-decoration: none;}
#sub_bot_con3 .bot_cer_li01 a:hover    {color: #666; text-decoration: none;}
#sub_bot_con3 .bot_cer_li01 a:visited  {color: #666; text-decoration: none;}
#sub_bot_con3 .bot_cer_li02 {float:left; display:inline;  font-family:'Noto Sans KR','sans-serif';  font-size:12px; color:#666; font-weight:400; background:url(/image/sub_2020/layout/bot_ima02.png) 0px 0 no-repeat; padding-left:40px; line-height:15px;  letter-spacing: -0.0375em; height:33px;}
#sub_bot_con3 .bot_cer_li02 a {font-family:'Noto Sans KR','sans-serif';  font-size:12px; color:#666; font-weight:400;line-height:15px; }
#sub_bot_con3 .bot_cer_li02 a:link     {color: #666; text-decoration: none;}
#sub_bot_con3 .bot_cer_li02 a:hover    {color: #666; text-decoration: none;}
#sub_bot_con3 .bot_cer_li02 a:visited  {color: #666; text-decoration: none;}

/*앱*/
#sub_bot_app {float:right; width:auto;  margin-top:15px;}
#sub_bot_app .bot_app_li01 {float:right; display:inline; font-family:'Noto Sans KR','sans-serif';  font-size:13px; color:#999;  font-weight:400; margin-right:8px; padding-top:7px; line-height:20px;  letter-spacing: -0.0375em;}
#sub_bot_app .bot_app_li02 {float:right; display:inline;margin-right:5px; }
#sub_bot_app .bot_app_li03 {float:right; display:inline; }
/****************************************************************** //footer *************************************************************/

/**************************************************** LeftMenu ***************************************************************/
#sub_lnb {width:200px;box-sizing:border-box;background:#fff;}
#sub_lnb .lnb_in {}
#sub_lnb .tit {padding:0 0 28px 0;color:#222;font-size:21px;line-height:21px;font-family:'Noto Sans KR', sans-serif;font-weight:500;letter-spacing:-1px;}
#sub_lnb li {margin:0;}
#sub_lnb li a {letter-spacing:-1px;}
#sub_lnb .depth1 > li {margin:0;border-bottom:1px solid #d6d6d6;}
#sub_lnb .depth1 > li > a {display:block;position:relative;padding:13px 0 13px 0;font-size:16px;color:#666;line-height:16px;font-family:'Noto Sans KR', sans-serif;font-weight:400;}
#sub_lnb .depth1 > li > a:hover,
#sub_lnb .depth1 > li > a:focus,
#sub_lnb .depth2 > li > a:hover,
#sub_lnb .depth2 > li > a:focus,
#sub_lnb .depth3 > li > a:hover,
#sub_lnb .depth3 > li > a:focus {color: #075cb4;text-decoration:none;}
#sub_lnb .depth1 > li.on > a,
#sub_lnb .depth2 > li.on > a,
#sub_lnb .depth3 > li.on > a {color:#075cb4;}
#sub_lnb .depth1 > li > a .btn{display:block;text-indent:-9999px;position:absolute;right: 10px;top:50%;width:13px;height:13px;padding:0;margin-top:-7px;background:url(/image/sub_2020/layout/btn_lnb_open.png) center center no-repeat;overflow:hidden;}
#sub_lnb .depth1 > li > a .open {display:block;}
#sub_lnb .depth1 > li.on > a .open {display:none;}
#sub_lnb .depth1 > li.on > a .close {display:block;}
#sub_lnb .depth1 > li.on > a .btn {background: url(/image/sub_2020/layout/btn_lnb_close.png) center center no-repeat;}
#sub_lnb .depth1 > li .depth2 {display:none;}
#sub_lnb .depth1 > li.on .depth2 {display:block;background:#fbfbfb;border-top:1px solid #e7e7e7;}

#sub_lnb .depth2 > li > a,
#sub_lnb .depth2 > li > span {margin:0;border-top:1px solid #e7e7e7;}
#sub_lnb .depth2 > li:first-child > a,
#sub_lnb .depth2 > li:first-child > span {border-top:0;}
#sub_lnb .depth2 > li > a,
#sub_lnb .depth2 > li > span {display:block;position:relative;padding:10px 0 10px 0;margin:0 15px;font-size:15px;color:#666;line-height:15px;font-family:'Noto Sans KR', sans-serif;font-weight:400;}
#sub_lnb .depth2 > li.on > a {}

#sub_lnb .depth3 {display:none;}
#sub_lnb .open > .depth3 {display:block;padding: 0 16px 5px 17px;/* border-top: 1px solid #e7e9ea;background: #f6f7f7; */}
#sub_lnb .depth3 li {margin:0;/* border-top:1px solid #ddd; */background:url(/image/sub_2020/layout/bul_lnb.png) center left no-repeat;}
#sub_lnb .depth3 li:first-child {border-top:0;}
#sub_lnb .depth3 li > a {display:block;font-family:'Noto Sans KR', sans-serif;font-weight:300;font-size:14px;color:#777; padding: 3px 0 3px 7px;}
#sub_lnb .depth3 li:last-child > a{}
#sub_lnb .depth3 li.on > a {}

/* leftmenu_banner */
.lnb_bnr{margin-top:20px;}

/* Sub Main */
/* 전자계약 */
#sub_dct {margin:0 0 30px;width:1040px;}
#sub_dct h2 {font-size:28px;font-family:'Noto Sans KR', sans-serif;font-weight:400;color:#000;margin:0 0 30px 0;letter-spacing:-1px;}
.worklink_wrap {background:#f2f2f2;padding:22px;}
.worklink_wrap .worklink {padding:0 0 22px 0;border-bottom:1px solid #d4d4d4}
.worklink_wrap .worklink ul::after{display:block;content:"";clear:both}
.worklink_wrap .worklink li {float:left;width:25%;}
.worklink_wrap .worklink li a {display:block;margin:0 25px;background:url(/image/sub_2020/submain/icon_arrow01.png) right 50%  no-repeat;font-size:18px;font-family:'Noto Sans KR', sans-serif;font-weight:400;color:#333;text-decoration:none;}
.worklink_wrap .worklink li:first-child a{margin:0 25px 0 0;}
.worklink_wrap .worklink li:last-child a{margin:0 0 0 25px;}
.searchbox {position:relative;margin:22px 0 0 0;}
/* .subject_input {width: 580px;height: 50px;margin-right: 0;padding: 0 20px 0 50px;border: 1px solid #fff;border-radius: 0;box-sizing: border-box;font-family: 'Noto Sans KR R', sans-serif;font-size: 15px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 54px;letter-spacing: normal;color: #666;background:url(../image/sub_2020/submain/icon_glass.png) 20px 50%  no-repeat #fff;} */
.searchbox::after{display:block;content:"";clear:both}
.subject_input {width: 550px;height: 50px;margin-right: 0;padding: 0 20px 0 20px;border: 1px solid #fff;border-radius: 0;box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 50px;letter-spacing: normal;color: #666;background:#fff;}
.search {float:left;}
.search_btn {float:left;}
.search_btn a{display:block;width:50px;height:50px;background:url(/image/sub_2020/submain/icon_glass.png) 10px 50% no-repeat #fff;text-indent:-9999px;}

.searchbox ul{position:absolute;top:15px;right:0}
.searchbox li{float:left;margin:0 0 0 30px;height:22px;}
.searchbox li a{display:block;padding:0 0 0 30px;background:url(/image/sub_2020/submain/icon_arrow02.png) 0 50%  no-repeat;font-size:16px;font-family:'Noto Sans KR', sans-serif;font-weight:400;color:#666;text-decoration:none;line-height:22px;}
.searchbox li.sup a{color:#075cb4;background-image:url(/image/sub_2020/submain/icon_arrow02_b.png);}
.favlink{border:1px solid #e5e5e5;box-sizing: border-box;}
.favlink ul::after{display:block;content:"";clear:both}
.favlink li{float:left;width:25%;padding:20px 0;box-sizing: border-box;border-right:1px solid #e5e5e5;text-align:center;}
.favlink li:last-child{border:0}
.favlink li a{display:block;height:37px;line-height:37px;text-decoration:none;}
.favlink li a:hover .tit{color:#085cb4;font-family: 'Noto Sans KR', sans-serif;font-weight:400;}
.favlink li .picto{display:inline-block;width:32px;height:37px;margin:0 10px 10px 0;background:url(/image/sub_2020/submain/icon_fav_dct.png);vertical-align:middle;}
.favlink li.favm01 .picto{width:32px;}
.favlink li.favm02 .picto{width:29px;background-position:-32px 0;}
.favlink li.favm03 .picto{width:29px;background-position:-32px 0;}
.favlink li.favm04 .picto{width:35px;background-position:-61px 0;}
.favlink li .tit{font-size:15px;line-height:37px;color:#484848;font-family: 'Noto Sans KR', sans-serif;font-weight:400;}

/* 스마트빌 싸인 */
#sub_sbsign{width:1040px;/*margin-bottom:100px;*/}
.sbsign_top{width:100%;height:350px;position:relative;background:url(/image/sub_2020/submain/sbsign_top.png) no-repeat;}
.sbsign_top h2{text-indent:-9999px;}
.sbsign_top a{position:absolute;top:230px;left:390px;}
#sub_sbsign h3{margin:40px 0;text-align:center;}
.sbsign_con1{height:463px;background:url(/image/sub_2020/submain/sbsign_con1.png) no-repeat;}
.sbsign_con2{height:351px;background:url(/image/sub_2020/submain/sbsign_con2.png) no-repeat;}
.sbsign_con3{height:550px;background:url(/image/sub_2020/submain/sbsign_con3.png) no-repeat;}
.sbsign_con1 li, .sbsign_con2 li, .sbsign_con3 li{text-indent:-9999px;}



/*20201012 버튼 타이틀 추가*/
.menu_depbtn02 {float:left; text-align:left; width:150px; border-radius:40px; background: #085cb4 url(/image/sub_2020/layout/btn_pre.png) 149px 12px no-repeat; padding-left:18px; letter-spacing: -0.1em; margin-bottom:5px;}
.menu_depbtn02 a {display:block;padding:5px 0 8px 0;font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:18px;color:#ffffff;}
.menu_depbtn02 a:link     {color: #fff; text-decoration: none;}
.menu_depbtn02 a:visited  {color: #fff; text-decoration: none;}
.menu_depbtn02 a:hover    {color: #fff; text-decoration: none;}

.menu_dep03tit { margin-top:11px; font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:17px; color:#085cb4; letter-spacing: -0.0375em; text-align:left; margin-bottom:10px; line-height:24px;}
.menu_dep03tit a {font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:17px;}
.menu_dep03tit a:link     {color: #085cb4; text-decoration: none;}
.menu_dep03tit a:visited  {color: #085cb4; text-decoration: none;}
.menu_dep03tit a:hover    {color: #085cb4; text-decoration: underline;}
/*//20201012 버튼 타이틀 추가*/


/*20201023 버튼 타이틀 추가*/
.menu_depbtn02N {float:left; text-align:left; width:150px; border-radius:40px; background: #363ed5 url(/image/sub_2020/layout/btn_pre.png) 149px 12px no-repeat; padding-left:18px; letter-spacing: -0.1em; margin-bottom:5px;}
.menu_depbtn02N a {display:block;padding:5px 0 8px 0;font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:18px;color:#ffffff;}
.menu_depbtn02N a:link     {color: #fff; text-decoration: none;}
.menu_depbtn02N a:visited  {color: #fff; text-decoration: none;}
.menu_depbtn02N a:hover    {color: #fff; text-decoration: none;}

/*20200223 버튼 추가*/
.menu_depbtn03 {float:left; text-align:left; width:150px; height:40px; line-height:38px; border-radius:40px; background: #1e8ffa url(/image/sub_2020/layout/btn_pre.png) 149px 12px no-repeat; padding-left:20px; font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:16px; color:#ffffff;  letter-spacing: -0.1em; margin-bottom:5px;}
.menu_depbtn03 a {display:block;font-family:'Noto Sans KR','sans-serif'; font-weight:400; font-size:18px;}
.menu_depbtn03 a:link     {color: #fff; text-decoration: none;}
.menu_depbtn03 a:visited  {color: #fff; text-decoration: none;}
.menu_depbtn03 a:hover    {color: #fff; text-decoration: none;}