@charset "utf-8";

@media screen and (max-width : 750px){


.quickMenu {display:none;}



/* 탑메뉴 */
.mo_top {width:100%; height:75px; position:relative; box-shadow:0 0 4px #ccc;display:block; background:#222;}
.mo_top .logo {float:left; margin-top:15px; margin-left:20px;}
.mo_top .logo img {width:147px; height:auto;}
.mo_top .slide-menu-open {position:absolute; right:20px; top:29px;}
.mo_top .slide-menu-open img {width:25px; height:auto;}
.topWrap{display:none;}




/* 메인비쥬얼 영역 */
.mbWrap {box-sizing:border-box; padding:0; margin:0 auto; position:relative;}

.mbWrap li {width:100% !important; overflow:hidden;}
.mbWrap li img { height: 200px; width:100%;}
.mbWrap .mv_arrow a {background:url(../images/main/mv_arrow.png) no-repeat; background-size:40px; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; transition:0.3s; z-index:8000}
.mbWrap .mv_arrow a:hover {opacity:0.5;filter:alpha(opacity=50)}
.mbWrap #slider-next a {left:5px;}
.mbWrap #slider-prev a {right:5px;background-position:right;}
.mbText01 {position:absolute; text-align:left; top:30px; width:90%; left:40px;}
.mbText01 .text01 p {font-size:15px; color:#fff; font-weight:900; height:28px;text-align: center;}
.mbText01 .text01 {font-size:28px; font-weight:500; color:#fff;text-align: center;}
.mbText01 .text02 {color:#fff; font-size:12px; margin-top: 10px;text-align: center;}
.mbText01 .btn_btm {margin-top:10px;text-align: center;}
.mbText01 .btn_btm .btn.mid{color:#fff; height:38px; border:1px solid #fff;}
.mbText01 .btn_btm .btn.mid:hover{color:#000; background:#fff;}
.btn.mid {padding: 0 15px !important;min-width: 150px !important;}

/* 최근 게시물영역 */
.line_box {overflow: hidden;background-color: #f5f5f5;padding: 7px;}
.NoticeArea .lately {width:90%;}
.NoticeArea .lately h1 {text-align:left; font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px;font-weight: 600;}
.NoticeArea .lately h1 .edge {display:none;}
.NoticeArea .lately ul li {border-bottom:1px solid #eae9f1;overflow: hidden;position: relative;height: 50px;line-height: 50px;width: 100%;}
.NoticeArea .lately li:last-child {}
.NoticeArea .lately ul li a {display:block;}
.NoticeArea .lately ul li a .title {height:50px; line-height:50px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; padding-right:100px; font-size:14px;}
.NoticeArea .lately ul li a .date {position:absolute; width:100px; right:0px; top:0; text-align:right; font-size:13px;}
.NoticeArea .moreBtn {display:none;}
.NoticeArea .notice h1 a {color:#385dae;}
.NoticeArea .notice {padding:15px;}
.NoticeArea .datalist {padding:15px;}
.NoticeArea .lawnotice {padding:15px;}
.NoticeArea .notice h1 a {color:#494949;}

/*무료체험 다운로드*/
.freedown {background:url(../images/main/idea_bg.jpg) no-repeat center top;    width: 100%;background-size: cover;box-sizing: border-box;padding: 30px 15px;}
.freedown .freecare {margin:0px auto; position:relative; box-sizing:border-box; }
.freedown .freecare .title {font-size:16px; color:#ffce00; font-weight:500; margin-bottom:10px; text-align:center; font-style:italic;}
.freedown .freecare .freetitle {font-size: 22px;color: #fff;font-style: italic;margin-bottom: 15px;text-align: center;}
.freedown .freecare p {font-size:14px; color:#fff; word-break:keep-all; text-align:center; margin-bottom:5px;}
.freedown .freecare .btnArea {overflow:hidden; padding-top:20px;}
.freedown .freecare .btnArea a {display:block; box-sizing:border-box; padding:10px 0; text-align:center; font-size:16px; transition:0.3s; width:49%; box-sizing:border-box;}
.freedown .freecare .btnArea a.requestBtn {color:#ffce00; border:1px solid #ffce00; float:left;line-height: 230%;}
.freedown .freecare .btnArea a.requestBtn span {display:block;}
.freedown .freecare .btnArea a.tel {color:#fff; border:1px solid #fff; float:right; width:49%; box-sizing:border-box;}
.freedown .freecare .btnArea a.tel strong {font-weight:500; display:block;}
.freedown .freecare .img {width:80%; margin:0px auto 20px auto; display:block; display:none;}
.freedown .freecare .img img {width:100%;}


/*케어프렌즈 영역*/

.careWrap .careintro ul li img {width: 100%; opacity: 0.5;}
.careWrap {width:100%; margin:0px auto;overflow: hidden;}
.careWrap .careintro{height: 280px;}
.careWrap .careintro h1{color: #385dae;font-size: 22px;text-align: center;margin-top:25px;}
.careWrap .careintro{width:100%;height: 100%;}
.careWrap .careintro ul {overflow:hidden;}
.careWrap .careintro ul li {width:50%; text-align:center; float:left; box-sizing:border-box;position:relative; padding:2px;}

.careWrap .careintro ul li:last-child {margin-right:0;}
.careWrap .careintro ul li dl {position: absolute;top: 30%;left: 0;width: 100%;}

.careWrap .careintro ul li dl dt {font-size:16px; color:#222;font-weight: 600;margin: 8px 15px;letter-spacing: -1px; }
.careWrap .careintro ul li dl dd {word-break:keep-all; font-size:13px;white-space:nowrap;color:#494949;}
.careintro h1 strong {font-weight: 700;font-style: normal;color: #385dae;font-size: 22px;}
.careintro h1 p {font-style: normal;font-size: 14px;letter-spacing: -1px; color:#777;font-weight: 300;margin-top:10px;}
.careintro h1 .edge {width: 40px;height: 4px;background-color: #385dae;margin: 10px auto 20px auto;border-radius: 10px;}


/*전화번호 영역*/
.careWrap .inquires{background-color: #f4f4f4;padding: 30px 40px;}
.careWrap .inquires h1 {margin-bottom:40px;font-size: 22px;text-align: center;}

.inquires h1 strong {font-weight: 600;font-style: normal;color: #232323;font-size: 22px;}
.inquires h1 p {font-style: normal;font-size: 14px;letter-spacing: -1px; color:#777;font-weight: 300;margin-top:10px;}
.inquires h1 .edge {width: 40px;height: 4px;background-color: #232323;margin: 10px auto 20px auto;border-radius: 10px;}

.inquires .inq_call{height: 35px;padding-top: 8px;position: relative;background: url(../images/main/icon_call.png) no-repeat 50px 0;background-size: 35px 35px;margin: 10px 0px 0 10px;z-index: 4;}
.inquires .inq_call strong{font-size:30px;font-weight: 700;color:#345bae;}
.inquires .inq_title{color:#333;font-size:16px;font-weight: 900;margin-bottom: 6px;}
.inquires .inq_sub{color:#333;font-size:14px;}
.inq_dte{margin:35px 0 0 20px;    text-align: center;}


/* 문의하기 */
.request {margin:0px auto; padding:80px 0;}
.request_step  {overflow:hidden; margin-bottom:20px;padding:0 15px;}
.request_step .request_title strong {font-size:18px; display:block; margin-bottom:10px; margin-top:18px;text-align: center;}
.request_step .request_contents {width:100%; float:left;font-weight:400; padding:0;}
.request_step .request_contents .agree { overflow-x:hidden; overflow-y:scroll; width:100%; height:260px; box-sizing:border-box; padding:20px; border:1px solid #dbdbdb; border-radius:5px}
.request_step .request_contents .agreeCheck {width:100%;line-height:30px; height:30px; font-size:14px; color:#656565;padding-top:15px; font-weight: 500;}
.request_step .request_title {text-align: center;width: 100%;box-sizing: border-box;padding: 0 0 0 20px;font-size: 13px;color: #454545;line-height: 18px;float: left;position: relative;margin-bottom: 30px;}
.request_table tbody{width: 100%;}
.request_table {width: 100%;}

.request_contents .toptr {border-top: 2px solid #222;}
.request_step tbody td .tableEnter {padding-top:10px;}
.request_step tbody th, .request_step tbody td {display:block; clear:both; padding:0 10px;}
.request_step tbody th {font-weight:500; font-size:14px; text-align:left; padding-top:10px;}
.request_step tbody th span {color:#F00; padding-left:10px;}
.request_step tbody td {padding:10px 10px 20px 10px; font-size:14px; font-weight:400; border-bottom:1px solid #dbdbdb;}
.request_step tbody td #email_list {margin:5px 0 0 0; width:60%;}
.request_step tbody td p {display:block; padding-top:10px; font-size:12px;}
.request_step tbody td input[type="text"], .table_form tbody td input[type="password"]{margin-bottom: 5px;height:30px; line-height:30px; color:#555; font-size:11px; box-sizing:border-box; padding:0 8px; margin-top:-1px; border:1px solid #dbdbdb; border-radius:3px;}

.request_table td span {font-size:11px; color:#999; padding-left:10px;}
.request_table tr{width: 100%;}
.askBtn {display: inline-block;border: none;color: #fff;background-color: #385dae;width: 120px;line-height: 50px;height: 50px;font-weight: 700;font-size: 18px;margin: 0 5px;transition: 0.3s;border-radius: 5px;}
.request_table td .addNum .btnAdd {display: inline-block;border: none;border-radius: 5px;height: 30px;line-height: 30px;width: 100px;color: #222;text-align: center;font-size: 12px;margin-left: 5px;background-color: #333;color: #fff;}
.btn_foot_area {text-align: center;margin: 0 0 50px 0;}
.size01 input{width: 80%;}
.request_table td #oAddr2 {width: 100%;}

/*footer*/
.footerWrap {padding:10px 10px; background-color:#222; color:#fff;}
.footerWrap .footer {width:100%; margin:0px auto;overflow: hidden;}

.footerWrap .footer .footmenu {margin-top:10px}
.footerWrap .footer .footmenu .quickLink {overflow:hidden;position:relative;font-size:13px;}
.footerWrap .footer .footmenu .quickLink li {float:left;}
.footerWrap .footer .footmenu .quickLink li .div {height:10px; width:1px; background-color:#7e7e7e; margin:5px 5px 0 5px; float:right;}
.footerWrap .footer .footmenu .quickLink li a {color:#fff;font-size:12px; display:inline-block; font-weight:300; transition:0.6s;}
.footerWrap .footer .footmenu .quickLink li a:hover {color:#ffce00;}

.footerWrap .footer .footText {padding:20px 0; position:relative;overflow: hidden;width: 100%;}
.footerWrap .footer .footText h1 {font-size:18px; font-weight:800; color:#64adff; margin-top:6px;margin-bottom:10px;}
.footerWrap .footer .footText p {color:#fff; font-size:11px; letter-spacing:-0.2px; margin-bottom:4px;line-height: 160%;}
.footerWrap .footer .footText span {font-size:12px;color:#fff;}

.footerWrap .footer .footlogo{width:100%;}
.footerWrap .footer .footadd{width:100%;}
.footerWrap .footer .footadd span{margin-right: 5px;}

.footerWrap .footer .footLink {border-bottom:1px solid #7e7e7e; padding-bottom:20px; position:relative;height: 30px;}
.footerWrap .footer .footLink .requsetTel { height:22px; line-height:22px; font-size:14px; color:#CCC; position:absolute; right:0px; top:10px;}
.footerWrap .footer .footLink .requsetTel strong {font-weight:700; color:#d6ae31; font-size:14px; padding-left:10px;}
.none{display: none;}


/*서브메뉴부분*/
#navigation_sub {width: 100%;height: 48px;}
#navigation_sub .navi_sub_area {height: 48px;width: 100%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan4 {width: 100%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan4 > li {width: 50%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan3 {width: 100%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan3 > li {width: 30%;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a {font-size: 13px;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan6 {width:100%;}
#navigation_sub .navi_sub_area .navi_sub_ul.lan6 > li{width:33.33%;}
#navigation_sub .navi_sub_area .navi_sub_ul li .navi_sub_dl dt a {font-size: 13px;}

#subtopnavi .subfree01 {background: url(../images/common/subTopBg01.jpg) no-repeat center top !important;}
#subtopnavi_pr {margin: 0 auto;position: relative; height: 300px;z-index: 1;background: #fff;}
#subtopnavi {margin: 0 auto;position: relative; height: 250px;z-index: 1;background: #fff;}

#contents {width: 100%;margin: 0 auto;position: relative;min-height: 100%;padding-bottom: 30px;}

.sub_top {height: 175px;}
.section .inner {padding: 0 0;}
.section .inner > h2{font-size: 20px;padding-top: 20px;}
.section .inner > p {font-size: 13px;}

.divDotline {margin-bottom: 20px;padding: 0;height: 1px;border-bottom: 1px dotted #dbdbdb;}
.hr_desc .fir_desc {line-height: 20px;font-size: 13px;width: 70%;margin: 0 auto;}
.sub_top .inner > h2 {font-size: 18px;}



/*회사소개*/
.img_logo{width: 80%;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;margin: 0 auto;position: relative;text-align: center;    padding-top: 20px;}
.row_lineb{display: block;width: 1px;height: 25px;border-radius: 5px;background-color: #2b2e83;margin: 0 auto;}
.sub_lineb{display: block;width: 20px;height: 1px;border-radius: 5px;background-color: #385dae;margin: 8px auto;}
.intro_box01{padding:10px 10px;}
.text_box .intro_dl {width:100%;margin:30px auto 0;overflow:hidden;}
.text_box .intro_dl dt {width:100%;margin-bottom: 20px;}
.text_box .intro_dl dt h3 {font-size:20px;line-height:35px;color:#333;font-weight:300; margin-left:4px;text-align: center;}
.text_box .intro_dl dt p {font-size:13px;color:#333;line-height:20px;letter-spacing:-0.5px;margin-left:6px;text-align: center;}
.text_box .intro_dl dd {background-color:#f7f7f7;padding:30px 20px;border-radius: 5px;}
.text_box .intro_dl dd h4 {font-size:14px;line-height:22px;color:#333;font-weight:500;margin-bottom:15px;}
.text_box .intro_dl dd p {font-size:12px;line-height:20px;color:#333;letter-spacing:-0.5px;}
.text_box .intro_dl dd a {width:225px;height:47px;padding-left:20px;display:block;border:1px solid #d6d6d6;margin-top:35px;font-size:13px;color:#333;line-height:47px;letter-spacing:-0.5px;}
.img_logo img{width: 80%;}


/*연혁*/
.introList {margin-bottom:0px; padding:10px;}
.introList li {overflow:hidden; display:table; width:100%;}
.introList li .th, .introList li .td {font-size:12px; border-top:1px solid #dbdbdb; box-sizing:border-box; display:table-cell; word-break:keep-all; vertical-align:middle;}
.introList li .th {font-weight:400;  font-weight:400; color:#222; position:relative; width:100px; padding:10px}
.introList li .th .div {position:absolute; width:1px; height:14px; background-color:#dbdbdb; top:50%; right:0px; margin-top:-7px;}
.introList li:first-child .th {border-top:2px solid #222;}
.introList li:last-child {border-bottom:1px solid #dbdbdb;}
.introList li .td {font-weight:300;  font-weight:300; padding:10px}
.intro_img01 {height:250px;}


/*특장점*/
.abv_img01 img{width:100%;height:100%;}


/*프로그램*/

.section{position: relative;margin: 0 auto;width: 96%;overflow: hidden;}
.section .inner{position: relative;top:0;padding: 15px 0;}
.section .inner > p{font-size: 13px;}

.talented_list{width: 90%; margin: 0 auto;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding: 40px 10px 20px;}
.talented_list  .en_font1{color: #666;font-size: 12px;line-height: 1;margin-left:4px;letter-spacing: 1px;}
.talented_list  h3{color: #385dae;font-size: 18px;line-height: 1;font-weight: 300;margin: 10px 0 10px;letter-spacing:-1px;}
.talented_list  h4{color: #333;font-size: 14px;line-height: 1.3;font-weight: 400;}
.talented_list  p{color: #666;font-size: 12px;line-height: 1.5;}
.talented_list  .s_hr_line{border-color: #385dae;margin-left:0; }
.talented_list  .icon{ width: 120px;margin: 0 auto;}
.talented_list  .icon img{ margin: 0 auto;width: 120px;height: 120px;}
.talented_list .text{position: relative;width: 100%;padding: 30px 0px;}

.pro_img_area {width: 100%;margin: 0 auto;position: relative;padding: 20px 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.pro_sub_img {}
.pro_sub_img img{width: 100%;margin-top:20px;}
.pro_img_area .pro_sub_title{font-weight: normal;float: left;width: 100%;}
.pro_img_area .pro_sub_title h2{font-size: 16px;letter-spacing: -2px;margin-bottom: 10px;}
.pro_img_area .pro_sub_title p{font-size: 14px;color: #666;line-height: 20px;}
.pro_img_area .s_hr_line {border-color: #385dae;margin-left: 0;}



/*고객지원*/
.form_table {width: 95%;padding: 25px 10px 50px;}
.form_table table {width: 100%;}
.form_table table th,.form_table table td.title{font-size: 13px;}
.form_table table td{font-size: 12px;}
.form_table table .views{display: none;}

/*페이징*/
.paging ul li.prev_page_btn {margin-right: 10px;}
.paging{width: 100%;}
.paging ul li { margin: 0 0 ;}
.btn_Writ_area {margin: 20px 0;float: right;}

.cfcTop {padding:20px 10px;}
.cfcTop .cf_search {position:relative; padding:0 85px 0 95px;}
.cfcTop .cf_search select {height:36px; line-height:36px; width:90px; position:absolute; left:0px; top:0px;}
.cfcTop .cf_search input {height:34px; line-height:34px; width:96%;}
.cfcTop .cf_search .searchBtn {border-radius: 2px;position:absolute; right:0px; top:0; color:#fff; background-color:#222; font-size:13px; width:80px; text-align:center; height:36px; line-height:36px; border:none; margin:0px; padding:0;-webkit-appearance: none;}
.cfcTop span {font-size:12px; margin-bottom:5px; display:block;}
.cfcTop span strong {font-size:14px; font-weight:700; color:#385dae}


/*faq*/
.faqList { margin:0 10px; border-top:1px solid #385dae; padding:0px;}
.faqList li {border-bottom:1px solid #dbdbdb;}
.faqList li dl {display:table; width:100%;padding:15px 0;}
.faqList li dl dt {font-size:20px; font-weight:700; width:40px; text-align:center;}
.faqList li dl dt, .faqList li dl dd {display:table-cell; vertical-align:middle;padding: 15px 0;}

.faqList li .askTitle {cursor:pointer; transition:0.3s;}
.faqList li .askTitle:hover {background-color:#fafafa;}
.faqList li .askTitle dt {color:#385dae;}
.faqList li .askTitle dd {font-size:13px; background:url(../images/sub/faq_arrow.png) no-repeat right 20px top 50%; background-size:12px auto; padding:0 50px 0 0px; transition:0.3s; color:#2b2e83; font-weight:500}
.faqList li .askTitle.on dd {background:url(../images/sub/faq_arrowOn.png) no-repeat right 20px top 50% !important;}

.faqList li .answer {background:#f7f7f7; display:none;}
.faqList li .answer dt {color:#f27824; border-right:1px solid #dbdbdb;}
.faqList li .answer dd {font-size:12px; padding:20px; word-break:keep-all;}
.faqList li .answer dd * {font-size:12px !important;}

.form_more .prev_next>ul>li div a {margin-left: 20px;font-size: 13px; }
.no_article {margin-left: 20px;}
.btn_Writ_area, .list_btn_area {margin: 20px 0;float: right;}

.btn_Writ {font-size: 12px; height: 40px;line-height: 40px;width: 80px;}
.btn_area .list_btn_area input {font-size: 12px; height: 40px;line-height: 40px;width: 50px;}
.btn_base{font-size: 12px; height: 40px;line-height: 40px;width: 50px;}
.form_more .list_head .head_sub_ex .ex_info{border-bottom:1px solid #dbdbdb;width: 100%;}

.form_more .list_head .head_sub_ex .ex_info{border-bottom:1px solid #dbdbdb;width: 100%;}
.form_more .list_head .head_sub_ex .ex_info ul li {margin-left: 10px;}
.form_more .list_head{overflow: hidden;}

/*홈페이지이용안내*/
.subsidiary_area{}
.personal_cnt {padding: 20px 0;}
.personal_cnt .p_list_tit{font-size:14px;font-weight: 600;}
.personal_cnt>div {margin-bottom: 30px;}
.personal_cnt .personal_list4 dl dt {font-weight: 600;}
.personal_cnt .personal_list9 ul>p {font-weight: 600;}
.personal_cnt .personal_list11 span.p_list_txt {height: 100%}
.personal_cnt .personal_list4 dl, .personal_cnt ul li, .personal_list10 dd{padding-left: 10px;}

.preparing{font-size:30px;font-weight: 600;text-align: center;height: 300px;margin-top:30px;}
.preparing img{width: 100%;}



/*20190702 추가*/

/*메뉴부분*/
.sidemenu_area { overflow-y: auto;background:#fff;padding: 0px;position: fixed; top: 0;right: -100%;height: 100%;z-index: 9900;transition: 0.5s;width: 100% !important;min-width:100% !important;max-width:100% !important;}
.sidemenu_area > ul{ list-style:none;padding:0;margin:0;}
.sidemenu_area .menuTop {background-color:#385dae; padding:20px;}
.sidemenu_area .menuTop a.menu_close { padding:0;display: block;float:right;margin:0;text-decoration: none;}
.sidemenu_area .menuTop a.menu_close { padding:0;display: block;float:right;margin:0;text-decoration: none;}
.sidemenu_overlay { height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color:#fff;overflow-y: auto;overflow-x: hidden;text-align: center;opacity: 0;transition: opacity 1s;}
.memberArea {overflow:hidden; vertical-align:middle; padding:0 10px; border-bottom:1px solid #dbdbdb;}
.memberArea h2 {float:left; font-size:14px; color:#222; font-weight:400; height:100%; height:80px; line-height:80px;}
@media screen and (max-width:340px)
{
.memberArea h2 {float:left; font-size:12px; color:#385dae; font-weight:400; height:100%; height:80px; line-height:80px;}
}
.memberArea .btnArea {float:right; padding-top:20px;}
.memberArea .btnArea a {display:block; margin:0 0 0 10px; padding:0 15px; height:40px; line-height:40px; box-sizing:border-box; border-radius:5px; float:right; background-color:#fafafa; border:1px solid #dbdbdb; color:#333;}
.memberArea .btnArea a.loginBtn {background-color:#797979; border:1px solid #797979; color:#fff;}

.navMenu {width:100%; position:relative; min-height:400px;}
.navMenu li .navMenuBg {background:center 25% no-repeat; padding:0; margin:0; width:120px; font-size:14px; font-weight:700; height:100px; text-align:center; background-size:50px 50px; vertical-align:bottom; line-height:150px; border-bottom:1px solid #dbdbdb; position:absolute; background-color:#f3f3f3; left:0; box-sizing:border-box;border-right:1px solid #dbdbdb;}
.navMenu li .navMenuBg.on {background-color:#fff; color:#385dae; border-bottom:none; border-right:none;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
.navMenu li .menu01 {background-image:url(../images/mobile/iconmenu_img01.png); top:0px}
.navMenu li .menu01.on {background-image:url(../images/mobile/iconmenu_img01_on.png)}
.navMenu li .menu02 {background-image:url(../images/mobile/iconmenu_img02.png); top:100px;}
.navMenu li .menu02.on {background-image:url(../images/mobile/iconmenu_img02_on.png)}
.navMenu li .menu03 {background-image:url(../images/mobile/iconmenu_img03.png); top:200px;}
.navMenu li .menu03.on {background-image:url(../images/mobile/iconmenu_img03_on.png)}
.navMenu li .menu04 {background-image:url(../images/mobile/iconmenu_img04.png); top:300px;}
.navMenu li .menu04.on {background-image:url(../images/mobile/iconmenu_img04_on.png)}
.navMenu li .subMenu {margin:0 0 0 119px; display:none; border-left:1px solid #dbdbdb; box-sizing:border-box;}
.navMenu li .subMenu.on {display:block;}
.navMenu li .subMenu a {font-size:15px; box-sizing:border-box; height:50px; line-height:50px; padding:0 20px; color:#444; background-color:#fff; font-weight:700; border-bottom:1px solid #dbdbdb; display:block}

.proQuick {overflow:hidden; display:block; clear:both;width: 100%;}
.proQuick div {float:left; box-sizing:border-box; width:40%;}
.proQuick .progamBg {height: 100px;padding-left: 80px;position: relative;float: left;background: url(../images/main/program_icon.png) no-repeat 30px 38px #385dae;overflow: hidden;z-index: 4;}
.proQuick .progamBg .btn1 {font-size: 16px;line-height: 16px;font-weight: bold;max-width: 144px;background: #385dae;}
.proQuick .progamBg  button{color:#fff; font-weight:bold; height:100%;}
.proQuick .MenuProgram {height: 100px;background: #eff1fe;width: 60%;float: left;padding:20px 25px;}
.proQuick .MenuProgram dl dt{font-size: 16px;font-weight: 600;padding-bottom: 5px;}
.proQuick .MenuProgram dl dd{font-size: 14px;padding-bottom: 5px;}
.proQuick .MenuProgram dl dd.call{font-size: 22px;font-weight: 600;color: #385dae;}



.sidemenu_overlay, .sidemenu_area{display:block;}

    /*20190830 추가*/
    .pay_step .pay_title strong {
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
        margin-top: 18px;
        text-align: center;
    }

    .pay_step .pay_title {
        display: none;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        padding: 0 0 0 20px;
        font-size: 13px;
        color: #454545;
        line-height: 18px;
        float: none;
        position: relative;
        margin-bottom: 30px;
    }


    /* data table */
    .data_table table {
        width: 100%;
    }

    .data_table .table {
        position: relative;
        border-top: 2px solid #222;
    }

        .data_table .table:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
            height: 1px;
            background: #dddbda;
        }

        .data_table .table th {
            font-size: 14px;
            line-height: 24px;
            padding: 16px 14px;
            text-align: center;
            border-top: 1px solid #eeeceb;
            border-right: 1px solid #eeeceb;
            background: #f8f6f5;
        }

        .data_table .table thead tr:first-child th {
            border-top: none;
        }

        .data_table .table tbody th, .data_table .table tbody td {
            border-bottom: 1px solid #eeeceb;
        }

        .data_table .table tbody .last_line {
            border-bottom: 1px solid #dddbda;
        }

        .data_table .table tbody tr:last-child th, .data_table .table tbody tr:last-child td {
            border-bottom: 1px solid #dddbda;
        }

        .data_table .table tbody th {
            padding: 14px;
        }

            .data_table .table tbody th.no_bg {
                background: #fff;
            }

                .data_table .table tbody th.no_bg .em_small {
                    font-size: 12px;
                    line-height: 24px;
                    color: #ff9000;
                }
        /*bx*/
        .data_table .table tbody td {
            font-size: 14px;
            line-height: 21px;
            padding: 16px 14px;
            text-align: center;
            color: #666;
            border-right: 1px solid #eeeceb;
            background: #fff;
        }

        .data_table .table td:last-child {
            border-left: 0 none;
        }

        .data_table .table th.bdl, .data_table .table td.bdl {
            border-left: 1px solid #eeeceb !important;
        }

        .data_table .table tbody td.bld {
            color: #222;
        }

        .data_table .table tbody td.bg_blue {
            background-color: #f4f3fb;
        }

    .pay_contents {
        width: 100%;
    }

    .data_table .table th.no_bg {
        font-size: 14px;
        line-height: 21px;
        padding: 16px 14px;
        background: #fff;
    }

    .data_table .table tr:first-child th.no_bg {
        border-top: 0 none;
    }

    .data_table .table th.bt_bd {
        border-bottom: 1px solid #eeeceb;
    }

    .data_table .table .al_left {
        padding-left: 20px;
        text-align: left;
    }

    .data_table .table .al_right {
        padding-right: 20px;
        text-align: right;
    }

    .data_table .table .al_left {
        text-align: center;
    }

    .data_table .table .al_top {
        padding-top: 14px;
        vertical-align: top;
    }

    .data_table .table .al_btm {
        padding-bottom: 14px;
        vertical-align: bottom;
    }

    .data_table .table tfoot th {
        border-right: 0 none;
    }

    .data_table .table thead th:last-child, .data_table .table tbody td:last-child, .data_table .table tbody th:last-child, .data_table .table.vline_hide th, .data_table .table.vline_hide td {
        border-right: 0 none;
    }


    /*20190830 추가 끝*/

}