.mobile {display:none;}

/**
.header_box {width:1100px;position:relative;margin:auto;}
.header_box .top_notice {position:absolute;right:0px;top:10px;font-size:13px;}
.header_box .top_notice a{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:17px;vertical-align:middle}
.header_box .top_notice span {background-color:#00a654;color:#fff;display:inline-block;padding:2px 5px;font-size:11px;margin-right:5px}
.header_box .logo {float:left;height:85px;padding-top:30px}
.header_box .navigation {float:right;padding:55px 0 20px}
.header_box .navigation li{padding-left:40px;float:left}
.header_box .navigation li a{display:block;text-align:center;font-size:14px;}
.header_box .navigation li a.over span{color:#9dc443;position:relative;}
.header_box .navigation li a.over span:before{position:absolute;left:50%;top:-15px;content:'';background:url('/site_d/images/logo.png') left top no-repeat;width:13px;background-size:50px;height:15px;margin-left:-6px;}
.header_box .navigation li a span {display:block;font-size:16px;font-weight:900}
.header_box .navigation:after {clear:both;content:'';display:block;}
.header_box:after {clear:both;content:'';display:block;}
**/
.header_box {position:relative;margin:auto;}
.header_box .quick_consult{position:fixed;right:30px;bottom:20px;display:block;padding-top:10px;width:60px;height:60px;text-align:center;vertical-align:middle;background-color:#314838;border-radius:100%;color:#fff;font-size:11px;line-height:1.6}
.header_box .quick_consult img{width:18px;display:block;margin:0 auto 5px;}
.header_box .gnb {position:absolute;left:50%;margin-left:280px;;top:5px;font-size:13px;text-align:right}
.header_box .gnb a{display:inline-block;padding:5px 0;color:#999}
.header_box .gnb a:after{content:'|';color:#ccc;font-size:10px;padding:0 10px;}
.header_box .gnb a:last-child{color:#f06f38;font-weight:600}
.header_box .gnb a:last-child:after{content:''}
.header_box .top_notice {position:absolute;right:0px;top:10px;font-size:13px;}
.header_box .top_notice a{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:17px;vertical-align:middle}
.header_box .top_notice span {background-color:#00a654;color:#fff;display:inline-block;padding:2px 5px;font-size:11px;margin-right:5px}
.header_box .logo {margin:auto;text-align:center;padding:15px 0;border-bottom:1px solid #eaeaea}
.header_box .navigation {width:1100px;margin:auto;position:relative;border-left:1px solid #eaeaea}

.header_box .navigation .all_menu {display:none}
.header_box .navigation .all_menu a{display:block;position:absolute;top:0;left:0;width:53px;height:53px;padding-top:18px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}
.header_box .navigation .all_menu span{display:block;width:25px;height:2px;margin:0 auto 5px;background:#555;}
.header_box .navigation .all_menu span:last-child{margin-bottom:0;}


.all_menu_area .albox {}
.all_menu_area .mb_menu {display:none}
.all_menu_area {position:absolute;left:0px;width:100%;background-color:rgba(255,255,255,1) ;z-index:9000;border-bottom:1px solid #333;border-top:1px solid #eaeaea;display:none;box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
.all_menu_area .box {width:16.6%;float:left;padding:0 8px;border-right:1px solid #eaeaea}
.all_menu_area .box h1{font-size:20px;font-family:'NBGL';font-weight:100;color:#666;display:none}
.all_menu_area .box h1:after{content:'';width:15px;height:1px;background-color:#cecfce;display:block;margin:15px 0 5px}
.all_menu_area .box h2{font-size:14px;font-family:'NBGL';font-weight:100;color:#00ab4f;padding:10px 0 5px;display:block;}
.all_menu_area .box ul {padding-bottom:5px}
.all_menu_area .box ul li a{display:block;padding:2px 0;color:#666;line-height:1.4}
.all_menu_area .box li .imgbox {height:70px;overflow:hidden;position:relative;max-width:220px}
.all_menu_area .box li .imgbox img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.all_menu_area .box#box_company {display:none}
.all_menu_area .cusbox {display:none}
.all_menu_area:after {clear:both;content:'';display:block}

/** 모드전환 **/
.mode_menu {display:none}


.header_box .navigation ul{display:table;width: 100%}
.header_box .navigation:after {clear:both;content:'';display:block}
.header_box .navigation li:first-child{}
.header_box .navigation li{display:table-cell;height:53px;width:16.6%}
.header_box .navigation li a{display:block;text-align:center;font-size:17px;padding:10px 0;position:relative;}
.header_box .navigation li a.over {font-family:'NBGB'}

.header_box .navigation li.point:nth-child(4) {background-color:#9bc242}
.header_box .navigation li.point:nth-child(4) span{color:#fff;opacity:0.7}
.header_box .navigation li.point:nth-child(5) {background-color:#314838}
.header_box .navigation li.point:nth-child(5) span{color:#fff;opacity:0.7}
.header_box .navigation li.point:nth-child(6) {background-color:#757575}
.header_box .navigation li.point:nth-child(6) span{color:#fff;opacity:0.7}
.header_box .navigation li.point a{color:#fff}

.topline {border-bottom:1px solid #eaeaea}

.topline.bgG {border-bottom:1px solid #9bc242;}
.topline.bgS {border-bottom:1px solid #314838;}
.topline.bgW {border-bottom:1px solid #757575;}

.header_box .navigation li a span {display:block;font-size:16px;font-weight:100;font-size:12px;color:#ccc}
.header_box .navigation:after {clear:both;content:'';display:block;}
.header_box:after {clear:both;content:'';display:block;}


.tit_main_title  {color:#fff;padding:15px 0 0;font-size:30px;line-height:1.2;text-align:center;letter-spacing: -0.5px;height:190px;}
.tit_main_title  span{display:inline-block;font-size:18px;padding-bottom:5px}
.tit_main_title  h2 {display:block;font-weight:100; padding: 10px 0 15px; }
.tit_main_title  h2 strong{font-weight:600;}
.tit_main_title  .subtxt{letter-spacing: -0.5px;     line-height: 1.6;font-size:14px}


.tit_main_title.make {background-color:#9bc242}
.tit_main_title.make span{color:#fff}
.tit_main_title.make h2{color:#314838}
.tit_main_title.make .subtxt{color:#fff;opacity:0.8}

.tit_main_title.system {background-color:#314838}
.tit_main_title.system span{color:#fff}
.tit_main_title.system h2{color:#9bc242}
.tit_main_title.system .subtxt{color:#fff;opacity:0.7}
.tit_main_title.system h2{padding-bottom:5px;}

.tit_main_title.unisahre {background-color:#757575}
.tit_main_title.unisahre span{color:#9bc242}
.tit_main_title.unisahre .subtxt{color:#fff;opacity:0.7}

.lnb {display:table;width:1100px;margin:auto;padding:20px 0;border-bottom:1px solid #cecfce;margin-bottom:20px}
.lnb .tit_service {display:table-cell;width:350px;font-size:16px;vertical-align:top}
.lnb .tit_service strong{display:block;font-size:30px;}
.lnb .tit_service .txt{display:block;font-size:20px;padding-bottom:40px}
.lnb .tit_service p{font-size:12px;font-weight:bold;color:#999;letter-spacing:-0.5px}
.lnb .tit_service p span{margin-right:3px}
.lnb .tit_service p span:before{color:#fff;font-size:12px;width:15px;height:15px;line-height:15px;text-align:center;display:inline-block;margin-right:3px;}
.lnb .tit_service p span.ic_new:before{background-color:#9dc443;content:'N';}
.lnb .tit_service p span.ic_ready:before{background-color:#00a654;content:'R';}
.lnb .tit_service p span.ic_hot:before{background-color:#d49754;content:'H';}
.lnb .all_menu_box {display:table-cell;vertical-align:top;}
.lnb .all_menu_box .box{float:left;width:220px;margin-right:20px;}
.lnb .all_menu_box .box.type3{width:250px;margin-right:0px}
.lnb .all_menu_box h2 {font-size:16px;letter-spacing:-1px;color:#666;font-weight:normal;display:block;padding-bottom:5px}
.lnb .all_menu_box li a{color:#666}
.lnb .all_menu_box li a.over{color:#333;font-weight:600;position:relative;}
.lnb .all_menu_box li a.over:before{content:'';background-color:#ecfacd;height:5px;position:absolute;width:100%;left:0px;bottom:0px;z-index:-1}
.lnb .all_menu_box li {font-size:14px;line-height:28px;padding-left:20px;background:url('/site_d/images/top_b.gif') left center no-repeat;}
.lnb .all_menu_box li span {color:#999;display:inline-block;float:right;font-size:12px}
/**
.lnb .all_menu_box li span em{display:inline-block;text-align:center;font-style:normal;color:#fff;width:15px;font-size:11px;height:15px;line-height:15px;margin-left:5px}

.lnb .all_menu_box li span em.new{background-color:#9dc443;}
.lnb .all_menu_box li span em.ready{background-color:#00a654;}
.lnb .all_menu_box li span em.hot{background-color:#d49754;}
**/

.lnb .all_menu_box li span em{display:inline-block;text-align:center;font-style:normal;width:15px;}
.lnb .all_menu_box li span em.new{color:#9dc443;}
.lnb .all_menu_box li span em.ready{color:#00a654;}
.lnb .all_menu_box li span em.hot{color:#d49754;}
.lnb .all_menu_box ul:after{clear:both;content:'';display:block;}



footer{ width:1100px; margin:30px auto; overflow:hidden; font-size:12px;border-top:1px solid #cecfce;padding:20px 0;clear:both;}
footer:after{ display:block; content:''; clear:both;}
footer .copy{float:left; color:#999;}
footer .bottom_nav{ color:#666; font-size:12px; line-height:12px; float:right; }
footer .bottom_nav *{vertical-align:midel}
footer .bottom_nav .site{display:inline-block;text-align:right;}
footer .bottom_nav li{ display:inline-block; }
footer .bottom_nav li a{ margin:0  8px; display:inline-block; }
footer .bottom_nav li a:hover{ font-weight:600; }

footer .bottom_nav:after{clear:both; content:""; display:block;}


.go_qna {border:3px solid #9bc242;padding:10px 0;text-align:center;display:block;background-color:#fff;width:180px;color:#333;font-size:15px;margin:5px 0}
.go_qna span{color:rgba(255,255,255,0.7);font-size:12px;display:block;color:#fff;background-color:#9bc242;width:70px;text-align:center;padding:4px;margin:auto;border-radius:3px;margin-top:5px}
/******************************* 메인 *****************************************/

.main_bizinfo {background: url(/site_d/images/main/mainbg.jpg) center center no-repeat;    background-size: cover;        position: relative;padding-top:40px;height:380px;text-align:center;margin-top:-1px}

.main_bizinfo h3{color:#fff;font-size:20px;font-family:'Nanum Gothic','나눔고딕';letter-spacing:-1px;font-weight:100;}
.main_bizinfo h3 span{position:relative;}
.main_bizinfo h3 span:before{content:'';height:1px;width:100%;background-color:rgba(255,255,255,0.5);position:absolute;left:0px;bottom:0px;}
.main_bizinfo h2{color:#9dc444;font-size:47px;letter-spacing:-1px;display:block;padding:20px 0;text-align:Center;}
.main_bizinfo h2 p {color:#fff;font-size:42px;font-weight:normal;font-family:'NBGL'}
.main_bizinfo h2 p span{background-color:#25362a;color:#9dc444;font-weight:normal;font-family:'NBGL'}
.main_bizinfo .txt {color:#dccccc;font-family:'Nanum Gothic','나눔고딕';letter-spacing:-1px;font-size:15px;line-height:1.4;padding-bottom:25px}
.main_bizinfo .more {border:2px solid #fff;padding-right:60px;position:relative;color:#fff;display:inline-block;position:relative;margin:auto;overflow:hidden;height:50px;}
.main_bizinfo .more a{display:block;color:#fff;line-height:50px;padding:0 15px;font-size:20px;letter-spacing:-0.7px}
.main_bizinfo .more:after {content:'';background:url(/site_d/images/main/icon_search.png) no-repeat;width:27px;height:27px;position:absolute;right:15px;top:10px}

.main_system {background: url(/site_d/images/main/mainbg2.jpg) center center no-repeat;    background-size: cover;        position: relative;height:600px;text-align:center}
.main_system h3{font-size:34px;color:#333;letter-spacing:-0.5px;display:block;padding-top:40px}
.main_system h3 strong{color:#7dad0f;}
.main_system .txt{color:#999;padding-top:10px}
.main_system .txt span{color:#333;}
.main_system ul{width:1100px;margin:auto;padding:45px;}
.main_system ul:after {clear:both;content:'';display:block}
.main_system li {width: 25%;float:left;padding:0 7px}
.main_system li .box{border-radius:35px;padding:45px 35px;}
.main_system li .box h4{font-weight:100}
.main_system li .box h4 span{font-size:15px;color:#fff;display:block;padding-bottom:10px}
.main_system li .box h4 strong{font-size:28px;color:#fff;display:block;padding-bottom:10px}
.main_system li .view {display:block;border:1px solid rgba(255,255,255,0.4);line-height:36px;font-size:13px;color:#fff;border-radius:3px;margin:160px 10px 0 10px;}

.main_system li .box.type1{background:url('/site_d/images/mainic1.png') center 150px no-repeat;background-color:#9bc242;background-size:110px}
.main_system li .box.type1 h4 strong{color:#25362a}
.main_system li .box.type2{background:url('/site_d/images/mainic2.png') center 150px no-repeat;background-color:#25362a;background-size:100px;margin-top:35px}
.main_system li .box.type2 h4 strong{color:#9bc242}
.main_system li .box.type3{background:url('/site_d/images/mainic3.png') center 150px no-repeat;background-color:#757575;background-size:115px}
.main_system li .box.type3 h4 span{color:#9bc242}
.main_system li .box.type4{background:url('/site_d/images/mainic4.png') center 150px no-repeat;background-color:#fff;background-size:80px;border:1px solid #9bc242;margin-top:35px}
.main_system li .box.type4 h4 strong{color:#666}
.main_system li .box.type4 h4 span{color:#666}
.main_system li .box.type4 .view {border:1px solid #cecfce;color:#cecfce;}

.main_bizinfo_btn {display: block; background: linear-gradient(to right, #9dc444 , #00aa4e); text-align:center; padding: 10px; margin-top: 15px; color:#fff;}
.main_bizinfo_btn h4 {margin-top: 5px; font-size: 17px;font-weight:600;letter-spacing:-0.5px}

.wb_content {width:1100px;margin:auto;padding:40px 0}
.wb_content li {width:33%;float:left;text-align:center;position:relative; padding:0 30px; }
.wb_content li:after {background:url('/site_D/images/contents_bar.png') right no-repeat;content:'';position:absolute;right:0px;top:0px;width:1px;height:100%; }
.wb_content li:last-child:after {display:none;}


.wb_content li h3{ padding:0; margin-bottom:10px; letter-spacing:-2px; font-size:28px; text-align:center;font-weight:600}
.wb_content li h3 span{ font-size:16px; color:#999; text-align:center;display:block;font-weight:normal;padding:10px 0 25px;}
.wb_content li .imgbox {height:140px; text-indent:-9999px;}
.wb_content li .imgbox.wecon01 {background:url('/site_D/images/wb_con01.jpg') center top no-repeat;background-size:100%;}
.wb_content li .imgbox.wecon02 {background:url('/site_D/images/wb_con02.jpg') center top no-repeat;background-size:100%;}
.wb_content li .imgbox.wecon03 {background:url('/site_D/images/wb_con03.jpg') center top no-repeat;background-size:100%;}
.wb_content ul:after {clear:both;content:'';display:block;}
.wb_content .sub_service{ margin-top:10px;}
.wb_content .sub_service a{position:relative;text-align:left;display:block; font-size:14px;line-height:28px }
.wb_content .sub_service a:hover{font-weight:600}
.wb_content .sub_service a .plus{position:absolute;right:0px;}


.main_contact{ width:1100px; margin:0 auto; margin-bottom:20px; padding:35px; border:10px solid #e6e6e6;}

.main_contact .contact_title{display:block; padding:0; margin-bottom:10px;
letter-spacing:-2px; font-size:28px; text-align:center; }

.main_contact .contact_title .contact_t_sub{ padding-bottom:7px; display:block; text-align:center; font-size:14px; color:#999;}

.main_contact .notoce_tb_group {overflow:hidden; margin-top:55px;  font-size:13px; border-top:1px solid #e7e7e7;}
.main_contact .notoce_tb_group .notice_tb{ width:50%; float:left; }

.main_contact .notoce_tb_group .notice_l{border-right:1px  solid #e7e7e7;}
.main_contact .notoce_tb_group .notice_l tr td{ border-bottom:1px solid #e7e7e7; text-align:center; line-height:60px; }
.main_contact .notoce_tb_group .notice_l tr td:first-child{line-height:14px;}
.main_contact .notoce_tb_group .notice_l tr .notice_cat_service{ line-height:0;  }
.main_contact .notoce_tb_group .notice_l tr td { width:20%; height:35px; background:#fff; }
.main_contact .notoce_tb_group  .notice_l tr td select{width:32%; height:35px; background:#fff;}
.main_contact .notoce_tb_group .notice_l tr .notice_phone input[type="text"]{width:29.5%; height:35px; padding-left:17px;  border:1px solid #d7d7d7; background:#eee; }
.main_contact .notoce_tb_group .notice_l tr .notice_enter input[type="text"]{ width:95%; height:35px; padding-left:17px; border:1px solid #d7d7d7; background:#eee; }
.main_contact .notoce_tb_group .notice_l tr .notice_enter a {display: inline-block;}

.main_contact .notoce_tb_group .notice_r tr td{ padding:12px; border-bottom:1px solid #e7e7e7; }

.main_contact .notoce_tb_group .notice_r .notice_cat{ text-align:center; border-right:1px solid #e7e7e7;}
.main_contact .notoce_tb_group .notice_r .notice_pri{ height:182px; padding:12px;}
.main_contact .notoce_tb_group .notice_r .notice_code{ height:62px;}
.main_contact .notoce_tb_group .notice_r tr .white_space{ margin-top:20px; margin-bottom:5px;}

.main_contact .notoce_tb_group  .notice_r tr td select{width:32%; height:35px; background:#fff;}
.main_contact .notoce_tb_group .notice_r tr .notice_enter input[type="text"]{ width:95%; height:35px; padding-left:17px; border:1px solid #d7d7d7; background:#eee; }
.main_contact .notoce_tb_group  .notice_r textarea{border:1px solid #e6e6e6; resize:none;}

.main_contact .notoce_tb_group .notice_tb tr td .service_btn{ padding:9px 15px; background:#7d7d7d; border-radius:5px; color:#fff; font-size:12px;}
.main_contact .notoce_tb_group .notice_tb tr td .service_btn:hover{color:#7d7d7d; border:1px solid #7d7d7d; background:#fff; transition:0.2s;}


.main_contact .main_ask{margin-top:30px;}
.main_contact .main_ask  a{ width:185px; height: 45px; margin:0 auto; display:block; text-align:center; line-height:45px; font-size:16px; color:#fff;  background:#555; border-radius:5px; } 
.main_contact .main_ask a:hover { color:#7d7d7d; background:#fff; border:1px solid #7d7d7d; font-weight:bold; transition:0.2s;} 


#container {width:1100px;margin:auto;}

/************************************************ 좌측 ************************************************/

#snb{width:190px;float:left;margin-top:35px;font-family: 'Noto Sans'}
#snb h1{font-size:29px; font-weight: 600;color:#95bf3b;  padding-bottom:15px;letter-spacing:-1px;}
#snb h2{color:#666; padding:8px 0;position:relative;font-size:12px;text-decoration:underline}
#snb h2 span{color:#999;font-weight:normal;}
#snb h2 img{display:none}

#snb h2.link{color:#666; padding:8px 0;position:relative;font-size:14px;text-decoration:none;border-bottom:1px solid #cecfce;display:block;}
#snb h2.link img{position:absolute;right:0px;top:10px;display:block}
#snb h2.link span{color:#999;font-weight:normal;font-size:12px}

#snb h2.link.over{border-bottom:1px solid #63b75f;background-color:#63b75f;}
#snb h2.link.over a{color:#fff;padding:0 10px;display:block;}
#snb h2.link.over span{display:none}
#snb h2.link.over img{right:10px}

#snb ul{margin-bottom:20px} 
#snb li{} 
#snb li a{color:#666;display:block;padding:10px 0 10px 7px;font-size:14px; line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined}
#snb li a.over{color:#fff; font-weight:bold;background-color:#9ec746;}
#snb {margin-bottom:15px}


#snb .call_box{margin-top:30px;}
#snb .call_box .mail_text{padding:3px 0;}
#snb .call_box .mail_text1{margin-bottom:20px;color:#f7941c; font-weight:bold;}
#snb .call_box dd{padding-bottom:3px}

#content {width:850px;float:right;margin-top:35px;font-size:14px}

.title_box {margin-bottom:30px;position:relative;}
.title_box h2{font-size:24px;display:inline-block;font-weight:normal;color:#666}
.title_box .location{position:absolute;right:0px;top:0px;font-size:11px;color:#999}

.tota_title {font-size:30px;color:#333;line-height:1.4;letter-spacing:-1px;padding-bottom:20px;}
.tota_title strong{color:#9ec746;font-weight:600}

/************************************************ 서브공통 ************************************************/
/* 회색 셀라운드 */
.box_type2{position:relative;_height:1%}
.outer2{border:4px solid #e4e4e4}
.inner2{border:1px solid #c7c7c7}
.box_type2 .cont{position:relative;padding:10px;line-height:24px;font-size:13px;}
.box_type2 .lt{position:absolute;top:-4px;left:-4px;width:7px;height:7px;background:#fff url(/site_k/images/icon/bg_rndbox_2.gif) no-repeat 0 0;font-size:0}
.box_type2 .rt{position:absolute;top:-4px;right:-4px;_right:-5px;width:7px;height:7px;background:#fff url(/site_k/images/icon/bg_rndbox_2.gif) no-repeat 100% 0;font-size:0}
.box_type2 .lb{position:absolute;left:-4px;bottom:-4px;_bottom:-5px;width:7px;height:7px;background:#fff url(/site_k/images/icon/bg_rndbox_2.gif) no-repeat 0 100%;font-size:0}
.box_type2 .rb{position:absolute;right:-4px;_right:-5px;bottom:-4px;_bottom:-5px;width:7px;height:7px;background:#fff url(/site_k/images/icon/bg_rndbox_2.gif) no-repeat 100% 100%;font-size:0}


/* 3단박스 */
.sub_ban3_box {margin:20px 0} /* border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;  border-bottom:1px dotted #cecfce;*/
.sub_ban3_box li{float:left;width:33.3%;padding:20px 0;position:relative;} /** border-right:1px solid #cecfce; **/
.sub_ban3_box li.end{border-right:0px solid #fff}
.sub_ban3_box li .box{width:85%;margin:auto;padding-left:15px}
.sub_ban3_box li h3{color:#333;font-size:17px;line-height:21px;padding-bottom:20px;font-weight:normal}
.sub_ban3_box li p{color:#666;line-height:1.6;min-height:100px;}
.sub_ban3_box li img{text-align:center;margin:auto;width:100%}
.sub_ban3_box:after{clear:both;display:block;content:''}

.sub_ban3_box .fingur{font-size:21px;color:#9ec746;font-family:arial;font-weight:bold;position:absolute;left:0px;top:17px;}

/* 4단박스 */
.sub_ban4_box {margin:15px 0} /* border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;  border-bottom:1px dotted #cecfce;*/
.sub_ban4_box li{float:left;width:25%;padding:20px 0;position:relative;} /** border-right:1px solid #cecfce; **/
.sub_ban4_box li.end{border-right:0px solid #fff}
.sub_ban4_box li .box{width:85%;margin:auto;padding-left:15px}
.sub_ban4_box li h3{color:#333;font-size:14px;line-height:21px;padding-bottom:15px;}
.sub_ban4_box li em{color:#333;font-size:11px;line-height:18px;padding-bottom:5px;letter-spacing:-1px;display:block;font-weight:bold}
.sub_ban4_box li p{color:#666;line-height:18px;min-height:100px;}
.sub_ban4_box li img{text-align:center;margin:auto;width:100%}
.sub_ban4_box:after{clear:both;display:block;content:''}

/* 탭디자인 */
.tab_design {margin-top:10px;}
.tab_design li a{margin-right:1px;display:block; float:left; background-color:#666;color:#fff; padding:5px 40px; font-size:13px;}
.tab_design li li a.over{color:#fff; font-weight:bold; font-size:13px;background-color:#333; }
.tab_design:after {clear:both;content:'';display:block}


/* 1픽셀라운드 회색 */
.box_type1_gray{margin-bottom:12px;border:1px solid #cfcfcf;position:relative;padding:10px;line-height:24px;font-size:14px;border-radius:15px}


.sub_main_box .img_title {padding-bottom:10px}
.makeslide {position:relative;padding:0 40px}
.makeslide .flex-control-nav{display:none}
.makeslide .flex-prev{position:Absolute;left:0px;top:60px;background:url(/site_k/images/consult/arr_l.gif) no-repeat;width:20px;height:40px;z-index:999;text-indent:-9999px;font-size:0px}
.makeslide .flex-next{position:Absolute;right:0px;top:60px;background:url(/site_k/images/consult/arr_r.gif) no-repeat;width:20px;height:40px;z-index:999;text-indent:-9999px;font-size:0px}
.makeslide li{float:left;text-align:center;padding:0 10px}
.sub_main_box li{float:left;width:33.3%;text-align:center;padding:0 10px}
.makeslide .text{text-align:left;line-height:18px;}
.sub_main_box .text{text-align:left;line-height:18px;}
.makeslide:after{clear:both;content:'';display:block;}
.sub_main_box:after{clear:both;content:'';display:block;}
.img_title{font-size:25px;font-weight:normal;letter-spacing:-1.4px;color:#777}

.msub_box .posts_list {float:right;width:260px}
.msub_box .posts_list h4{clear:both;padding-top:25px;font-size:14px;color:#333;font-family:verdana;padding-bottom:5px;}
.msub_box .posts_list li{line-height:24px;clear:both;font-size:13px}
.msub_box .customer_btn{padding-top:15px}


.vscontent:after {clear:both;content:'';display:block;}
.vscontent li{width:50%;float:left;padding:0px 20px;text-align:center;margin-top:5px}
.vscontent li:first-child{border-right:1px solid #cecfce}
.vscontent li .title{font-size:16px}

.tap_design {clear:both;border-bottom:1px solid #cecfce;}
.tap_design li{font-size:14px;border-top:1px solid #cecfce;border-left:1px solid #cecfce;border-right:1px solid #cecfce;text-align:center;padding:8px 25px;float:left;margin-right:5px;border-top-left-radius:8px;border-top-right-radius :8px}
.tap_design li.over {background-color:#999;border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #666;}
.tap_design li.over a{color:#fff;font-weight:bold;}
.tap_design:after{clear:both;display:block;content:''}


.sub_ban2_box {width:50%;float:left;margin:20px 0;padding:20px 0;padding-right:10px;} /* border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;  border-bottom:1px dotted #cecfce;*/
.sub_ban2_box li{position:relative;margin-bottom:25px} /** border-right:1px solid #cecfce; **/
.sub_ban2_box li.end{border-right:0px solid #fff}
.sub_ban2_box li .box{}
.sub_ban2_box li h3{color:#333;font-size:14px;line-height:26px;padding-bottom:5px;padding-left:30px}
.sub_ban2_box li p{color:#666;line-height:18px;}
.sub_ban2_box li img{text-align:center;margin:auto;width:100%}
.sub_ban2_box:after{clear:both;display:block;content:''}

.sub_ban2_box .fingur{font-size:21px;color:#3d8db7;font-family:arial;font-weight:bold;position:absolute;left:0px;top:0px;}


/************************************************ 서브 ************************************************/
/** it첫걸음 **/
.cont_tit {font-size:20px;padding-top:10px}
.cont_tit.one  {color:#95bf3b;} /*{color:#df8066}*/
.cont_tit.two {color:#95bf3b;}/* {color:#6f90b6}*/
.cont_tit.three {color:#95bf3b;}/*{color:#6bb7b3}*/

.first_way_title {position:relative;font-size: 36px;    font-family:'NBGL';    text-align: center;    padding: 30px 0 0 0;    line-height: 1.2;    color: #333;}
.first_way_title:before {content:'[';color:#eaeaea;position:absolute;left:0px;font-size:20px;display:inline-block;top:20px;font-size:90px;font-family:'NBGL'}
.first_way_title:after {content:']';color:#eaeaea;position:absolute;right:0px;font-size:20px;display:inline-block;top:20px;font-size:90px;font-family:'NBGL'}
.first_way_title strong{ font-family:'NBGL'; color:#fff;font-weight:normal}
.first_way_title.one strong {background-color:#9ec746;}/*{background-color:#df8066;}*/
.first_way_title.two strong {background-color:#9ec746;} /*{background-color:#6f90b6;}*/
.first_way_title.three strong {background-color:#9ec746;}/*{background-color:#6bb7b3;}*/
.first_way_title.four strong{background-color:#9dc443;}

/**  **/

.biz_main_title {font-size:40px;font-weight:100;text-align:center;padding:30px 0 0 0;line-height:1.2;color:#333}
.biz_main_title strong{color:#9dc443;font-weight:100;}
.biz_main_title .subtxt{color:#666;font-size:14px;letter-spacing:-0.5px;padding-top:15px;line-height:1.4}
.biz_main_topicon ul{text-align:center;padding:30px 0}

.biz_main_topicon li {margin-left:-30px;display:inline-block;vertical-align:top}
.biz_main_topicon li a{display:block;width:280px;height:280px;border-radius:100%;color:#fff;font-size:27px;padding:65px 30px 0 30px;letter-spacing:-0.5px;position:relative;line-height:1.2}
.biz_main_topicon li a span{display:block;color:#fff;font-size:17px;padding-top:15px;line-height:1.4}
.biz_main_topicon li a:after{display:inline-block;content:'바로가기 +';color:#fff;opacity:0.8;border:1px solid #fff;position:absolute;left:50%;bottom:30px;transform:translateX(-50%);font-size:12px;padding:3px 7px;border-radius:2px}

.biz_main_topicon li.con1 a{background-color:rgba(110,199,220,0.9)}
.biz_main_topicon li.con2 a{background-color:rgba(100,166,139,0.9)}
.biz_main_topicon li.con3 a{background-color:rgba(100,170,100,0.9)}

.biz_main_topicon li.con1.ov a{background-color:rgba(79,199,185,1)}
.biz_main_topicon li.con2.ov a{background-color:rgba(65,166,109,1)}
.biz_main_topicon li.con3.ov a{background-color:rgba(69,170,70,1)}

.firstway ul{text-align:center;padding:30px 0;margin-left:20px}
.firstway li {margin-left:-20px;display:inline-block;vertical-align:top}
.firstway li a{display:block;width:250px;height:250px;border-radius:100%;color:#fff;font-size:24px;padding:65px 25px 0 25px;letter-spacing:-0.5px;position:relative;line-height:1.2;word-break:keep-all}
.firstway li a span{display:block;color:#555;font-size:15px;padding-top:15px;line-height:1.4}
.firstway li a:after{display:inline-block;content:'바로가기 +';color:#555;opacity:0.8;border:1px solid #ddd;position:absolute;left:50%;bottom:30px;transform:translateX(-50%);font-size:12px;padding:3px 7px;border-radius:2px}

.firstway li a {background-color: rgba(255,255,255,0.7); color:#555; border: 2px solid #e2e2e2;}/*{background-color:rgba(223,146,124,0.5)}*/
.firstway li.ov * {color:#fff}
.firstway li.ov a:after {color:#fff;border:1px solid #fff}

.firstway li.con1.ov {z-index:6;position:relative;}
.firstway li.con2.ov {z-index:6;position:relative;}
.firstway li.con3.ov {z-index:6;position:relative;}

.firstway li.con1.ov a{background-color:rgba(223,146,124,0.8);border:1px solid rgba(223,146,124,1);}
.firstway li.con2.ov a{background-color:rgba(129,154,183,0.8);border:1px solid rgba(129,154,183,1);}
.firstway li.con3.ov a{background-color:rgba(129,186,183,0.8);border:1px solid rgba(129,186,183,1);}

.con_dan3 ul{margin-left:-20px}
.con_dan3 li{float:left;width: calc(33% - 20px);margin-left:20px;text-align:justify}
.con_dan3 li:nth-child(3n):after{clear:both;content:'';display:block;width:100%;}
.con_dan3 li:nth-child(4n):before{clear:both;content:'';display:block;width:100%;}
.con_dan3 ul:after{clear:both;content:'';display:block}

.sub_title3 {font-size:24px;font-weight:100;letter-spacing:-1px;line-height:1.6;clear:both;}
.sub_title3:after {content:'ㅡ';display:block;color:#999;}

.sub_text2 {padding:15px 0;color:#666;line-height:1.5}

.biz_main p {border-bottom:1px solid #cecfce;padding:8px 0}
.biz_main p a{display:block;color:#999;font-size:13px;line-height:1.4}
.biz_main p a span{display:block;font-size:17px;padding-bottom:5px;color:#333;position:relative;}
.biz_main p a span:after{content:'+';position:absolute;right:0px;top:0px;}



/***********  함꼐하는 case study ****************/
.iconbox span.con {padding-right:5px;}
.iconbox span.ic {width:8px;height:8px;border-radius:100%;display:inline-block;text-indent:-9999px;font-size:1px;margin-right:2px}
.iconbox *{vertical-align:middle}
.iconbox span.tema1 {background:#637fda}
.iconbox span.tema2 {background:#b763da}
.iconbox span.tema3 {background:#da63a3}
.iconbox span.tema4 {background:#9fcf4a}
.iconbox span.tema5 {background:#dabd63}
.iconbox span.tema6 {background:#da9063}

/***********  유니쉐어 ****************/

.uni_list {padding:30px 0;margin-left:-20px}
.uni_list:after {clear:both;content:'';display:block;}
.uni_list li{float: left; width: calc(25% - 20px);margin-left:20px; border:1px solid #e2e2e2;margin-bottom:20px}
.uni_list .flag {display: inline-block; width:50px; height:30px; line-height: 30px; background-color: #9dc443; color:#fff; font-size: 15px; text-align: center;position:absolute;left:20px;top:0px;z-index:15;}

.uni_list .list_img { height: 150px;  border-bottom: 1px solid #e2e2e2; overflow:hidden;position:relative;}
.uni_list .list_img:before{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:6;content:''}
.uni_list .list_img img{max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); z-index: 5;}
.uni_list .tag {display: inline-block; margin-right: 3px; line-height:1;padding:3px 8px; border: 1px solid #cecfce; color:#777; border-radius:2px;font-size:12px}
.uni_list .cont_wrap {padding: 20px;}
.uni_list strong {color:#333; font-size: 18px; margin: 10px 0 15px;display:block;font-weight:400;line-height:24px;height:48px;overflow:hidden;}
.uni_list p {color:#999; font-size: 14px; height:60px;line-height:1.4;overflow:hidden;text-align:justify;letter-spacing:-0.5px}
.uni_list .uni_view {border: 1px solid #9dc443; border-radius: 4px; text-align: center; height:40px; line-height: 40px; color:#9dc443;display:block;}



.process_wrap {background: #fff;padding-top:20px;}
.process_wrap ul {max-width:1100px;margin:auto;display:table;padding:0 0}
.process_wrap li {width:20%; display:table-cell;padding:0 16px}
.process_wrap li strong {color:#333; font-size: 17px; padding:10px 0 5px;display:block;font-weight:normal;letter-spacing:-1px}
.process_wrap li span {color:#999; text-align: left;line-height:1.4;display:block;}
.process_wrap .icon {width: 48px; height: 60px; margin:auto;background: url('/site_d/images/unishare/sub1_pro_icon1.png') no-repeat center/contain;}
.process_wrap .icon2 {background-image: url('/site_d/images/unishare/sub1_pro_icon2.png');}
.process_wrap .icon3 {background-image: url('/site_d/images/unishare/sub1_pro_icon3.png');}
.process_wrap .icon4 {background-image: url('/site_d/images/unishare/sub1_pro_icon4.png');}
.process_wrap .icon5 {background-image: url('/site_d/images/unishare/sub1_pro_icon5.png');}

.biz_main_title b {display: inline-block;line-height:1; padding: 5px 7px; margin-bottom: 30px; background: #9dc443; color: #fff; font-size: 20px;font-weight:normal;}


.uni_stand:after {clear:both;content:'';display:block}
.uni_stand ul {display:table;width:100%;margin-top:25px}
.uni_stand li {display:table-cell;width:33.3%;vertical-align:top}
.uni_stand li {text-align:center;}
.uni_stand li strong{padding-bottom: 10px; font-size: 18px; color:#676767;display:block;font-weight:normal;line-height:1.3}
.uni_stand li strong span{display:block;font-weight:600;color:#333;}
.uni_stand li span.num{font-size:100px; color:#9dc443; font-weight: bold;display:block;line-height:1;height:120px;padding-top:20px}
.uni_stand li .sub_text{color:#999;line-height:1.2;max-width:280px;padding:0 30px;margin:Auto;}


.merit_area {padding:30px 0;display:table;margin-top:30px;background-color:#f2f2f2}
.merit_area li {display:table-cell;padding:0 10px}
.merit_area .imgbox {float: left;  width: 30%}
.merit_area .imgbox img {width: 80%; margin-top: 5px;}
.merit_area .text {width: 70%; float: left;padding-top:5px}
.merit_area .text strong {padding-bottom: 5px;display:block;font-weight:400}
.merit_area .text p {color:#666;padding-right:10px;line-height:1.4;letter-spacing:-0.5px}


/** 유니쉐어 뷰 **/
.conlbox {width:80%;float:left;  border: 1px solid #e2e2e2; border-radius: 5px;margin-top:20px;}
.conrbox {float:right;width:20%;padding-left:20px;margin-top:20px;}

.with_view .btn_wrap {padding:10px;text-align:center;;}
.with_view dl .main_info {padding:40px;}

.with_view dl .main_info .main_info_title {font-size: 30px;}
.with_view dl .main_info .main_info_title span{font-size: 15px;display:block;color:#999;padding:15px 0}

.with_view dl .main_info .basic_info {color:#333;  }
.with_view dl .main_info .basic_info li {display: inline-block; padding:10px 15px 10px 0;}
.with_view dl .main_info .basic_info strong {font-weight: 600;}

.with_view .sub_info {border-top: 1px solid #f6f6f6;  padding: 40px}
.with_view .sub_info h3{font-size:20px;font-weight:400;position:relative;padding-left:15px;margin-bottom:10px;}
.with_view .sub_info h3:before{content:'';position:absolute;left:0px;top:2px;width:4px;height:18px;background-color:#9dc443;}

.with_view .differ_content { padding-bottom: 40px}
.with_view .differ_content ul li {line-height:1.6;color:#666;padding-bottom:15px;padding-left:15px}

.with_view .main_function {border-top: 1px solid #f6f6f6;  padding: 40px 0}
.with_view .main_function li {display: inline-block; padding-right: 60px;}
.with_view .main_function li dt {width:100px; height:100px;  border: 1px solid #e2e2e2; border-radius: 80px;}
.with_view .main_function li dt img {width:70%; margin:15%;}

.with_view .main_function li dd { text-align: center; margin: 10px 0 0 0;}
.with_view .multi {position: relative;}
.with_view .alarm  {position: absolute; top:45px; right: 1%; width:55px;}
.with_view .alarm i {position: absolute; top:20px; right: 8%; color:#fff; font-size: 12px;}

.with_view .pay {border-top: 1px solid #f6f6f6;  padding: 40px 0;position:relative; }
.with_view .pay th{background-color:#f2f2f2;border:1px solid #eaeaea;padding:10px;font-size:17px;font-weight:normal;}
.with_view .pay th.pay_type{background: linear-gradient(to right, #9dc443, #00a654);;color:#fff}
.with_view .pay td {color:#666;padding:10px 0;line-height:1.6;vertical-align:top;}




.uni_view_lst {}
.uni_view_lst:after {clear:both;content:'';display:block;height:20px;}
.uni_view_lst li{ border:1px solid #e2e2e2;margin-bottom:10px}
.uni_view_lst .flag {display: inline-block; width:40px; height:25px; line-height: 25px; background-color: #9dc443; color:#fff; font-size: 12px; text-align: center;position:absolute;left:5px;top:0px;z-index:15;}

.uni_view_lst .list_img {width:100%; height: 120px;  border-bottom: 1px solid #e2e2e2; overflow:hidden;position:relative;}
.uni_view_lst .list_img img{min-height:120px;max-height:150px;min-width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); z-index: 5;}
.uni_view_lst .tag {display: inline-block; margin-right: 3px; line-height:1;padding:3px 4px; border: 1px solid #cecfce; color:#777; border-radius:2px;font-size:11px}
.uni_view_lst .cont_wrap {padding: 10px;}
.uni_view_lst strong {color:#333; font-size: 15px; margin: 5px 0 ;display:block;font-weight:400;line-height:20px;height:40px;overflow:hidden;}
.uni_view_lst p {color:#999; font-size: 12px; height:36px;line-height:16px;overflow:hidden;text-align:justify;letter-spacing:-0.5px}
.uni_view_lst .uni_view {border: 1px solid #9dc443; border-radius: 4px; text-align: center; height:26px; line-height: 26px; color:#9dc443;display:block;}


/** **/
.biz_box_radius {border:1px solid #00ab4f;border-radius:15px;padding:15px}
.webpartner_topimg {padding:20px 0}

.biz_linkbox {}
.biz_linkbox h2{font-size:16px;color:#fff;text-align:Center;}
.biz_linkbox .box {display:block;width:33.3%;float:left;} 
.biz_linkbox ul li a{display:block;font-weight:normal;font-size:16px !important;color:#333;padding:0 15px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined}
.biz_linkbox ul li {position:relative;}
.biz_linkbox ul li span{position:absolute;right:20px;top:10px;}
.biz_linkbox ul li span img{padding-left:2px}

.biz_linkbox .type1{border-left:2px solid #5dd1c6}
.biz_linkbox .type2{border-left:2px solid #61be89}
.biz_linkbox .type3{border-left:2px solid #56c658}

.biz_linkbox .type1 a:hover{color:#5dd1c6; font-weight:bold;}
.biz_linkbox .type2 a:hover{color:#61be89; font-weight:bold;}
.biz_linkbox .type3 a:hover{color:#56c658; font-weight:bold;}

.biz_linkbox ul:after {clear:both;content:'';display:block}


.sub_allbox:after {clear:both;content:'';display:block}
.g_img {float:left;width:310px}
.g_txt {float:right;width: calc(100% - 310px);line-height: 26px;}
.g_btn {margin-top:30px;text-align:center;}
.g_btn a{background-color:#00ab4f;color:#fff;display:inline-block;padding:5px 20px;border-radius:5px}

#content {color:#666666; margin-bottom:60px;line-height:26px}
.sub_allbox h4{background:url(/site_b/images/sub/textleft_icon2.png) no-repeat;font-size:18px;padding:15px 0;color:#333333; font-weight: bold; padding-left:30px; margin-top:20px; }	
.sub_allbox h5{background:url(/site_b/images/sub/textleft_eicon.png) no-repeat;font-size:16px; margin:30px 0;color:#333333; font-weight: bold; padding-left:30px;}	
.sub_allbox h6{font-size:18px;color:#333333;}	
.sub_allbox h4 *{vertical-align:bottom;}
.sub_allbox h5 *{vertical-align:top;}


.sub_allbox .partner_webbusi_img1{margin:20px 0 0 80px;} 
.sub_allbox .partner_webbusi_img2{margin:20px 0 20px 0;} 
.sub_allbox .blue_box{border:1px solid #9ec746;border-radius: 0.4em; margin-bottom:15px; padding:7px;}
.sub_allbox .blue_box ul{padding:15px 0 15px 30px;list-style-type:disc; }
.sub_allbox .blue_box ul li{line-height:20px;}
.sub_allbox .blue_box ul li a:hover{text-decoration:underline;padding:2px;}
.sub_allbox .webimg1{margin-left:100px;}
.sub_allbox .webimg2{float:left; padding-right:10px;}

.sub_allbox .textpoint_yellow{ font-weight:bold; color:#00ab4f;}
.sub_allbox .graybox{margin:30px 0; border:2px solid #cfcfcf; width:100%; height:70%;padding:20px; text-align:center;line-height:25px; font-size:16px; background-color:#f5f5f5; color:#333333;}


.sub_allbox  .with_partnerbox{margin-top:20px;}
.sub_allbox  .with_partnerbox li{float:left; width:25%; height:160px; padding:0 5px; font-size:12px; color:#999999; line-height:15px;}
.sub_allbox  .with_partnerbox li .img_point{border:1px solid #e1e2e1;text-align:center;height:80px;padding-top:10px}
.sub_allbox  .with_partnerbox li .img_point img{}
.sub_allbox  .text_point{margin:15px 0 5px 0; color:#333333; font-weight:bold;}


.sub_allbox .cnbimgbox{margin:30px 0; border:1px solid #cfcfcf; border-radius: 0.2em;}
.sub_allbox .spaceimg2_left{float:left;width:50%;}
.sub_allbox .spaceimg3_left{float:left;width:20%; height:450px;margin-right:30px; line-height:20px;} 
.sub_allbox .spaceimg3_left h2{font-size:14px; font-weight:bold; color:#333333;} 





.bzpartne_box {width:100%; height:600px;background:url('/site_b/images/business/business_bg1.jpg') center top no-repeat; position:relative;background-size:100%}
.bzpartne_box .busi1{position:absolute;left:320px;top:120px;}
.bzpartne_box .busi2{position:absolute;left:350px;top:320px;}
.bzpartne_box .busi3{position:absolute;left:450px;top:200px;}
.bzpartne_box .busi4{position:absolute;left:630px;top:230px;}
.bzpartne_box .busi5{position:absolute;left:550px;top:100px;}
.bzpartne_box .busi6{position:absolute;left:250px;top:250px;}
.bzpartne_box .busi7{position:absolute;left:550px;top:350px;}
.bzpartne_box span {display:none;background-color:#333;padding:5px;color:#fff;font-size:12px;line-height:130%;position:absolute;left:-30px;top:80px;width:140px;text-align:center;border-radius:10px} 
.bzpartne_box a:hover span {display:block}

/**
.sub_tablebox{width:100%;margin-top:30px;border:1px solid #e0e2e6;}
.sub_tablebox th{width:150px;padding:10px;border-bottom:1px solid #94a995;background-color:#78927a;color:#ffffff;}
.sub_tablebox td{width:200px;border-bottom:1px solid #e0e2e6; padding:10px; line-height:22px;}
.sub_tablebox td input[type="text"]{border:1px solid #cecfce;padding:5px;}
.sub_tablebox td textarea{border:1px solid #cecfce;padding:5px;width:100%;height:100px}
**/


.notibox{width:100%;}

.sub_title2 {font-size:17px;color:#333;font-weight:600;line-height:24px;background:url(/site_b/images/sub/icon_subtitlebg2.png) left 23px no-repeat;clear:Both;padding:20px 0 0 25px;clear:Both;margin-bottom:5px}
.sub_text {line-height:23px;font-size:14px;padding-bottom:10px;clear:both;position:relative;}
.sub_text .btn_qna{position:absolute;right:0px;top:0px}
.sub_text strong{font-weight:600}
.sub_text:after {clear:both;content:'';display:block;}


.line21{padding:10px;}
.page_navi_box_arr {margin:50px 0;}
.page_navi_box_arr a{width:54px;height:53px;display:inline-block;text-indent:-9999px;margin-right:5px;}
.page_navi_box_arr a.atop{background:url(/site_b/images/sub/bt_top.gif) no-repeat;}
.page_navi_box_arr a.pre{background:url(/site_b/images/sub/bt_pre.gif) no-repeat;}
.page_navi_box_arr a.next{background:url(/site_b/images/sub/bt_next.gif) no-repeat;}
.page_navi_box_arr a.atop:hover{background:url(/site_b/images/sub/bt_top_ov.gif) no-repeat;}
.page_navi_box_arr a.pre:hover{background:url(/site_b/images/sub/bt_pre_ov.gif) no-repeat;}
.page_navi_box_arr a.next:hover{background:url(/site_b/images/sub/bt_next_ov.gif) no-repeat;}

.board_list th{line-height:40px;border-top:2px solid #78927a;border-bottom:1px solid #cccccc;color:#78927a;font-size:12px;}
.board_list td{text-align:center;border-bottom:1px solid #ecedef;line-height:40px;font-size:12px;}
.board_list td.num{color:#78927a;}
.board_list td.hit{color:#78927a;}
.board_list td.title a{color:#000;font-weight:bold;font-size:14px;}

.board_title {line-height:40px;border-top:2px solid #78927a;border-bottom:1px solid #cccccc;color:#78927a;font-size:14px;text-align:Center;font-weight:bold;margin-bottom:10px}


.board_search {text-align:center;}
.board_search input[type="text"]{padding:3px;border:1px solid #cecfce}
.board_search select{padding:2px;border:1px solid #cecfce}
.board_search *{vertical-align:middle; margin-top:20px;}
 
/** 회사소개 **/
.company_history ul {float:left;width:50%;}
.company_history li:after {clear:both;content:'';display:block;height:15px;}
.company_history li h2{width:80px;float:left;font-size:21px;font-family:verdana;color:#999;font-weight:normal}
.company_history li .text{width:285px;float:left;line-height:24px;font-size:13px;color:#333}
.company_history:after {clear:both;content:'';display:block;}
.business_img {padding:25px;}



.box_type1_gray {border:1px solid #cecfce;padding:15px;border-radius:5px;}
.vision_img {float:right}
.sub_ulist li{line-height:24px;background:url(/site_b/images/sub/icon_ulist.gif) 5px 5px no-repeat;padding-left:15px;}
.sub_ulist2 li{float:left;width:50%;line-height:24px;background:url(/site_b/images/sub/icon_ulist.gif) 5px 5px no-repeat;text-indent:15px;}
.sub_ulist3 li{float:left;width:33.3%;line-height:24px;background:url(/site_b/images/sub/icon_ulist.gif) 5px 5px no-repeat;text-indent:15px;}


.company_main_box {margin-top:20px}
.company_main_box .cont {width:320px;height:320px;float:left;}
.company_main_box .box1 li{float:left;width:50%;height:160px}
.company_main_box .box1{margin-right:20px;}
.company_main_box .box2{background:url('/site_b/images/company/comimg5bg.jpg') no-repeat;padding:200px 0 0 20px}
.company_main_box .box2 h3{font-size:16px;line-height:190%}
.company_main_box .box2 li{font-size:14px;line-height:26px;padding-left:20px;font-weight:normal}
.company_main_box .box2 li a{color:#666}
.company_main_box .box3{float:right;}
.company_main_box .box3 a{display:block}
.company_main_box .box3 .baner {clear:both;margin-top:17px}

.company_mbox {}
.company_mbox .box1{float:left;width:49%;}
.company_mbox .box2{float:right;width:49%;}
.company_mbox:after {clear:both;content:'';display:block}
.company_mbox .cont h2{font-size:16px;padding-bottom:15px;}
.company_mbox .cont li{line-height:32px;font-size:14px;}

.sub_title *{vertical-align:middle}
.sub_title {font-size:18px;font-weight:bold;color:#333;background:url(/site_b/images/sub/icon_b.png) left center no-repeat;padding-left:25px;position:relative;} 
.sub_text .a_bg{background:url(/site_b/images/company/totais_a.png) right top no-repeat; } 

.titlebox {margin:auto;padding-top:150px;background:url(/site_b/images/company/companybg.jpg)  right 50px no-repeat;margin-top:10px;} 

.about_box {margin-top:30px;} 
.about_box tr{text-align:center; padding:15px 0;}
.about_box th{font-size:24px}
.about_box td{font-size:14px} 
.about_sub{margin-top:50px;}

.about_sub li{float:left;} 
.about_sub ul:after{clear:both;content:'';display:block}
.about_sub .sub_text{font-size:15px;line-height:30px; margin-top:50px;padding-left:50px;}
.about_sub .sub_text span{display:block; font-size:24px; line-height:34px;background:url('/site_b/images/company/abut_totaicon.png')  210px top no-repeat;}
/* border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;  border-bottom:1px dotted #cecfce;*/

/** 비즈니스 **/
.bx-wrapper {position:relative;margin-top:10px;}
.bx-wrapper .bx-caption{background-color:#333;opacity:0.8;position:absolute;bottom:0px;left:0px;display:block;width:100%;}
.bx-wrapper .bx-caption span{color:#fff;line-height:56px;font-size:18px;font-weight:bold;padding-left:25px}

.bx-pager {display:none;}
.bx-pager .bx-pager-link{background-color:#333}
.bx-pager .bx-pager-link.active{background-color:red}


.bx-controls-direction {position:absolute;right:0px;bottom:0px;z-index:600;}
.bx-controls-direction a{display:inline-block;width:56px;height:56px;text-indent:-9999px;}
.bx-controls-direction .bx-prev{background:url(/site_b/images/arr_l.png) no-repeat;}
.bx-controls-direction .bx-next{background:url(/site_b/images/arr_r.png) no-repeat;}



.bizslider_main:after {clear:both;content:'';display:block;}
.tit_bizmain {text-align:center;margin-top:20px;}
.bizmain {width:661px;float:left;height:320px}
.bizmain li{float:left;width:50%;}
.bizmain li:first-child{border-right:1px solid #d8d8d8}
.bizmain:after{clear:both;content:'';display:block;}
.bizmain h3 {font-size:16px;font-weight:bold;padding-bottom:10px;}
.bizmain .m2box {padding:15px;border:none;}
.bizmain .m_list li{line-height:28px;border:none;}
.bizmain .m_list li span{display:inline-block;padding:2px 5px;font-size:11px;color:#fff;border-radius:2px;line-height:11px;margin-right:5px;}
.bizmain .m_list li .ica span{background-color:#666;border:1px solid #666}
.bizmain .m_list li .icb span{background-color:#59892b;border:1px solid #59892b}
.bizmain .m_list li .icc span{background-color:#2b5189;border:1px solid #2b5189}
.bizmain .m_list:after {clear:both;content:'';display:block;height:40px;}
.bizmain .m_menu {clear:Both;}
.bizmain .m_menu img{display:block;margin:auto;padding-bottom:20px;}
.bizmain .m_menu li {text-align:center;font-weight:bold}
.bizmain .m_menu li:first-child{border-right:1px solid #cecfce}

.bstit{font-size:14px;padding-top:15px;padding-bottom:10px;font-weight:bold;font-family:verdana}
.ing_box {float:right;width:330px;}
.ing_probox_text {padding-right:150px;position:relative}
.bbbb {clear:both;height:40px;}
.ing_probox_text li{line-height:24px;}
.ing_probox_text li.tit{padding-bottom:5px;font-weight:Bold;font-size:14px}
.ing_probox_text li img{vertical-align:middle}
.ing_probox_text  .icon{border:1px solid #cecfce;display:inline-block;padding:2px 5px;font-size:11px;line-height:16px}

.ing_probox_img {position:absolute;right:0px;top:0px;width:140px;height:90px;}
.ing_probox_img .tmore{position:absolute;right:0px;bottom:0px;}
.ing_probox_img .img{width:140px;height:90px;border:1px solid #cecfce;}


.main_wpartner {clear:both;padding:20px 0}
.main_wpartner li{width:16.6%;float:left;padding-right:15px}
.main_wpartner li:last-child{padding-right:0px;}
.main_wpartner li .img_point{height:70px;border:1px solid #cecfce;padding:10px;text-align:center;}
.main_wpartner li .img_point img{max-height:50px;}
.main_wpartner li .text_point {font-size:12px;color:#999;line-height:21px}
.main_wpartner:after {clear:both;content:'';display:block;}



.boxList {margin:25px 0}
.boxList:after {clear:both;content:'';display:block}
.boxList li {float:left;width:23%;height:150px;margin-right:2%;padding:20px 0;border-radius:18px;box-shadow:1px 1px 0px 0px #d6d8db;background:#ffffff;border:1px solid #dadada}
.boxList li.box_04 {margin-right:0;}
.boxList li .thumb {width:84%;height:120px;float:right;left:-8%;position:relative;overflow:hidden}
.boxList li .thumb .img{width:195px;border:1px solid #cecfce}
.boxList li .subject {clear:both;position:relative;width:90%;margin:0 7.5%;padding-top:12px;overflow:hidden;font-weight:bold;font-size:1.2em;letter-spacing:-1px}
.boxList li .subject a{display:inline-block;overflow:hidden;width:70%;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined}


.info_main_list li{width:50%;float:left;padding-bottom:10px;height:140px}
.info_main_list dt{float:left;width:24%;}
.info_main_list dd{float:right;width:75%;line-height:21px}
.info_main_list dd strong{display:block;font-size:15px;padding-top:10px}
.info_main_list dd span{display:inline-block;padding:0 10px;margin-top:5px;color:#fff;font-size:11px;background-color:#ec6851;border-radius:2px;}

.info_main_list:after {clear:both;content:'';display:block}
.info_main_list dl:after {clear:both;content:'';display:block}

.portfolio li{float:left;width:25%;padding:5px;}
.portfolio li img{display:block;margin:25px auto;max-height:65px}
.portfolio li a{display:block;padding:15px;border:1px solid #cecfce;border-radius:5px;color:#999;line-height:160%;font-size:12px;}
.portfolio li a strong{display:block;font-size:16px;color:#333;padding-bottom:10px}
.portfolio li a span{display:inline-block;padding:3px 5px;font-size:11px;line-height:11px;color:#fff}
.portfolio li .ica span{background-color:#666;border:1px solid #666}
.portfolio li .icb span{background-color:#59892b;border:1px solid #59892b}
.portfolio li .icc span{background-color:#2b5189;border:1px solid #2b5189}


.bzpartne_list {position:absolute;left:0px;top:170px;z-index:900}
.bzpartne_list li{margin-bottom:10px;}
.bzpartne_list a{display:inline-block;border:1px solid #cecfce;box-shadow:2px 2px 2px rgba(0,0,0,0.1);width:160px;text-align:center;}
.bzpartne_list a:hover{background-color:#72ad2d;color:#fff}




.biz_ing_icon {float:right;margin-top:10px}
.biz_ing_icon a{display:block;font-size:10px;background-color:#637fda;color:#fff;float:left;padding:5px;margin-left:5px;}
.biz_ing_icon a.ic1{background-color:#637fda;}
.biz_ing_icon a.ic2{background-color:#b763da;}
.biz_ing_icon a.ic3{background-color:#da63a3;}
.biz_ing_icon a.ic4{background-color:#9fcf4a;}
.biz_ing_icon a.ic5{background-color:#dabd63;}
.biz_ing_icon a.ic6{background-color:#da9063;}
.sub_tablebox {width:100%;  table-layout: fixed;}
.sub_tablebox th{padding: 14px;    background: #f5f5f5;    font-weight: normal;    line-height: 22px;border: 1px solid #ddd;}
.sub_tablebox td{padding:7px 14px;    font-weight: 300;    color: #767676;    line-height: 22px;    background: #fff;    vertical-align: middle; table-layout: fixed;border: 1px solid #ddd;  }

.sub_tablebox th.over {background-color:#397f03 !important;color:#fff}
.sub_tablebox td.over {background-color:#ecf0e4 !important;}

.qna_write {margin-left:-20px;padding-top:15px}
.qna_write .contbx {width: calc(50% - 20px);float:left; margin-left:20px;}
.qna_write:after {clear:both;content:'';display:block;}

.qna_write th {width:30%}
.sub_tablebox input[type="text"] {border:1px solid #cecfce;padding:5px;width:100%}
.sub_tablebox input::placeholder {color:#999}
.sub_tablebox input[size="3"] {width:50px}
.sub_tablebox input[size="4"] {width:60px}
.sub_tablebox input[size="5"] {width:70px}
.sub_tablebox input[size="6"] {width:80px}
.sub_tablebox input[size="8"] {width:100px}
.sub_tablebox input[size="10"] {width:120px}
.sub_tablebox input[type="file"] {border:1px solid #cecfce;padding:5px;width:100%}
.sub_tablebox textarea {width:100%;height:100px;font-size:13px;line-height:1.4;text-align:left;color:#666;padding:5px;border:1px solid #cecfce}
.sub_tablebox input[type="checkbox"] {margin-right:3px}
.sub_tablebox label {margin-right:5px;display:inline-block}
.sub_tablebox label *{vertical-align:middle;}
.sub_tablebox td.bg{background-color:#f9f9f9;text-align:center;color:#ccc;vertical-align:middle}

.help_point {border:1px solid #cecfce;padding:20px;border-radius:5px;margin-top:20px}
.sub_title{clear:both;background:url(/site_b/images/sub/textleft_icon2.png) no-repeat;font-size:18px;padding:15px 0;color:#333333; font-weight: bold; padding-left:30px; margin-top:20px; }	

.btn_word a{padding:8px 15px;background-color:#999;border:1px solid #666;display:block;border-radius:5px;font-size:16px;font-weight:bold;color:#fff;text-align:center;margin-top:10px}



/*********************************** 미니시스템 *****************************************/
.sub_title4{font-size:20px;font-weight:400;position:relative;padding-left:15px;margin:10px 0 5px;clear:both}
.sub_title4:before{content:'';position:absolute;left:0px;top:2px;width:4px;height:18px;background-color:#9dc443;}

.morebtn{position:absolute;right:0px;top:-35px;font-size:14px; color:#fff;font-weight:bold;padding:3px 10px; line-height:27px; text-align:center; background:#4c566e; border-radius:3px; display:inline-block;margin-top:30px;margin-bottom:30px;box-shadow:2px 4px 3px 0 rgba(0, 0, 0, 0.1)}
.morebtn *{vertical-align:middle}
.morebtn img{margin-right:5px;}

.service_list {padding:10px 0 20px 0}
.service_list .serslide{}
.service_list .serslide div{margin-bottom:20px;font-size:0px;}
.service_list .serslide:after{clear:both;content:'';display:block;}
.service_list .serslide div .imgbx{display:block;}
.service_list .serslide div strong{display:block;font-size:18px;font-weight:bold;padding-bottom:5px;color:#333}
.service_list .serslide div p{padding:10px;font-size:14px;color:#999;line-height:160%;height:120px;border:1px solid #cecfce;padding-top:5px;}
.service_list .serslide div a{display:block;z-index:15;position:relative;}


.main_bcontent .box  {background-color:#fff}
.main_bcontent .box .minitit {width:70%;float:right; margin-top:14px; border:1px solid #e2e1e0;}
.main_bcontent .box .minitit:after {clear:both; content:''; display:block;}
.main_bcontent .box .minitit a img{max-width:100%}
.main_bcontent .box .minitit .mini_main{text-align:center; font-size:15px; font-weight:600; padding:7px 0;}
.main_bcontent .box .minilist {width:30%;float:left;padding-right:10px}
.main_bcontent .box .minilist li{border-radius:7px; border:1px solid #e2e1e0; margin-top:10px; text-align:center; line-height:25px;}
.main_bcontent .box .minilist li:first-child{margin-top:14px; }
.main_bcontent .box .minilist .all{background-color:#c04f57; color:#fff;border:1px solid #e2e1e0;}
.main_bcontent .box .minilist .all a{color:#fff;}

.mini_age {float:left;width:50%;}
.step_box {float:left;width:50%;padding-left:25px}
.step_box li{font-size:13px;padding:10px 0 15px 75px;border-bottom:1px dotted #cecfce;border-radius:3px;line-height:140%;position:relative}
.step_box li a{display:inline-block;border:1px solid #cecfce;border-radius:3px;padding:3px 5px;color:#888}
.step_box li span{display:block;position:absolute;left:15px;top:15px;background:#7c8395;font-size:14px;color:#fff;width:50px;line-height:50px;text-align:center;border-radius:100%}
.step_box li strong{font-size:16px;font-family:Georgia;padding-right:3px}
.step_box li .tit{display:block;letter-spacing:-0.5px;padding:10px 0}
.step_box ul:after{float:left;width:20%;}

.special_box {padding:65px 0;font-size:14px;color:#ccc;text-align:center;line-height:130%;background:#4c566e;margin-top:20px}
.special_box strong{display:block;font-size:20px;color:#fff;padding-bottom:10px}

.mini {text-align:center;padding-top:20px;}
.mini ul:after{clear:both; content:''; display:block;}
.mini ul li {width:20%; float:left; margin-top:10px; border-right:1px solid #ccc;}
.mini ul li:last-child {width:20%; float:left; margin-top:10px; border:none;}
.mini ul li img{max-width:97px}
.mini ul li .mini_name{font-size:16px; font-weight:bold; margin:7px 0 10px 0;}
.mini ul li .mini_txt{font-size:13px; margin:7px 0; line-height:20px; color:#999999;}


.mainbg {background-color:#fff !important;border-left:1px solid #cecfce !important;border-right:1px solid #cecfce !important;padding:0 25px !important}


/**
.mini_topbx.mcat1 {background-color:#4f5d73;}
.mini_topbx.mcat1 .service_txt {color:#e5e9f0}
.mini_wrap.mcat1 .service_iconbox strong{background:url(/site_d/images/mini/won1.png) no-repeat;color:#4f5d73}
.mini_wrap.mcat1 .service_apeed span{background-color:#4f5d73;}

.mini_topbx.mcat2 {background-color:#b37e78;}
.mini_topbx.mcat2 .service_txt {color:#f9eceb}
.mini_wrap.mcat2 .service_iconbox strong{background:url(/site_d/images/mini/won2.png) no-repeat;color:#b37e78}
.mini_wrap.mcat2 .service_apeed span{background-color:#b37e78;}

.mini_topbx.mcat4 {background-color:#808563;}
.mini_topbx.mcat4 .service_txt {color:#f5f6ed}
.mini_wrap.mcat4 .service_iconbox strong{background:url(/site_d/images/mini/won3.png) no-repeat;color:#808563}
.mini_wrap.mcat4 .service_apeed span{background-color:#808563;}

.mini_topbx.mcat3 {background-color:#836859;}
.mini_topbx.mcat3 .service_txt {color:#f1ebe8}
.mini_wrap.mcat3 .service_iconbox strong{background:url(/site_d/images/mini/won4.png) no-repeat;color:#836859}
.mini_wrap.mcat3 .service_apeed span{background-color:#836859;}

.mini_topbx.mcat5 {background-color:#6e548b;}
.mini_topbx.mcat5 .service_txt {color:#ede8f3}
.mini_wrap.mcat5 .service_iconbox strong{background:url(/site_d/images/mini/won5.png) no-repeat;color:#6e548b}
.mini_wrap.mcat5 .service_apeed span{background-color:#6e548b;}

.mini_topbx .mcat6 {background-color:#8d8656;}
.mini_topbx.mcat6 .service_txt {color:#f0efe8}
.mini_wrap.mcat6 .service_iconbox strong{background:url(/site_d/images/mini/won6.png) no-repeat;color:#8d8656}
.mini_wrap.mcat6 .service_apeed span{background-color:#8d8656;}

.mini_topbx.mcat7 {background-color:#66888b;}
.mini_topbx.mcat7 .service_txt {color:#eef6f7}
.mini_wrap.mcat7 .service_iconbox strong{background:url(/site_d/images/mini/won7.png) no-repeat;color:#66888b}
.mini_wrap.mcat7 .service_apeed span{background-color:#66888b;}

.mini_topbx.mcat8 {background-color:#856360;}
.mini_topbx.mcat8 .service_txt {color:#f4eeed}
.mini_wrap.mcat8 .service_iconbox strong{background:url(/site_d/images/mini/won8.png) no-repeat;color:#856360}
.mini_wrap.mcat8 .service_apeed span{background-color:#856360;}


.mini_topbx.mcat9 {background-color:#3f4a72;}
.mini_topbx.mcat9 .service_txt {color:#e5e9f0}
.mini_wrap.mcat9 .service_iconbox strong{background:url(/site_d/images/mini/won9.png) no-repeat;color:#3f4a72}
.mini_wrap.mcat9 .service_apeed span{background-color:#3f4a72;}

.mini_topbx.mcat10 {background-color:#b0868a;}
.mini_topbx.mcat10 .service_txt {color:#f1e0e2}
.mini_wrap.mcat10 .service_iconbox strong{background:url(/site_d/images/mini/won14.png) no-repeat;color:#b0868a}
.mini_wrap.mcat10 .service_apeed span{background-color:#b0868a;}

.mini_topbx.mcat11 {background-color:#495ba0;}
.mini_topbx.mcat11 .service_txt {color:#e8eaf3}
.mini_wrap.mcat11 .service_iconbox strong{background:url(/site_d/images/mini/won10.png) no-repeat;color:#495ba0}
.mini_wrap.mcat11 .service_apeed span{background-color:#495ba0;}


.mini_topbx.mcat12 {background-color:#835887;}
.mini_topbx.mcat12 .service_txt {color:#ebd7ee}
.mini_wrap.mcat12 .service_iconbox strong{background:url(/site_d/images/mini/won11.png) no-repeat;color:#835887}
.mini_wrap.mcat12 .service_apeed span{background-color:#835887;}

.mini_topbx.mcat13 {background-color:#547647;}
.mini_topbx.mcat13 .service_txt {color:#e2eede}
.mini_wrap.mcat13 .service_iconbox strong{background:url(/site_d/images/mini/won12.png) no-repeat;color:#547647}
.mini_wrap.mcat13 .service_apeed span{background-color:#547647;}

.mini_topbx.mcat14 {background-color:#4e7481;}
.mini_topbx.mcat14 .service_txt {color:#deebef}
.mini_wrap.mcat14 .service_iconbox strong{background:url(/site_d/images/mini/won13.png) no-repeat;color:#4e7481}
.mini_wrap.mcat14 .service_apeed span{background-color:#4e7481;}

.mini_topbx.mcat15 {background-color:#7d604c;}
.mini_topbx.mcat15 .service_txt {color:#f0e9e4}
.mini_wrap.mcat15 .service_iconbox strong{background:url(/site_d/images/mini/won15.png) no-repeat;color:#7d604c}
.mini_wrap.mcat15 .service_apeed span{background-color:#7d604c;}

.mini_topbx.mcat16 {background-color:#485d6c;}
.mini_topbx.mcat16 .service_txt {color:#d9e6ef}
.mini_wrap.mcat16 .service_iconbox strong{background:url(/site_d/images/mini/won16.png) no-repeat;color:#485d6c}
.mini_wrap.mcat16 .service_apeed span{background-color:#485d6c;}

.mini_topbx.mcat17 {background-color:#1b1b1b; text-align:center;}

**/

.mini_box {text-align:center;padding:20px 0}

.mini_topbx {background-color:#314838;padding:20px 0;}
.service_tit {font-size:21px;text-align:center;color:#fff;padding-bottom:15px;}
.service_txt {font-size:16px;text-align:center;line-height:26px;color:rgba(255,255,255,0.7)}
.service_txt .screenbr{display:block}
.service_chat {padding:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border:1px solid #cecfce;text-align:center}
.service_chat li{line-height:26px;padding-left:15px;font-size:16px}

.service_pro {text-align:center;padding-top:10px;}
.service_pro strong{text-align:left;display:block;letter-spacing:-0.5px;font-size:18px;color:#314838;}
.service_pro p{text-align:left;display:block;letter-spacing:-0.5px;font-size:16px}
.service_pro li{vertical-align:top;display:inline-block;padding:0 20px;line-height:28px;margin-bottom:10px;text-align:left;}
.service_pro ul:after{clear:both;content:'';display:block}

.service_iconbox {text-align:center;font-size:32px;margin-top:50px;margin-left:25px}
.service_iconbox strong{display:inline-block;letter-spacing:-0.5px;text-align:Center;vertical-align:middle;line-height:180px;font-size:21px;border:23px solid rgba(49,72,56,0.7);width:220px;height:220px;color:#314838;border-radius:100%;margin-left:-25px}
.service_iconbox:after{clear:both;content:'';display:block;}

.service_apeed {padding:80px 0 30px 0;margin-top:25px;clear:both;background:url(/site_D/images/mini/apeed.gif) center top no-repeat;text-align:center}
.service_apeed span{background-color:#314838;color:#fff;margin:0 5px;padding:25px 15px;text-align:center;border-radius:15px;display:inline-block;font-size:16px}


.service_recomm {margin:15px 0;clear:both;padding:75px 15px 25px 75px;border-radius:15px;border:1px solid #cecfce;position:relative;}
.service_recomm:before {content:'적용가능한 사이트 (시스템)';color:#314838;font-family:'NBGB';font-size:18px;position:absolute;left:40px;top:30px;border-left:4px solid #314838;line-height:1;padding-left:10px}
.service_recomm span{padding-left:10px;display:inline-block;width:30%;line-height:26px;font-size:16px;position:relative;}
.service_recomm span:before{content:'ㆍ';color:#999;font-size:30px;position:absolute;left:-15px}

.arr_box {position:relative;height:80px}
.arr_box h3{font-size:32px;font-weight:normal;text-align:center;display:block;color:#333;padding-top:20px;line-height:50px}
.arr_box h3 *{vertical-align:middle}
.arr_box h3 a{font-size:14px;display:inline-block;width:30px;height:30px;border:1px solid #cecfce;background:url(/site_D/images/mini/loc_list.png) center center no-repeat;background-size:16px;text-indent:-9999px;margin-right:10px;}
.arr_box .arrloc{position:absolute;font-size:18px;color:#888;line-height:50px}
.arr_box .pre {left:0px;top:20px;}
.arr_box .next {right:0px;top:20px;}
.arr_box .arrloc span{display:block;border-radius:50px;width:50px;height:50px;border:1px solid #cecfce}
.arr_box .pre span{background:url(/site_D/images/mini/loc_left.png) center center no-repeat;float:left;margin-right:10px}
.arr_box .next span{background:url(/site_D/images/mini/loc_right.png) center center no-repeat;float:right;margin-left:10px}

.cart_list {text-align:left}
.cart_list li{line-height:210%}
.cart_list li .box{}
.cart_list .box .tit{font-size:18px;color:#333;width:150px;display:inline-block;font-family:'NBGL';border-right:1px dotted #cecfce}
.cart_list .box .txt{display:inline;font-size:16px;padding-left:10px}
.cart_list ul {text-align:left; margin-left:19%;}


/************ 미니솔루션 상세*************/

.minisystem .mbox_area{position:relative;height:545px;line-height:1.6}
.minisystem .mbox_area:after{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);}

.minisystem .mbox_area .txt {color:rgba(255,255,255,0.8);font-size:40px;font-weight:100;text-align:center;padding:170px 0;letter-spacing:-1px;position:relative;z-index:2}
.minisystem .mbox_area .txt strong{color:#fff;font-weight:800;}
.minisystem .mbox_area .txt p {font-size:30px;padding-top:100px}

.minisystem .review_area {height:545px;padding-top:100px;position:relative;background-color:#f9fafc}
.minisystem .review_area:before {content:'';position:absolute;left:0px;bottom:0px;background:url('/site_d/images/mini/mini_afterbg1.jpg');width:580px;height:345px;}
.minisystem .review_area:after {content:'';position:absolute;right:0px;bottom:0px;background:url('/site_d/images/mini/mini_afterbg2.jpg');width:580px;height:345px}
.minisystem .review_area h3{font-size:40px;text-align:center;position:relative;display:block;font-weight:100;z-index:1;}
.minisystem .review_area h3:after{content:'';position:absolute;left:50%;top:80px;width:1px;height:70px;background-color:#333;}
.minisystem .review_area .box{border:1px solid #ececee;padding:50px 25px 25px 25px;border-radius:15px;width:80%;margin:80px auto;text-align:center;font-size:18px;height:190px;position:relative;z-index:1;}
.minisystem .review_area .box img{display:block;margin:auto;padding-bottom:15px}


.minisystem .mbox_area2{position:relative;height:545px;text-align:center;color:#fff;}
.minisystem .mbox_area2.expendbg{background:url('/site_d/images/mini/spec_img.jpg') center center no-repeat;background-size:cover;}
.minisystem .mbox_area2.startbg{background:url('/site_d/images/mini/startbg.jpg') center center no-repeat;background-size:cover;}
.minisystem .mbox_area2:after{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.minisystem .mbox_area2 .box{position:relative;z-index:2}

.minisystem .mbox_area2 h3 {font-size:40px;font-weight:100;text-align:center;padding:100px 0 140px 0;letter-spacing:-1px;}
.minisystem .mbox_area2 h3:after {content:'';position:absolute;left:50%;top:180px;width:1px;height:70px;background-color:#fff;}
.minisystem .mbox_area2 .txt {font-size:24px;line-height:1.6}
.minisystem .mbox_area2 strong{color:#ffc174}
.minisystem .mbox_area2 .tagtit {font-size:17px;color:#ffc174;font-weight:400;display:block;padding:30px 0 20px}
.minisystem .mbox_area2 li {display:inline-block;background-color:#fff;border-radius:5px;margin:0 10px;padding:10px 20px;font-size:15px;color:#333}
.minisystem .mbox_area2 .gobtn {display:inline-block;font-size:17px;color:#fff;padding:15px 45px;margin-top:40px}


.minisystem .mbox_area3{position:relative;height:545px;text-align:center;color:#333;}
.minisystem .mbox_area3.mobilebg{background:url('/site_d/images/mini/mobilebg.jpg') center bottom no-repeat;background-color:#feb532}
.minisystem .mbox_area3 .box{position:relative;z-index:2}

.minisystem .mbox_area3 h3 {font-size:40px;font-weight:100;text-align:center;padding:100px 0 140px 0;letter-spacing:-1px;}
.minisystem .mbox_area3 h3:after {content:'';position:absolute;left:50%;top:180px;width:1px;height:70px;background-color:#fff;}
.minisystem .mbox_area3 .txt {font-size:24px;line-height:1.6;text-align:left;padding:0 120px}
.minisystem .mbox_area3 strong{background-color:#fff;}

.minisystem .spec_list {padding:70px 0 0 0;}
.minisystem .spec_list h3{font-size:40px;display:block;text-align:center;position:relative;padding-bottom:130px;letter-spacing:-1px}
.minisystem .spec_list h3:after {content:'';position:absolute;left:50%;top:80px;width:1px;height:70px;background-color:#333;}
.minisystem .spec_list ul{margin-left:-50px;padding:0 50px;}
.minisystem .spec_list ul:after{clear:both;content:'';display:block;}
.minisystem .spec_list li{display:block;float:left;width: calc(33.3% - 50px);margin-left:50px;text-align:center;margin-bottom:50px;position:relative;}
.minisystem .spec_list li .imgicon{background-color:#fff;border-radius:100%;padding:15px;width:80px;height:80px;position:absolute;left:50%;top:-35px;transform:translateX(-50%)}
.minisystem .spec_list li .txt{border:1px solid rgba(255,255,255,0.5);border-radius:15px;padding:60px 20px 20px 20px;color:#333;font-size:15px;line-height:1.6}
.minisystem .spec_list li .txt h4{font-size:20px;display:block;padding-bottom:15px;;}



/********************** 미니솔루션 ********************************/
.mainbg {background-color:#fff !important;border-left:1px solid #cecfce !important;border-right:1px solid #cecfce !important;padding:0 25px !important;}

.qnabtn {background-color:#fff;border:1px solid #cecfce;border-radius:5px;padding:0px 0 ;display:block;width:80px;text-align:center;margin-top:10px;font-size:12px;}

.left_title2{position:relative;padding:0px 0 15px 0;min-height:145px;background:url(/site_j/images/color/left_titlebg_basic.gif) left 15px no-repeat;}
.left_title2:after {clear:both;content:'';display:block}
.left_title2 h1{color:#157efb;line-height:38px;padding-left:150px;font-size:21px;font-weight:500;}
.left_title2 .history{position:absolute;right:0px;top:10px;color:#999}
.left_title2 .history strong{color:#999}
.left_title2 .title_txt strong{width:45%;float:left;display:block;padding-left:40px;font-size:34px;color:#333;padding-top:10px}
.left_title2 .title_txt strong span{display:block;font-size:21px;padding:0 0 10px 0;font-weight:normal;}
.left_title2 .title_txt .text{float:right;width:55%;padding-left:20px;color:#999;font-size:14px;line-height:32px;font-weight:300;}
.left_title2 .title_txt:after {clear:both;content:'';display:block;}

.left_title2 .title_txt2 strong{display:block;padding-left:40px;font-size:40px;color:#333;padding-top:10px}
.left_title2 .title_txt2 strong span{display:block;font-size:21px;padding:0 0 10px 0;font-weight:normal;}
.left_title2 .title_txt2 .text{padding-left:20px;color:#999;font-size:18px;line-height:32px;font-weight:300;}
.left_title2 .title_txt2:after {clear:both;content:'';display:block;}

.service_list {padding:10px 0}
.service_list ul{margin-left:-20px;}
.service_list li{float:left;width: calc(25% - 20px);margin-left:20px;margin-bottom:20px;font-size:0px;}
.service_list ul:after{clear:both;content:'';display:block;}
.service_list li .imgbx{display:block;}
.service_list li strong{display:block;font-size:18px;font-weight:bold;padding-bottom:5px;color:#333}
.service_list li p{padding:15px;font-size:14px;color:#999;line-height:160%;height:150px;border:1px solid #cecfce;}
.service_list li p a{color:#999;display:block}

.mini_why {text-align:center;margin:auto;font-size:18px;line-height:28px;padding:5px 0 30px 0;}

.cost_step2 {text-align:center;margin-top:10px;margin-bottom:20px;}
.cost_step2 *{vertical-align:top}
.cost_step2 li{display:inline-block;color:#2f2f2f;width:190px;height:190px;padding-top:70px;
text-align:center;border-radius:300px;margin-left:-18px;font-size:20px;font-weight:bold;}
.cost_step2 li.step2txt{padding-top:65px;}

.cost_step2 li.bg1{border:15px solid #c6c8ce;opacity:0.8}
.cost_step2 li.bg2{border:15px solid #8e929e;opacity:0.8}
.cost_step2 li.bg3{border:15px solid #686e7e;opacity:0.8}
.cost_step2 li.bg4{border:15px solid #424a5e;opacity:0.8}

.cost_step2 li.bg1:hover {background-color:#c6c8ce;opacity:0.8;color:#fff;}
.cost_step2 li.bg2:hover {background-color:#8e929e;opacity:0.8;color:#fff;}
.cost_step2 li.bg3:hover {background-color:#686e7e;opacity:0.8;color:#fff;}
.cost_step2 li.bg4:hover {background-color:#424a5e;opacity:0.8;color:#fff;}s

.cost_step2_txt:after {clear:both;content:"";display:block;}
.cost_step2_txt{width:90%;margin:auto;margin-bottom:40px;}
.cost_step2_txt li {width:22%;font-size:12px;text-align:center;float:left;margin:0 1.5%;}
.cost_step2_txt li:first-child {width:22%;font-size:12px;text-align:center;float:left;margin-left:0;}

.cost_step_m {display:none;}



/*************************************** 맞춤제작 메인 ************************************************/
.system_main_box h4{text-align:center;display:block;background:url(/site_d/images/make/consult_main_box_h4.gif) center 10px no-repeat;height:40px;font-size:18px}
.system_main_box ul {text-align:center;margin:auto;}
.system_main_box li {width:260px;height:260px;border-radius:100%;background-color:#df8066;margin-left:-25px;display: inline-block;
    vertical-align: top;}
.system_main_box li:nth-child(2){background-color:#6f90b6;opacity:0.9}
.system_main_box li:nth-child(3){background-color:#6bb7b3;}
.system_main_box ul:after {clear:both;content:'';display:block}
.system_main_box li .box span{color:#fff}
.system_main_box li .box strong{color:#fff;font-size:24px;display:block;padding:60px 0 15px 0;font-weight:normal;}
.system_main_box li .box .txt{width:80%;margin:auto;color:rgba(255,255,255,0.8);line-height:1.4;line-height:-0.5px}
.system_main_box ul:after {clear:both;content:'';display:block;}

.system_main_box2 {padding-top:15px}
.system_main_box2:after{clear:both;content:'';display:block}
.system_main_box2 .box{float:left;width:33.3%;padding:15px;}

.system_main_box2 .con_box1 {background:url(/site_d/images/make/main_systembg.png) center bottom no-repeat;height:330px;border:1px solid #cecfce;padding:15px;margin-top:15px}
.system_main_box2 .con_box1 h3{font-size:14px;font-family:verdana;padding-bottom:5px;color:#333;}
.system_main_box2 .con_box1 li{line-height:21px;font-size:14px;background:url(/site_d/images/make/icon_col3.gif) left center no-repeat;padding-left:70px;color:#999;}
.system_main_box2 .con_box1 ul{padding:5px 0 15px 0}
.system_main_box2 .con_box1 .customer_btn {text-align:center}
.system_main_box2 .con_box1 .customer_btn a{display:inline-block;width:125px;line-height:50px;background-color:#444;color:#fff;font-size:18px;font-weight:700;letter-spacing:-0.2;text-align:center;border-radius:25px;margin-top:10px;}
.system_main_box2 .con_box1 .customer_btn .detail{font-size:12px;color:#999;letter-spacing:-0.2px;}


.system_main_box2 .con_box2 .tbox strong{background:url(/site_d/images/make/icon_b3.gif) 7% 15px no-repeat;text-align:center;font-size:16px;line-height:36px;display:block;padding:5px 0 5px 0}
.system_main_box2 .con_box2 .tbox li{border:1px solid #cecfce;margin-bottom:10px;line-height:38px;font-size:16px;color:#333;text-align:center;}
.system_main_box2 .con_box2 .more {font-size:16px;text-decoration:underline;margin-top:10px;display:inline-block}

.system_main_box2 .con_box3 h3 {color:#333;line-height:180%;font-weight:bold;font-size:18px}


/*** ***/
.sub_table_list2 th{background-color:#b9b9b9;color:#fff;border:1px solid #9d9d9d;padding:5px;line-height:24px;}
.sub_table_list2 th:nth-child(2){background-color:#a7c8d8;color:#fff;border:1px solid #7cb5ce;padding:5px;line-height:24px;}
.sub_table_list2 td{border:1px solid #cdcdcd;color:#555;padding:5px;line-height:21px;text-align:center;}
.sub_table_list2 td.bg{background-color:#f2f2f2}
.sub_table_list2 td.bg2 {background-color:#fff;}


.s_before li{float:left;width:50%;padding-right:30px;min-height:210px}
.s_before h4{}
.s_before ul:after {clear:both;content:'';display:block}


.make_price_title *{vertical-align:top;}
.make_price_title {font-size:16px;font-weight:600;margin:30px 0;}
.make_price_title .title_line {margin-left:4%;}
.price_title_first {font-size:16px;font-weight:600;margin-bottom:10px;}
.make_price_title div {font-size:16px;font-weight:bold;background-color:#9ec746;text-align:center;
width:25px;height:25px;color:#fff;border-radius:100%;margin-right:5px;padding-top:2px;display:inline-block;}
.what_mini:after {clear:both;content:'';display:block;}
.what_mini *{vertical-align:middle;}
.what_mini {margin-top:60px;}
.what_mini span{float:left;color:#9ec746;font-size:20px;font-weight:bold;padding:3px 7px;border:3px solid #9ec746;border-radius:100%;margin-right:10px;}
.what_mini div{float:left;font-size:14px;line-height:20px;margin-right:10px;}
.what_mini a{float:left;background-color:#9ec746;font-size:14px;font-weight:bold;padding:15px 20px;color:#fff;border-radius:7px;}


.keylist li{display:block;width:16.6%;float:left;}
.keylist li span{display:block;width:120px;height:120px;border-radius:100%;background-color:#f2f2f2;font-size:13px;text-align:center;line-height:1.2;padding:45px 15px 0 15px}
.keylist:after{clear:both;content:'';display:block;height:20px}

/* 1픽셀라운드 */
.box_type1_green{margin-bottom:12px;border:1px solid #aac244}
.box_type1_green .guide{position:relative;width:100%}
.box_type1_green .tl{display:block;position:absolute;top:-1px;left:-1px;width:7px;height:7px;background:url(/site_H/images/icon/bg_rndbox_7.gif) no-repeat;font-size:0}
.box_type1_green .tr{display:block;position:absolute;top:-1px;left:-6px;width:7px;height:7px;margin-left:100%;background:url(/site_H/images/icon/bg_rndbox_7.gif) 100% 0 no-repeat;font-size:0}
.box_type1_green .lb{display:block;position:absolute;top:-6px;left:-1px;width:7px;height:7px;background:url(/site_H/images/icon/bg_rndbox_7.gif) 0 100% no-repeat;font-size:0}
.box_type1_green .rb{display:block;position:absolute;top:-6px;left:-6px;width:7px;height:7px;margin-left:100%;background:url(/site_H/images/icon/bg_rndbox_7.gif) 100% 100% no-repeat;font-size:0}
.box_type1_green .cont{position:relative;padding:10px;line-height:24px;font-size:13px;}