.screen {display:none !important}

#mainwrap { }
.main_content{ }
.main_content .conbox {padding:20px; background:#4454b3; color:#fff;}
.main_content .conbox h2 { margin-bottom:30px; font-weight:100; font-size:16px;  }
.main_content .conbox h3 {  font-size:36px; }
.main_content .conbox .title_box{margin-bottom: 20px; font-size: 14px; color: #c5cbec;}
.main_content .conbox .title_box strong{ margin-top: 18px;  font-size: 20px; color:#fff; font-weight:100; display:block;}
.main_content .conbox .mmenu > li {  padding: 15px 0; 
color:#fff; font-size:16px;}
.main_content .conbox .mmenu li a{display:block; color:#fff; font-size:16px;}
.main_content .conbox .mmenu li a span{display:block; color:#fff; font-size:16px;}

.main_content .conbox .mmenu > li .smenu{display:none; margin-top:15px; }
.main_content .conbox .mmenu  li .smenu li {height:25px; }
.main_content .conbox .mmenu  li .smenu li a{ font-size: 14px;  font-weight: bold;  color: #bac1eb;}
.main_content .conbox .mmenu > li.on {border:1px solid #fff;}
.main_content .conbox .mmenu > li.on .smenu{display:block;}

.con_btn{width:100%; text-align:center; margin-top:20px; }
.con_btn div{width:47%; height:45px;  display:inline-block;   background:#fff;  line-height:45px; text-align:center; }
.con_btn div a{ font-size:16px; font-weight:bold; color:#4454b3; }
.con_btn .btn_right{margin-right:10px;}

.main_content .conbox.white_type {background:#fff; text-align:right; color:#999;}
.main_content .conbox.white_type h2 {color:#333;}
.main_content .conbox.white_type h3 {color:#4454b3;}
.main_content .conbox.white_type .title_box.white_tbox{color: #999;}
.main_content .conbox.white_type .title_box.white_tbox strong{ color:#333;}
.main_content .conbox.white_type  .mmenu.white_menu{ margin-right:5px;}
.main_content .conbox.white_type  .mmenu.white_menu .back_img{height:300px; background:url(/site_b/images/back_img.png) no-repeat right bottom; }
.main_content .conbox.white_type  .mmenu.white_menu li a{color:#333; font-weight:bold;}
.main_content .conbox.white_type  .mmenu.white_menu li a span{color:#999; }

.con_btn.white_btn{width:100%; text-align:center; margin-top:20px; }
.con_btn.white_btn div{width:47%; height:45px;  display:inline-block;   background:#4454b3;  line-height:45px; text-align:center; }
.con_btn.white_btn div a{ font-size:16px; font-weight:bold; color:#fff; }
.con_btn.white_btn .btn_right{margin-left:10px; margin-right:0;}

.mid_info_box { height:300px; border:5px solid #4454b3; } 
.mid_info{}	
.mid_info .logo{width:100%; padding-top:20px;text-align:center; }

.mid_info .mid_banner{width:; position:relative; height:200px; text-align:center;}
.sliderbox3 {position:relative; height:212px;}
.sliderbox3 .flex-control-nav {position:absolute; left:42%;bottom:0px;}
.sliderbox3 .flex-control-nav li{display:inline-block;margin:0 3px;}
.sliderbox3 .flex-control-nav li a{display:block;width:10px;height:10px;border-radius:100px;background-color:#d3daff;text-indent:-9999px}
.sliderbox3 .flex-control-nav  a.flex-active{background-color:#4454b3;} 
.sliderbox3 .flex-direction-nav {display:none}
.mid_info .mid_info_etc{margin-top:30px; padding: 0 17px;}
.mid_info .mid_info_etc .etc_gnb{padding:8px 0; padding-right:20px; text-align:right;  border-bottom:1px solid #e6e6e6;}
.mid_info .mid_info_etc .etc_gnb a{ color:#314396;}
.mid_info .mid_info_etc .etc_familys{padding:0 10px;}
.mid_info .mid_info_etc .etc_familys a{ margin:0 5px; line-height:30px;}

.copy{margin-top:10px; font-size:12px; word-spacing:1px; color:#4454b3;  text-align:center;}





/********************************************************** 서브구조 공통 **********************************************************/
html, body {height:100%}
.sub_menu {display:none}

#content {padding:20px;}


.btn_qna a{ padding:13px 65px;  font-size:16px; font-weight:bold; color:#4454b3; border:1px solid #fff; background:#fff; display:block;margin-bottom:5px;white-space:nowrap}
.btn_qna a:hover{ border:1px solid #fff; color:#fff; background:#4454b3; box-sizing:border-box; transition:0.5s;}

.btn_qna.whitebg a{  color:#fff; border:1px solid #fff; background:#4454b3; display:block;}
.btn_qna.whitebg a:hover{ border:1px solid #4454b3; color:#4454b3;  background:#fff; }


.sub_titlebox {position:relative;text-align:Center;border-bottom:1px solid #d2d5e8;padding-bottom:20px;background-color:#e5e7f2;padding:20px}
.sub_titlebox h1{display:none;}
.sub_titlebox h2 {font-size:24px;color:#333;display:block;padding:20px 0;font-weight:normal;letter-spacing:-0.5px}
.sub_titlebox .location {font-size:13px;color:#999;padding:5px 0;border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;display:inline-block;}
.sub_titlebox ul {display:none}

.mcenters{ margin-bottom:50px;}

/********************************************************** 서브공통 **********************************************************/
.q_list li{background:url(/site_a/images/icon/icon_q.gif) no-repeat;line-height:25px;font-size:14px;padding-left:22px;}

.basic_search_box {}
.basic_search_box img{vertical-align:middle}


.page_navi_box_arr {width:177px;margin:auto;margin:50px 0;clear:Both;position:relative}
.page_navi_box_arr a{width:54px;height:53px;display:block;float:left;text-indent:-9999px;margin-left:5px;}
.page_navi_box_arr a.atop{background:url(/site_a/images/button/bt_top.gif) no-repeat;}
.page_navi_box_arr a.pre{background:url(/site_a/images/button/bt_pre.gif) no-repeat;}
.page_navi_box_arr a.next{background:url(/site_a/images/button/bt_next.gif) no-repeat;}
.page_navi_box_arr a.atop:hover{background:url(/site_a/images/button/bt_top_ov.gif) no-repeat;}
.page_navi_box_arr a.pre:hover{background:url(/site_a/images/button/bt_pre_ov.gif) no-repeat;}
.page_navi_box_arr a.next:hover{background:url(/site_a/images/button/bt_next_ov.gif) no-repeat;}


.word4 {width:110px;margin:auto;}
.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}

.input {border:1px solid #cecfce;padding:5px}
.textarea {border:1px solid #cecfce;width:100%;}
.sinput {border:1px solid #cecfce;padding:3px;}


.cont {position:relative}
.cont .tobiwing {position:absolute;width:90px;}
.cont .tobiwing_text {padding-left:90px}

.left_banner_title {position:relative;font-family:varnada;font-weight:Bold;color:#fff;line-height:21px;padding:3px 10px;}

/* 타이틀 */
.sub_title {font-size:21px;font-weight:bold;color:#333;padding:10px 0 5px 0;clear:both;}
.sub_title2 {font-size:16px;color:#333;font-weight:bold;line-height:24px;background:url(/site_a/images/icon/icon_subtitlebg2.png) left 23px no-repeat;clear:Both;padding:20px 0 0 25px;clear:Both;margin-bottom:5px}

/* 목록 리스트 */
.sub_ulist li{line-height:24px;background:url(/site_a/images/icon/icon_ulist.gif) 5px 5px no-repeat;padding-left:15px;}
.sub_ulist2 li{float:left;width:50%;line-height:24px;background:url(/site_a/images/icon/icon_ulist.gif) 5px 5px no-repeat;text-indent:15px;}
.sub_ulist3 li{float:left;width:50%;line-height:24px;background:url(/site_a/images/icon/icon_ulist.gif) 5px 5px no-repeat;text-indent:15px;}

.sub_ulist li a:hover{text-decoration:underline}
.sub_ulist2:after{clear:both;content:'';display:block}
.sub_ulist3:after{clear:both;content:'';display:block}


/* 이미지 내용, 풀리스트 */
.sub_dtlist dt{float:left;width:20%;padding:15px 0;}
.sub_dtlist dt img{width:80%;}
.sub_dtlist dd{float:left;width:80%;padding:15px 0;line-height:21px;}
.sub_dtlist dd h4{font-size:16px;font-weight:bold;color:#333;line-height:21px;display:block;padding-bottom:5px;font-family:NanumGothic}
.sub_dtlist dl:after{clear:both;content:'';display:block;}
.sub_dtlist dl{clear:both;border-bottom:1px solid #e1e1e1;}

/* 일반텍스트 */
.sub_text {line-height:23px;font-size:14px;padding-bottom:10px;clear:both}
.sub_text:after {clear:both;content:'';display:block;}

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

/* 회색 셀라운드 */
.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_a/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_a/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_a/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_a/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:14px;line-height:21px;padding-bottom:20px;}
.sub_ban3_box li p{color:#666;line-height:18px;min-height:100px;}
.sub_ban3_box li img{text-align:center;margin:auto;width:100%}
.sub_ban3_box:after{clear:both;display:block;content:''}

/* 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;border-radius:10px;position:relative;padding:10px;line-height:24px;font-size:14px;}
.box_type1_gray .guide{position:relative;width:100%}
.box_type1_gray .tl{display:block;position:absolute;top:-1px;left:-1px;width:7px;height:7px;background:url(/site_a/images/icon/bg_rndbox_0.gif) no-repeat;font-size:0}
.box_type1_gray .tr{display:block;position:absolute;top:-1px;left:-6px;width:7px;height:7px;margin-left:100%;background:url(/site_a/images/icon/bg_rndbox_0.gif) 100% 0 no-repeat;font-size:0}
.box_type1_gray .lb{display:block;position:absolute;top:-6px;left:-1px;width:7px;height:7px;background:url(/site_a/images/icon/bg_rndbox_0.gif) 0 100% no-repeat;font-size:0}
.box_type1_gray .rb{display:block;position:absolute;top:-6px;left:-6px;width:7px;height:7px;margin-left:100%;background:url(/site_a/images/icon/bg_rndbox_0.gif) 100% 100% no-repeat;font-size:0}



.sub_main_box .img_title {padding-bottom:10px}
.sub_main_box {width:685px;float:left;}
.sub_main_box .arr1{width:40px;padding-top:60px}
.sub_main_box .arr2{width:40px;text-align:right;padding-top:60px}
.sub_main_box li{float:left;width:185px;text-align:center;}
.sub_main_box .text{width:170px;margin:auto;text-align:left;line-height:18px}
.sub_main_box:after{clear:both;content:'';display:block;}

.msub_box .posts_list {float:right;width:300px}
.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 6px;float:left;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_sky{font-size:21px;color:#3d8db7;font-family:arial;font-weight:bold;position:absolute;left:0px;top:0px;}


/***************  파랑 blue ***************/
.import_blue{color:#515bb0 !important;}
.tab_design .tab_color_blue li a.over{background-color:#515bb0;}
.bg_blue{background-color:#515bb0}


h3.sub_title_blue {margin-top:20px; margin-bottom:10px; padding-left:20px;	font-size:18px;	color:#333; background:url(/site_a/images/icon/icon_subtitlebg.png) no-repeat left -96px; text-align:left;clear:both;}
h3.con_section1_blue span {line-height:18px;font-family:dotum, 돋음}
.sub_ban3_box li{width:100%;}
.sub_ban3_box .fingur_blue{font-size:21px;color:#515bb0;font-family:arial;font-weight:bold;position:absolute;left:0px;top:20px;}
.sub_ban4_box .fingur_blue{font-size:21px;color:#515bb0;font-family:arial;font-weight:bold;position:absolute;left:0px;top:20px;}


.location_box.page_blue {background:url(/site_a/images/title/line_blue.gif) left bottom no-repeat;}


/* 테이블 */
.sub_table_view_blue th{background-color:#a7ade1;color:#fff;border:1px solid #7f88d2;padding:5px;line-height:21px;text-align:left;}
.sub_table_view_blue td{border:1px solid #9aa2e4;color:#555;padding:5px;line-height:21px;}

.sub_table_list_blue th{background-color:#a7bed8;color:#fff;border:1px solid #7ca3ce;padding:5px;line-height:24px;}
.sub_table_list_blue td{border:1px solid #7ca3ce;color:#555;padding:5px;line-height:21px;text-align:center;}

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


/********************************************************** 서브 각 페이지 별도 **********************************************************/

/** 회사소개 **/
.company_history ul {float:left}
.company_history li:after {clear:both;content:'';display:block;height:15px;}
.company_history li h2{width:80px;float:left;font-size:18px;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;}

.company_info {background:url(/site_a/images/company/companybg.jpg) no-repeat;height:275px;margin-top:10px}
.company_info {padding-top:95px}







/********************************************* 고객센터 **********************************************/
.board_list th{line-height:40px;border-top:2px solid #788092;border-bottom:1px solid #cccccc;color:#788092;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:#788092;}
.board_list td.hit{color:#788092;}
.board_list td.title a{color:#000;font-weight:bold;font-size:14px;}

.board_title {line-height:40px;border-top:2px solid #788092;border-bottom:1px solid #cccccc;color:#788092;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;}
 
.sub_tablebox{width:100%;margin-top:30px;border:1px solid #e0e2e6;}
.sub_tablebox th{display:none;}
.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}


/********************************************* IT감리 **********************************************/
.need_img {display:block;margin:auto;padding:10px 0;}

.content_2dan {}
.content_2dan .dan{padding-bottom:25px;}
.content_2dan .dan strong{display:block;font-weight:bold;font-size:16px;line-height:210%;color:#333;}
.content_2dan .dan span{display:block;margin-bottom:25px;color:#777;line-height:180%;}
.content_2dan:after{clear:Both;content:'';display:block;}

.effect_icon {}
.effect_icon li{display:block;color:#fff;border-radius:15px;padding:25px 40px;text-align:center;font-size:16px;margin-top:-7px}
.effect_icon li.bg1{background-color:#7f88d2;opacity:0.8}
.effect_icon li.bg2{background-color:#6872c1;opacity:0.8}
.effect_icon li.bg3{background-color:#515bb0;opacity:0.8}
.effect_icon li.bg4{background-color:#414ba0;opacity:0.8}
.effect_icon li.bg5{background-color:#29348c;opacity:0.8}

.cost_step {text-align:center;}
.cost_step *{vertical-align:top}
.cost_step li{display:inline-block;color:#fff;width:130px;height:130px;padding-top:55px;text-align:center;border-radius:300px;margin-left:-20px;font-size:14px;}
.cost_step li.step2txt{padding-top:45px;}

.cost_step li.bg1{background-color:#7f88d2;opacity:0.8}
.cost_step li.bg2{background-color:#6872c1;opacity:0.8}
.cost_step li.bg3{background-color:#515bb0;opacity:0.8}
.cost_step li.bg4{background-color:#414ba0;opacity:0.8}
.cost_step li.bg5{background-color:#29348c;opacity:0.8} 
.cost_step li.bg6{background-color:#152075;opacity:0.8}

.box_type1_gray .stext_tit{font-size:16px;line-height:25px; padding:10px;}
.box_type1_gray .stext_tit .stxt_point{color:#2b4aa0;}
.s_subtit{text-align:center; background-color:#ccc;color:#fff;font-weight:bold;font-size:14px;}


/********************************************* 컨설팅 시장 **********************************************/


#chk_1, #chk_2, #chk_3{display:none;}
#chk_1 ~ .container .panel_1 {display:none;}
#chk_1:checked ~ .container .panel_1 {display:block;}
#chk_2 ~ .container .panel_2 {display:none;}
#chk_2:checked ~ .container .panel_2 {display:block;}
#chk_3 ~ .container .panel_3 {display:none;}
#chk_3:checked ~ .container .panel_3 {display:block;}

/***체크시 효과**/

#chk_1 ~ .tab_wrap>.btn_1{ background:#fff; color:#333;}
#chk_1:checked ~ .tab_wrap>.btn_1 {background:#4454b3; color:#fff; transition:0.2s;}
#chk_2 ~ .tab_wrap>.btn_2{ background:#ffff; color:#333;}
#chk_2:checked ~ .tab_wrap>.btn_2 {background:#4454b3; color:#fff; transition:0.5s;}


.tab_wrap{ width: 80%; margin:0 auto; text-align:center;}
.tab_wrap li{width:100%; padding:10px 0; margin:10px 0;  display:block; font-size:12px; border:1px solid #4454b3;}
.tab_wrap li label{ display:block;}

.container{ width:; margin:0 auto;}