@charset "utf-8";

/*reset*/
a{text-decoration:none; color:#333;}
body{background-color:#fff; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#666; }

/* 폰트 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
		   

/* input */
.input_s1 {border:#22366c solid 1px; color:#8c8c8c; font-size:11px; padding:0 0 0 3px; line-height:16px;}
/*20160818 세로 중앙정렬 수정*/
.input_s2 {border:#e4e4e4 solid 1px; background-color:#fff; color:#666; font-size:12px; padding-left:10px; padding-top:5px; padding-bottom:5px; width:205px; height:22px; line-height:22px; overflow:visible; vertical-align:middle;  * margin-top:-1px; * margin-bottom:-1px; } 

/* 기본 텍스트 롤오버 및 링크 */
a:link     {color: #666; text-decoration: none;}
a:visited  {color: #666; text-decoration: none;}
a:hover    {color: #666; text-decoration: underline;}


/*20160919 wrap가로 추가*/
/* top start */
#top_wrap {width:100%; height:121px; min-width:1000px; }
#log_wrap {width:100%; height:33px; background-color:#39425e; min-width:1000px; }
#hea_wrap {width:100%; height:86px; border-bottom:solid 2px #013b9c; min-width:1000px; }
#login {width:1000px; height:33px; margin:0 auto;  }
#top {width:1000px; height:63px; padding-top:23px; margin:0 auto; overflow:hidden;}



/*login*/
#log_D {float:right; width:414px; height:33px;}/*홈페이지 아이콘 추가 20180322 */
#log_D ul li {display:inline; float:left; z-index: 9999;}
#log_D2 {float:right; height:33px;}/*마이페이지 추가 20160812*/
#log_D2 ul li {display:inline; float:left; z-index: 9999;}



/*로그인 버튼*/

/*20160908 높이 수정*/
.quick_li01 {margin-right:11px; float:left; font-family:Noto Sans KR,sans-serif; font-size:13px; color:#ffe44f; font-weight:normal; height:26px; border-left:1px solid #22366c; border-right:1px solid #22366c; background-color:#3453a6; padding-top:7px; padding-left:13px; padding-right:6px; position:relative; line-height:16px; vertical-align:middle;}
.quick_li01 a:link     {color: #ffe44f; text-decoration: none;}
.quick_li01 a:visited  {color: #ffe44f; text-decoration: none;}
.quick_li01 a:hover    {color: #ffe44f; text-decoration: underline;}
/*20160908 이미지세로정렬*/
.quick_li01 img { vertical-align:middle; padding-bottom:1px;}


.quick_li02 {margin-right:15px; padding-top:8px; font-weight:normal; font-family: Noto Sans KR, sans-serif; font-size:12px; color:#e9eaef; position:relative; line-height:14px;}
.quick_li02 a:link {font-family: Noto Sans KR, sans-serif; font-size:12px; color:#c3c8d4; text-decoration:none; text-transform:capitalize;}
.quick_li02 a:hover {font-family: Noto Sans KR, sans-serif; font-size:12px; color:#c3c8d4; text-decoration:underline;}
.quick_li02 a:visited  {font-family: Noto Sans KR, sans-serif; font-size:12px; color:#c3c8d4; text-decoration:none;}


.quick_li03 {margin-right:11px; padding-top:8px; font-weight:normal; font-family: Noto Sans KR, sans-serif; font-size:12px; color:#e9eaef; line-height:14px;}
.quick_li03 a:link {font-family: Noto Sans KR, sans-serif; font-size:12px; color:#c3c8d4; text-decoration:none; text-transform:capitalize;}
.quick_li03 a:hover {font-family: Noto Sans KR, sans-serif; font-size:12px; color:#c3c8d4; text-decoration:underline;}
.quick_li03 a:visited  {font-family: Noto Sans KR, sans-serif; font-size:12px; color:#c3c8d4; text-decoration:none;}


.quick_li04 {padding-top:5px; background:url(../images/ico_line.gif) 0px 9px no-repeat; padding-left:10px;}
.quick_li05 {padding-top:5px; margin-left:3px; }




/*header*/
#main_log {float:left; margin-right:74px; padding-top:8px;}
#main_menu {float:left;}
#main_menu ul li {display:inline; /*font-weight:normal; font:20px "SeoulNamsanEB", "서울남산EB"; color:#222;*/ }
.menu_li01 {float:left; margin-right:40px; padding-top:10px;}
.menu_li02 {float:left; margin-right:72px; padding-top:10px;}
.menu_li03 {float:right;}
/*.menu_li01 {float:left; margin-right:40px; padding-top:11px;}
.menu_li02 {float:left; margin-right:72px; padding-top:11px;}
.menu_li03 {float:right;}*/
/* top end */

/*20160919 wrap 가로추가*/
/*content start*/
#con_wrap {width:100%; background-color:#e9eaef; min-width:1000px; }
/*container start*/
#container {width:1000px; margin:0 auto; overflow:hidden; padding-top:42px;}

/*컨텐츠 상단*/
#con_top {width:1000px; height:370px; margin-bottom:40px;}

/*비쥬얼*/
#visual {float:left; width:745px;}
.visual01 {float:left; width:745px; height:370px; background:url(../images/ad/main_banner01.jpg) 0px 0px no-repeat; text-indent:-10000px;}


/*서비스 바로가기*/
#service {float:right; width:235px; height:370px; }
/*20160816 높이 수정*/
#ser_tit {width:235px; height:36px; background-color:#2a3a64; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche','돋움체','Dotum','Dotumche'; font-size:18px; color:#f7f7f7; font-weight:normal; padding-top:14px; text-align:center; line-height:20px;}
/*20160829 높이 수정*/
#service ul li {display:inline; float:left; margin:0px; padding:0px; }
.ser_li01 {float:left; margin:0px; padding:0px; width:118px; height:107px;}
.ser_li02 {float:left; margin:0px; padding:0px; width:117px; height:107px;}
.ser_li03 {float:left; margin:0px; padding:0px; width:118px; height:107px;}
.ser_li04 {float:left; margin:0px; padding:0px; width:117px; height:107px;}
.ser_li05 {float:left; margin:0px; padding:0px; width:118px; height:106px;}
.ser_li06 {float:left; margin:0px; padding:0px; width:117px; height:106px;}

/*컨텐츠 하단*/
#con_bot {width:1000px; margin-bottom:40px;}

/*컨텐츠 1행*/
#con_bot_t {width:1000px; height:235px; margin-bottom:20px;}
#content01 {float:left; background:url(../images/bg_con01.jpg) no-repeat; width:210px; height:215px; margin-right:20px; padding-left:25px; padding-top:24px;}
/*20160818 광고배너용 추가*/
#content01b {float:left; width:235px; height:235px; margin-right:20px; }
.c_stitle {float:left; font-family: 'Verdana', 'Aria'; font-size:9px; color:#dad3ce; font-weight:bold; width:210px; height:31px;}
.c_Ttitle {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:22px; color:#fff; font-weight:bold; width:210px; height:43px; line-height:28px;}
.c_line {float:left; width:13px; height:6px; border-top:1px solid #fff; margin-left:1px;}
.c_line02 {float:left; width:196px; height:6px;}
.c_txt {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#fff; font-weight:normal; width:210px; height:56px; line-height:18px;} 

/* 1개월 체험버튼 */
.btn_free01 {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#ebe6e3; font-weight:normal; text-align:center; vertical-align:middle; height:20px; width:102px; border:1px solid #ebe6e3; color:#eff4ff; background-color:#a28c7c; padding-top:3px; line-height:15px;}
.btn_free01:hover {background-color:#988374;}
.btn_free01 a:link     {color: #eff4ff; text-decoration: none;}
.btn_free01 a:visited  {color: #eff4ff; text-decoration: none;}
.btn_free01 a:hover    {color: #eff4ff; text-decoration: none}

.btn_free02 {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#fff; font-weight:normal; text-align:center; vertical-align:middle; height:20px; width:102px; border:1px solid #ebe6e3; color:#eff4ff; background-color:#7a8ca5; padding-top:3px; line-height:15px;}
.btn_free02:hover {background-color:#72839b;}
.btn_free02 a:link     {color: #eff4ff; text-decoration: none;}
.btn_free02 a:visited  {color: #eff4ff; text-decoration: none;}
.btn_free02 a:hover    {color: #eff4ff; text-decoration: none}


#content02 {float:left; background:url(../images/bg_con02.jpg) no-repeat; width:210px; height:215px; margin-right:20px; padding-left:25px; padding-top:24px;}
/*20160818 광고배너용 추가*/
#content02b {float:left; width:235px; height:235px; margin-right:20px; }
/*20160817 소타이틀 세로 수정*/
.c_stitle02 {float:left; font-family: 'Verdana', 'Aria'; font-size:9px; color:#cdd3db; font-weight:bold; width:210px; height:31px;}
/*20160816 높이 수정*/
#content03 {float:left; background-color:#fff; width:210px; height:211px; margin-right:20px; padding-left:25px; padding-top:24px;}
/*20200401 배너추가*/
#content03b {float:left; width:235px; height:235px; margin-right:20px;}
.c03_stitle {float:left; font-family: 'Verdana', 'Aria'; font-size:9px; color:#777; font-weight:bold; width:210px; height:31px;}
.c03_Ttitle {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:22px; color:#222; font-weight:bold; width:210px; height:43px; line-height:28px;}
.c03_line {float:left; width:13px; height:10px; border-top:1px solid #343434; margin-left:1px;}
.c03_line02 {float:left; width:196px; height:10px;}

.c03_li01 {float:left; width:210px; height:33px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#2e4e9d; font-weight:bold; background:url(../images/ico_arr01.gif) 107px 6px  no-repeat; padding-top:3px; line-height:14px;}
.c03_li01 a:link {font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#2e4e9d; font-weight:bold; text-decoration: none;}
.c03_li01 a:hover {font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#2e4e9d; font-weight:bold; text-decoration: underline;}
.c03_li01 a:visited  {font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#2e4e9d; font-weight:bold; text-decoration: none;}
/*20160816 높이 수정*/
.c03_li03 {float:left; width:210px; height:20px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#222; font-weight:bold; color:#222; background:url(../images/ico_arr03.gif) 107px 6px  no-repeat; padding-top:3px; line-height:14px;}
.c03_li03 a:link {font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#222; font-weight:bold; color:#222; text-decoration: none;}
.c03_li03 a:hover {font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#222; font-weight:bold; color:#222; text-decoration: underline;}
.c03_li03 a:visited  {font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#222; font-weight:bold; color:#222; text-decoration: none;}

/*20170907 광고배너용 추가 start*/
#content03b {float:left; width:235px; height:235px; margin-right:20px; }
#content04 {float:left; background-color:#fff; width:210px; height:211px; padding-left:25px; padding-top:24px;}
/*20170907 광고배너용 추가 end*/

/*20160816 높이 수정*/
#content0401 {float:left; background-color:#fff; width:210px; height:211px; padding-left:25px; padding-top:24px;}
#content0402 {float:left; background-color:#fff; width:210px; height:211px; padding-left:25px; padding-top:24px;}
#content0403 {float:left; background-color:#fff; width:210px; height:211px; padding-left:25px; padding-top:24px;}
.c04_txt01 {float:left; width:210px; height:45px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#666; font-weight:normal; color:#222; line-height:14px;}
.c04_ul01 {width:210px; height:45px;}
.c04_li01 {float:left; font-family: 'Arial','Verdana'; font-size:34px; color:#343434; font-weight:bold; letter-spacing:-2em; height:45px;}
.c04_li02_r {float:left; font-family: 'Arial','Verdana'; font-size:13px; color:#dd0000; font-weight:bold; height:30px; padding-left:5px; padding-top:15px;}
.c04_li02_b {float:left; font-family: 'Arial','Verdana'; font-size:13px; color:#0090ff; font-weight:bold; height:30px; padding-left:5px; padding-top:15px;}
.c04_li02_g {float:left; font-family: 'Arial','Verdana'; font-size:13px; color:#7e7e7e; font-weight:bold; height:30px; padding-left:5px; padding-top:15px;}
.c04_txt02 {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#666; font-weight:normal; line-height:14px;}

/*컨텐츠 2행*/
#con_bot_t02 {width:1000px; height:235px;}
#content05 {float:left; width:490px; height:235px; margin-right:20px;}
/*container end*/

.content0501 {width:490px; height:235px;}
.content0502 {width:490px; height:235px;}
.con_ul01 {float:left; width:490px; height:42px;}

/*공지버튼*/
.con_li01 {float:left; width:162px; height:31px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:16px; color:#222; font-weight:bold; padding-top:11px; text-align:center;  background-color:#fff; line-height:19px;}
.con_li01 a:link     {color: #222; text-decoration: none; }
.con_li01 a:visited  {color: #222; text-decoration: none; }
.con_li01 a:hover    {color: #222; text-decoration: none; }


.con_li02 {float:left; width:162px; height:31px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:16px; color:#dfe1e4; font-weight:bold; padding-top:11px; text-align:center;  background-color:#9aa0aa; line-height:19px;}
.con_li02 a:link     {color: #dfe1e4; text-decoration: none; }
.con_li02 a:visited  {color: #dfe1e4; text-decoration: none; }
.con_li02 a:hover    {color: #dfe1e4; text-decoration: none; }


.con0501_c {float:left; width:490px; height:193px; background-color:#FFF;}
.con0501_mor {float:left; width:475px; height:19px; text-align:right; padding-right:15px; padding-top:15px;}
.con0501_ima {float:left; width:137px; height:159px; padding-left:25px;}
.con0501c_ul01 {float:left; width:328px; height:159px; }
.con0501c_ul01_01li {padding-left:20px; background:url(../images/ic_blu.gif) 10px 9px no-repeat; margin-bottom:10px;  font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#666; height:23px; padding-top:2px; line-height:14px;}
.con0501c_ul01_01li a:link {text-decoration: none;}
.con0501c_ul01_01li a:hover {text-decoration: underline;}
.con0501c_ul01_01li a:visited  {text-decoration: none;}

.con0501c_ul01_0102li { margin-bottom:10px; height:23px; padding-top:2px; }

.con0501c_ul01_02li { float:left; padding-left:20px; background:url(../images/ic_blu.gif) 10px 9px no-repeat;  font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#666; height:23px; padding-top:2px; line-height:14px;}
.con0501c_ul01_02li a:link {text-decoration: none;}
.con0501c_ul01_02li a:hover {text-decoration: underline;}
.con0501c_ul01_02li a:visited  {text-decoration: none;}
.con0501c_ul01_02li_n {float:left;  margin-left:6px; padding-top:3px;}
/*20160908 이미지세로정렬*/
.con0501c_ul01_02li_n img {vertical-align:middle;}


#content06 {float:left; width:465px; height:211px; padding-left:25px; padding-top:24px; background-color:#fff; }
.content0601 {float:left; width:294px; height:186px;}

.c06_stitle {float:left; font-family: 'Verdana', 'Aria'; font-size:9px; color:#777; font-weight:bold; width:465px; height:31px;}
.c06_Ttitle {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:22px; color:#222; font-weight:bold; width:465px; height:43px; line-height:28px;}
.c06_line {float:left; width:13px; height:6px; border-top:1px solid #343434; margin-left:1px;}
.c06_line02 {float:left; width:452px; height:6px;}
.c06_ima {float:left; width:131px; height:105px; background:url(../images/bg_con03.jpg) 0px 9px no-repeat;}
.c06_ul {float:left; width:163px; height:105px;}
.c06_li01 {float:left; width:163px; height:29px; font-family: 'Arial','Verdana'; font-size:26px; color:#3453a6; font-weight:bold; padding-top:5px;}
.c06_li02 {float:left; width:163px; height:15px; font-family: 'Arial','Verdana'; font-size:15px; color:#343434; font-weight:bold; padding-left:6px; margin-bottom:8px; }
.c06_li03 {float:left; width:163px; height:12px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#666; font-weight:normal; padding-left:6px; margin-bottom:5px; line-height:14px;}
.c06_li04 {float:left; width:163px; height:12px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#666; font-weight:normal; padding-left:6px; line-height:14px;}

.content0602 {float:left; width:147px; height:112px; padding-top:73px;}
.content0602 li {float:left; margin:0 0 3px 0;}


/*버튼*/
.c_btn_ser01 {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#ebe6e3; font-weight:normal; height:20px; width:136px; border:1px solid #d8d8d8; color:#222; background:url(../images/btn_bg_off.gif) 0px 0px no-repeat; padding-top:5px; padding-left:8px; line-height:14px;}
.c_btn_ser01:hover {background:url(../images/btn_bg_on.gif) 0px 0px no-repeat;}
.c_btn_ser01 a:link     {color: #222; text-decoration: none; }
.c_btn_ser01 a:visited  {color: #222; text-decoration: none; }
.c_btn_ser01 a:hover    {color: #222; text-decoration: none; }
/*content end*/


/*bottom start*/
/*20160919 wrap 가로추가*/
#bot_wrap {width:100%; height:219px; background-color:#333c55; margin:0; padding-top:25px; min-width:1000px; }
#bottom {width:1000px; height:219px; margin:0 auto;/*overflow:hidden;*/}/*패밀리사이트 추가를 위해 변경 20180322*/
#bot_logo {float:left; width:165px; height:194px;}
#bot_con {float:left; width:835px; height:194px;}
#bottom_navi {float:left; width:835px; height:19px; margin-bottom:19px;}
#bottom_navi li{float:left; display:inline; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#fff; font-weight:normal; margin-right:20px; line-height:14px;}

#bottom_navi li a:link     {color: #fff; text-decoration: none;}
#bottom_navi li a:hover    {color: #fff; text-decoration: underline;}
#bottom_navi li a:visited  {color: #fff; text-decoration: none;}


/*20190923 푸터 수정 */
#bo_add{float:left; margin-bottom:3px; width:835px; height:18px; line-height:13px;}
.bot_add_li01{float:left; display:inline; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#919ab2; font-weight:normal; margin-right:10px; line-height:13px;}
.bot_add_li03{float:left; display:inline; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#ffe44f; font-weight:normal; padding-left:10px; background:url(../images/bot_line.gif) 0px 3px no-repeat; margin-right:10px; line-height:13px;}
/*20190923 대표자명수정#bo_add {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#919ab2; font-weight:normal; margin-bottom:3px; width:835px; height:18px; line-height:13px;}*/
/*//20190923 푸터 수정 */

#bot_co {float:left; margin-bottom:3px; width:835px;  height:18px; letter-spacing:-0.2px;}/*letter-spacing:-0.2px; 추가*/
.bot_co_li01{float:left; display:inline; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#919ab2; font-weight:normal; margin-right:10px; line-height:13px;}
.bot_co_li02{float:left; display:inline; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#919ab2; font-weight:normal; padding-left:10px; background:url(../images/bot_line.gif) 0px 3px no-repeat; margin-right:10px; line-height:13px;}
.bot_co_li03{float:left; display:inline; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#ffe44f; font-weight:normal; padding-left:10px; background:url(../images/bot_line.gif) 0px 3px no-repeat; margin-right:10px; line-height:13px;}
#bot_copy {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#919ab2; font-weight:normal; padding-bottom:24px; width:835px; height:18px; border-bottom:1px solid #2a3148; line-height:13px;}

#bot_cer {float:left; width:300px; margin-top:15px;}
/*20200803 수정01 start*/
.bot_cer_li01 {float:left; display:inline; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#7b849c; font-weight:normal; background:url(../images/bot_ima05.gif) 0 0px no-repeat; margin-right:25px; padding-left:36px; line-height:14px;}
/*20200803 수정01 end*/
.bot_cer_li01 a:link     {color: #7b849c; text-decoration: none;}
.bot_cer_li01 a:hover    {color: #7b849c; text-decoration: none;}
.bot_cer_li01 a:visited  {color: #7b849c; text-decoration: none;}

.bot_cer_li02 {float:left; display:inline;  font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#7b849c; font-weight:normal; background:url(../images/bot_ima02.gif) 0 0px no-repeat; padding-left:36px; line-height:14px;}
.bot_cer_li02 a:link     {color: #7b849c; text-decoration: none;}
.bot_cer_li02 a:hover    {color: #7b849c; text-decoration: none;}
.bot_cer_li02 a:visited  {color: #7b849c; text-decoration: none;}


#bot_app {float:right; width:400px;  margin-top:15px;}
.bot_app_li01 {float:right; display:inline;  font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px;  color:#919ab2; font-weight:normal; margin-right:8px; padding-top:7px; line-height:14px;}
.bot_app_li02 {float:right; display:inline;margin-right:5px; }
.bot_app_li03 {float:right; display:inline; }

/* 하단 패밀리 사이트 추가 20180326 */
#bot_fam {position:relative; width:100%;}
#bot_fam .wrap{position:absolute; right:0; top:-5px; float:right; z-index: 1; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#919ab2; font-weight:normal;}
.family_site{position:relative;width:150px;}
.family_site .site_btn{position:relative; display:block; height:26px; padding:0 1em; border:1px solid #919ab2; background:transparent; cursor:pointer; font-size:13px; line-height:24px; color:#919ab2; text-align:left; text-decoration:none;}
.family_site .ctrl{position:absolute; right:10px; top:50%; height: 0; width: 0; margin-top:-2px; border-color:#919ab2 transparent transparent transparent; border-style:solid; border-width:4px 4px 0 4px;}
.family_site a.on .ctrl{position:absolute; right:10px; top:50%; height:0; width:0; margin-top:-2px; border-color:transparent transparent #919ab2 transparent; border-width:0 4px 4px 4px;}
.family_site ul{display:none; position:absolute; bottom:100%; left:0; right:0; z-index: 1; padding:8px 0; background:#333c55; border:1px solid #919ab2; border-bottom:0;}
.family_site ul li a{display:block; height:28px;line-height:28px; padding:0 1em; color:#919ab2;}
.family_site ul li a:before{content:''; display: inline-block; width:0; height:100%; vertical-align: middle;}
.family_site ul li a:hover{text-decoration:none;color:#fff;}
.family_site a.on + ul{display:block;}

/*bottom end*/

/*20190813 아주뉴스컨텐츠 추가 start*/
#content_news_b {float:left; background-color:#fff; width:1000px; height:235px;}/*20190827 수정*/

/*title start*/
.news_title_b {float:left; width:210px; height:211px; padding-left:24px; padding-top:24px; background:url(/image/news/bg_news.png) 134px 91px no-repeat;  border-right:1px solid #dedee0;}
.news_stitle {float:left; font-family: 'Verdana', 'Aria'; font-size:9px; color:#777; font-weight:bold; width:210px; height:31px;}
.news_Ttitle {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:22px; color:#222; font-weight:bold; width:210px; height:43px; line-height:28px; background:url(/image/news/icon_new.png) 110px 0 no-repeat;}
/*뉴스데스크 20190828 수정 start*/
.news_line {float:left; width:13px; height:6px; border-top:1px solid #343434; margin-left:1px;}
.news_line02 {float:left; width:196px; height:6px;}
.news_txt01 {float:left; width:210px; height:46px; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#666; font-weight:normal; color:#222; line-height:18px; margin-bottom:9px; padding-left:1px;}
/*뉴스데스크 20190828 수정 end*/

/*버튼*/
.news_btn {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:12px; color:#ebe6e3; font-weight:normal; height:20px; width:96px; border:1px solid #d8d8d8; color:#222; background:url(/image/news/btn_Nbg_off.gif) 0px 0px no-repeat; padding-top:5px; padding-left:8px; line-height:14px;}
.news_btn:hover {background:url(/image/news/btn_Nbg_on.gif) 0px 0px no-repeat;}
.news_btn a:link     {color: #222; text-decoration: none; }
.news_btn a:visited  {color: #222; text-decoration: none; }
.news_btn a:hover    {color: #222; text-decoration: none; }

/*title end*/


/*content start*/
.news_con_b {float:right; width:765px; height:235px; }

/*header*/
/*20190827 헤더간격수정 start*/
.news_header {float:left; width:765px; height:52px; border-bottom:1px solid #dedee0;}
.news_header_b {float:left; width:728px; height:24px; margin:14px 17px 14px 20px;}
.news_header_h4 {float:left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size:14px; color:#2e4d9d; font-weight:bold; width:68px; line-height:22px;*line-height:21px; height:24px; background:url(/image/news/icon_news.gif) 0 5px no-repeat; padding-left:20px;}

.news_h_ul01 {float:left; width:600px; line-height:24px; height:24px;}
.news_h_li01 {float:left;font-family:'돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#333333; font-weight:normal; background:url(/image/news/icon_arr_blu.gif) 0 7px no-repeat;  width:auto; line-height:25px; height:24px; padding-left:13px;}
.news_h_li01 a:link{color:#333333;}
.news_h_li01 a:before{color:#333333; }
.news_h_li01 a:hover{color:#2e4e9d;}

.news_h_li02 {float:left;font-family:'돋움','돋움체','Dotum','Dotumche'; font-size:11px; color:#999999; font-weight:normal; width:auto; line-height:27px; height:24px; padding-left:6px; }

.news_h_li04 {float:right; width:24px;}
/*20190827 헤더간격수정 end*/



/*content_news*/
.news_content {float:left; width:765px; height:162px; padding-top:20px; }
/*20190826 수정 start*/
.news_con_ima_b {position:relative; float:left; width:233px; height:143px; margin-left:20px; border:1px solid #dedee0; }
.news_con_ima {width:233px; height:143px;}
.news_con_txt {position:absolute; top:104px; left:0px; width:233px; height:39px; vertical-align: middle; line-height:42px; text-align:center; 
                      font-family:'돋움','돋움체','Dotum','Dotumche'; font-size:13px; font-weight:normal; color:#ffffff;
                      background-color:#000000;  /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */
                      background-color:rgba( 0, 0, 0, 0.5 ); /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */
                      background: transparent !ie*/; /* IE에서 Filter적용을 위해 배경을 지움 */
                      zoom:1; /* 정상적인 Filter적용을 위해 zoom:1을 적용 */
                      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);  /* IE5.5-7 */
                      -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#4d000000, endColorstr=#4d000000 )"; /* IE8,9 */
                      }
.news_con_txt a:link{color:#ffffff;}
.news_con_txt a:before{color:#ffffff;}
.news_con_txt a:hover{color:#ffffff;}
.news_con_txt a:visited{color:#ffffff;}
/*//20190826 수정 end*/
.news_con_listB {float:left; width:460px; margin-left:20px;}
.news_con_listB li {font-family:'돋움','돋움체','Dotum','Dotumche'; font-size:13px; color:#333333; font-weight:normal; width:460px; line-height:24px;}
.news_con_listB li a:link{color:#333333;}
.news_con_listB li a:before{color:#333333;}
.news_con_listB li a:hover{color:#2e4d9d;}
/*content end*/

/*20190813 아주뉴스컨텐츠 추가 end*/


/*아주뉴스 수정 start*/
#con_bot_tnew {width:1000px; height:235px; margin-bottom:20px;}
#news_con_bnew {float:right; width:745px; height:235px;  background-color:#fff;}
.news_headernew {float:left; width:745px; height:52px; border-bottom:1px solid #dedee0;}
.news_header_bnew {float:left; width:708px; height:24px; margin:14px 17px 14px 20px;}
.news_h_ul01new {float:left; width:580px; line-height:24px; height:24px;}
/*//아주뉴스 수정 end*/

/*20200117 RPA start*/
#content_bnew {float:left; width:235px; height:235px; margin-right:20px; }
/*//20200117 RPA end*/

/*로그인연장 레이어 팝업 start*/
	/* 팝업-smart_pop */
	#pop_box_out{border:7px solid #659ECB;}
	#pop_box_out2{border:7px solid #659ECB;}
	#pop_box_in{border:3px solid #94C1F0; background-color:#FFFFFF;}
	#pop_content{padding:20px;}
	.pop_title{font:bold 14px  "돋움", "Dotum"; color:#324A8A; height:24px; background:url(/DCT/image/new_popup/pop_Tdit.gif) 0px 0px no-repeat; padding:2px 0 0 21px; margin-bottom:18px; border-bottom:1px solid #81BAF6;}
	/*버튼 DIV*/
	.Pbtn{text-align:center; height:22px;}
	.Pbtn img{vertical-align:middle;}
.Pbot_input_box{margin:20px 0 20px 0; width:100%; height:auto; overflow:hidden; background-color:#E7EFF9;}
.pop_login_box_txt_center {margin:20px 25px 16px 25px; font:normal 12px "돋움","Dotum"; margin-bottom:18px; line-height:16px; text-align: center;}
.pop_login_box_txt_center_impor {font-weight:bold; color:#324A8A;}
.pop_login_impor_txt {margin-bottom:20px; width:100%; height:auto; overflow:hidden; font:normal 12px "돋움","Dotum"; color:#666; margin-bottom:18px; line-height:16px;}
/* 로그인연장 레이어 팝업 end */