@charset "UTF-8";
/* CSS Document  서브 적용시 css */

/*서브컨텐츠 시작*/


.body_wrap { display:block; position:relative; margin:0 auto; text-align:center;max-width:1450px;}

/*sub_menu*/
.sub_menu { display:inline-block; position:fixed; width:220px; padding:0; list-style:none; vertical-align:top;left: calc(50% - 650px);}
.sub_menu h2 {  padding:30px; margin:0; margin-bottom:1px; font-size:24px; font-weight:600; color:#FFF; text-align:center;height:90px;box-sizing:border-box;}
.sub_menu ul { height:auto; padding:5px 0 }
.sub_menu li {margin:5px auto;padding: 0;list-style: none;text-align: left;height: 30px;width: 190px;}
.sub_menu li a { display:block; padding:3px 3px 3px 20px;color:#FFF;height:30px;box-sizing: content-box;}
.sub_menu li:hover,
.sub_menu li:active,
.sub_menu li.selected { text-decoration:none;background:url(/images/sub/submenu_active.png) left center no-repeat;}

.sub_menu li:hover a,
.sub_menu li:active a,
.sub_menu li.selected a{color:#000;}

.sub_menu_add { position:relative; margin:362px 0 0 0; padding:0; list-style:none; }
.sub_menu_add span { float:left; margin:0; }
.sub_menu_add a { position:relative; margin:0 0 8px 0; padding:0; list-style:none; background-color:none; border:0}
.sub_menu_add img { width:200px; }

.sub_menu .sub_btn { text-align:center }
.sub_menu .sub_btn img { margin:0; padding:0; }
.sub_menu .sub_btn span { display:block; margin:0;  padding:15px 0 12px;  border-bottom:#ebebeb dashed 1px; }
.sub_menu .sub_btn span:first-child {}
.sub_menu .sub_btn span:last-child { border-bottom:none }
.sub_menu .sub_btn .BannerQna{display:block;width:100%;height: 170px;box-sizing: border-box;}
                              
.sub_menu_box{height: 410px;}
.sub_menu_box-Accept    {background: url(/images/sub/submenu_bg_01.png);}
.sub_menu_box-ReData    {background: url(/images/sub/submenu_bg_02.png)}
.sub_menu_box-RePhone   {background: url(/images/sub/submenu_bg_03.png)}
.sub_menu_box-Ransom    {background: url(/images/sub/submenu_bg_04.png)}
.sub_menu_box-Community {background: url(/images/sub/submenu_bg_05.png)}

.sub_menu .sub_btn .BannerQna-Accept   {background: url(/images/sub/submenu_banner_qna_bg_01.png)}
.sub_menu .sub_btn .BannerQna-ReData   {background: url(/images/sub/submenu_banner_qna_bg_02.png)}
.sub_menu .sub_btn .BannerQna-RePhone  {background: url(/images/sub/submenu_banner_qna_bg_03.png)}
.sub_menu .sub_btn .BannerQna-Ransom   {background: url(/images/sub/submenu_banner_qna_bg_04.png)}
.sub_menu .sub_btn .BannerQna-Community{background: url(/images/sub/submenu_banner_qna_bg_05.png)}



.body_wrap .contents { display:inline-block; width:920px; padding:0; font-size:14px; line-height:1.5em; min-height:100%; height:auto !important;margin-left: 300px; } /* 너비 조정시 패딩값 주의! */


.body_wrap .contents h1 { color:#333; font-size:46px; margin:70px 0 20px 0; padding:0; font-weight:100; letter-spacing:-0.05em; font-family:나눔바른고딕, 'NanumBarunGothic', 'nbg', 'Malgun Gothic'}
.body_wrap .contents h1 img { max-width:100% }
.body_wrap .contents h1 span {  margin:0; color:#ff9935; font-size:18px; font-weight:400;  line-height:3em;   }
.body_wrap .contents .intro_h1 {  margin-top:86px }

.body_wrap .contents h2 { margin:20px 0 45px 0; padding-top:15px; color:#4d4d4d; font-size:30px; font-weight:400; letter-spacing:-0.05em;}
.body_wrap .contents h2.small { font-size:24px;  font-weight:600; }
.body_wrap .contents h3 { margin:25px 60px 45px; color:#666666; font-size:18px; font-weight:400; text-align:justify;  text-align:center; }
.body_wrap .contents h4 { margin:30px 0 15px ; color:#333; font-size:18px; font-weight:600; text-align:left }
.body_wrap .contents h4 span { display:block; margin:0; color:#666; font-size:14px; font-weight:400;  line-height:3em;  }
.body_wrap .contents h5 { float:left; width:100%; margin:10px 0 10px ; color:#333; font-size:14px; font-weight:600; text-align:left }
	
.body_wrap .contents .full { display:block; width:100%; padding:0; margin:0; text-align:justify;  }
.body_wrap .contents .full img { max-width:100%; margin:10px auto; }

.body_wrap .contents .half_l { display:table-cell;  width:440px; padding:0; margin:0; border:0; text-align:justify;  }
.body_wrap .contents .half_l h3 { margin:25px 0 15px 0; color:#702ca0; font-size:16px; font-weight:400;  letter-spacing:-0.05em;  text-align:left;  }
.body_wrap .contents .half_r { display:table-cell;  width:460px; padding:0; margin:0;  border:0; padding-left:20px; vertical-align:top; text-align:justify; }
.body_wrap .contents .half_r h4.strong{ text-align:left; line-height:3.6em; margin-top:0; margin-left:10px; font-weight:600;  }
.body_wrap .contents .half_l img { max-width:460px; margin:10px auto; }
.body_wrap .contents .half_r img { max-width:460px; margin:10px auto; }

.body_wrap .contents .third_stage { display:table-cell; padding:0 20px 20px 0; margin:0; border:0; text-align:justify;  font-size:13px; letter-spacing:-0.05em;}
.body_wrap .contents .third_stage h3 { margin:5px 0 15px 0 ; padding-bottom:20px; color:#666; font-size:18px; font-weight:400;  letter-spacing:-0.05em;  text-align:left;background:url(../images/ico/line_orange.png) no-repeat 0 100%;  }
.body_wrap .contents .third_stage h3 font {  font-weight:400; color:#e74b3b;   font-size:24px;  font-family:Tahoma}
.body_wrap .contents .third_stage h3 span { font-size:14px;  font-weight:600;  color:#ff6600; }
.body_wrap .contents .third_stage img { width:292px; margin:10px auto; }



.body_wrap .contents strong  { font-weight:600; }
.body_wrap .contents strong.title { display:block;font-size:18px; font-weight:400; letter-spacing:-0.05em; color:#702ca0; vertical-align:top; margin:0; padding:0 0 10px 0;  }

.body_wrap .contents .title_Peru { font-weight:400; color:#a27d40  }

.body_wrap .contents .box { display:block;  width:calc(100% - 82px);  background-color:#ffffff; padding:30px 40px; border:#e5e5e5 solid 1px;}


.body_wrap .contents .box_gray { float:left; display:block;  width:calc(100% - 50px);  background-color:#fafafa; padding:15px 20px; margin:20px 0; border:#e5e5e5 solid 1px; text-align:left; font-size:13px; line-height:1.5em}

.body_wrap .contents a { /*color:#003cab;  text-decoration:underline*/  }
.body_wrap .contents a:hover { /*color:#007eff*/ }




.SubTopImage{ display:inline-block; width:920px; padding:0; font-size:14px; line-height:1.5em; min-height:100%; height:auto !important;margin-left: 300px;}
.SubTopImage img{width:100%;}


/* 서브 페이지 스타일*/

.outline { display:table-cell; width:400px; padding:0; margin:0; padding-left:29px; vertical-align:top; text-align:justify; }
.address { display:block;  width:100%;  background-color:#fafafa; padding:20px 0; border:#e5e5e5 solid 1px; text-align:center; margin-top:5px;}
.outline .address .btn a,
.outline .address .btn_black a
{ color:#fff }

.outline li { list-style:none; padding-bottom:10px; padding:20px 0; border-top:#dbdbdb dashed 1px; line-height:1.4em}
.outline li span { float:left; display:inline-block; width:70px; height:50px; padding:10px 0; margin-right:20px;  border:#e6e6e6 solid 1px; border-radius:35px; text-align:center  }
.outline li img { width:46px; vertical-align:middle }
.outline li font { display:inline-block; vertical-align:middle; padding:3px 5px; margin:1px 7px 1px 90px; border-radius:2px; color:#fff; font-weight:bold  }
#daumRoughmapContainer1447846849667 { width:480px; }
#daumRoughmapContainer1449228584423 { width:480px; }
#daumRoughmapContainer1450091184068 { width:480px; }

.company_history { line-height:30px; padding:20px 30px;  }
.state { display:block }

.state li { display:inline-block; list-style:none; padding-bottom:10px; width:33%; letter-spacing:-0.03em; vertical-align:top}
.state li h4 { float:left; display:inline-block; padding:0; margin:0; width:60px; height:60px; line-height:60px; font-weight:400; color:#808080; font-size:18px;  vertical-align:top; border:#CCC solid 1px; text-align:center; border-radius:40px }
.state li span { float:left; padding-left:20px;  }


.reference { display:block }
.reference li { display:inline-block; list-style:none; padding-right:25px; padding-bottom:20px;}
.reference li:nth-of-type(5n+5) { padding-right:0;}

.reference_text { display:block }
.reference_text li { display:inline-block; list-style:none; padding-bottom:10px; width:550px; letter-spacing:-0.03em}
.reference_text li img { float:left}
.reference_text li span { float:left; vertical-align:middle; padding-left:20px; padding-top:24px; }


.tab_manage{ position:relative; margin:0; padding:0; width:100%; height:72px; }
.tab_manage li{position:relative; float:left; cursor:pointer; overflow:hidden; width:calc(50% - 2px); height:70px; text-align:center; line-height:70px; border:1px solid #ebebeb; border-left:none; background:#fff; font-size:18px; color:#666;}
.tab_manage li.active {background:#fafafa; border-bottom:1px solid #fafafa; }
.tab_manage li:first-child{ border-left:1px solid #ebebeb;}
.tab_manage a:hover { text-decoration:none }/*20150311 추가 dt */


.tab_recruit{ position:relative; margin:0; padding:0; width:100%; height:72px; }
.tab_recruit li{position:relative; float:left; cursor:pointer; overflow:hidden; width:calc(33% + 2px); height:70px; text-align:center; line-height:70px; border:1px solid #ebebeb; border-left:none; background:#fff; font-size:18px; color:#666;}
.tab_recruit li.active {background:#fafafa; border-bottom:1px solid #fafafa; }
.tab_recruit li:first-child{ border-left:1px solid #ebebeb;}
.tab_recruit a:hover { text-decoration:none }


.tab_container { width:100%; border-top:none; clear:both; text-align:center}
.tab_content h4 { font-size:24px; font-weight:400; color:#666 }
.tab_content2 h4 { font-size:24px; font-weight:400; color:#666 }
.tab_content span { display:block; font-size:18px; color:#a27d40; margin:15px 0; }
.tab_content2 span { display:block; font-size:18px; color:#a27d40; margin:15px 0; }

/*
.tab_content { width:calc(100% - 3px); min-height:400px; height:auto; padding:10px 0 0 0; display:none; background:#fafafa;  border:1px solid #ebebeb; border-top:none}

.tab_content2 { width:calc(100% - 3px); height:400px; padding:10px 0 0 0; display:none; background:#fafafa;  border:1px solid #ebebeb; border-top:none}
*/

/* 5개 탭*/
.tab{ position:relative; margin:0; padding:0; width:100%; height:42px; }
.tab li{position:relative; float:left; cursor:pointer; overflow:hidden; width:305px; height:40px; text-align:center; line-height:40px; border:1px solid #ddd; border-left:none; background:#fafafa; font-size:18px; color:#666;}
.tab li.active {background:#fff; border-bottom:1px solid #ffff; }
.tab li:first-child{ border-left:1px solid #ddd;}
.tab a:hover { text-decoration:none }
.tab_container { width:100%; border-top:none; clear:both; text-align:center}
.tab_content h4 { font-size:24px; font-weight:400; color:#666 }
.tab_content span { display:block; font-size:18px; color:#a27d40; margin:15px 0; }
.tab_content { width:100%; min-height:200px; height:auto; padding:10px 0 0 0; display:none; background:#fff;  }


.round_200 { display:inline-block; width:200px; height:260px; text-align:center; margin:0 40px;}
.round_200 span { display:table-cell; width:200px; height:200px; border-radius:100px; text-align:center; background-color:#CCC; font-size:16px; line-height:24px; color:#666; vertical-align:middle; }
.round_200 span strong { font-weight:400; color:#73542a; }
.round_200 font { display:block; margin-top:18px; font-size:13px; line-height:16px; letter-spacing:-0.05em }

.octagon_200 { display:inline-block; width:200px; text-align:center; margin:0 40px;}
.octagon_200 span { display:table-cell; width:200px; border-radius:100px; text-align:center; font-size:16px; line-height:24px; color:#666; vertical-align:middle; }
.octagon_200 font { display:block; margin-top:18px; font-size:13px; line-height:16px; letter-spacing:-0.05em }

.hexagon_200 { display:inline-block; text-align:center; margin:0 20px;}
.hexagon_200 span { display:table-cell;  }
.hexagon_200 font { display:block; margin-top:18px; font-size:13px; line-height:16px; letter-spacing:-0.05em }

.pentagon_200 { display:inline-block; text-align:center; margin:0;}
.pentagon_200 span { display:table-cell;  }
.pentagon_200 font { display:block; margin-top:18px; font-size:13px; line-height:16px; letter-spacing:-0.05em }


.tab_ico { display:inline-block; vertical-align:middle; height:300px;  }
.tab_ico img {  vertical-align:top; }

.opacity_img { display:inline-block; width:250px; opacity:0.7 }
.opacity_img:hover { opacity:1}

.manage_text { display:inline-block; width:360px; margin:0 80px; vertical-align:top; text-align:center; margin-bottom:40px;}
.manage_text strong {  display:block; font-size:18px; color:#a27d40; margin:15px 0;  font-weight:400; letter-spacing:-0.03em }
.manage_text font { display:block; font-size:24px; width:300px;  margin:40px auto 20px; padding:20px 0; color:#fff;  font-weight:600; letter-spacing:-0.03em; background:#c54f4f;  border:none; border-radius:60px;}







/****** 서브 테이블 ******/

table input { vertical-align:middle;  }
table label { vertical-align:middle; margin-left:3px;  }



.board_tit { display:block; font-size:21px; color:#4c4c4c; text-align:left;  line-height:60px;     }

.board_tit span { float:right ; margin: }
.board_tit span select { vertical-align:middle;  border:1px #cccccc solid; }
.board_tit span input { vertical-align:middle;  border:1px #cccccc solid; }
.board_tit span img { vertical-align:middle;  }


.faq { display:block; padding-top:50px;  }
.faq select { vertical-align:middle;  border:1px #cccccc solid; }
.faq input { vertical-align:middle;  border:1px #cccccc solid; width:300px; padding:5px }
.faq img { vertical-align:middle;  }


.admin_ico { display:block; float:right; margin-top:-40px }
.admin_ico img { margin:0 0 0 5px; width:46px; height:46px; background-color:#909090; border-radius:23px }
.admin_ico img:hover { background-color:#f97e1f; }

.table_notice { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
.table_notice a:link,
.table_notice a:active, 
.table_notice a:visited { color:#333; text-decoration:none;  text-align:left; }
.table_notice th { background-color:#4d4d4d; padding:6px 10px; font-weight:normal; color:#fff;  text-align:center;  }
.table_notice td { vertical-align:middle; padding:10px 10px; border-bottom:1px #ddd solid;  font-size:13px;}
.table_notice td:first-child { width:60px; }
.table_notice td:nth-of-type(10n+3) { text-align:left; } /* 3, 13번 순서로 좌측정렬*/
/*
.table_notice td:nth-of-type(2n) { text-align:left; }
.table_board td:last-child {  width:200px; }*/
.table_notice td:nth-of-type(odd) { }
.table_notice caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }


.table_list { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
.table_list a:link,
.table_list a:active, 
.table_list a:visited { color:#333; text-decoration:none;  text-align:left; }
.table_list th { background-color:#4d4d4d; padding:6px 10px; font-weight:normal; color:#fff;  text-align:center;  }
.table_list td { vertical-align:middle; padding:10px 10px; border-bottom:1px #ddd solid;  font-size:13px;}
.table_list td:first-child { width:60px; }
.table_list td:nth-of-type(10n+2) { text-align:left; } /* 2, 12번 순서로 좌측정렬*/
.table_list td:nth-of-type(odd) { }
.table_list caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }


.table_board_view { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
.table_board_view img { vertical-align:middle;  }
.table_board_view a:link,
.table_board_view a:active, 
.table_board_view a:visited { color:#333; text-decoration:none;}
.table_board_view th { background-color:#4d4d4d; padding:25px 10px 25px 30px; font-weight:600; color:#fff;  text-align:left; font-size:16px;  }
.table_board_view th:last-child { text-align:right; font-size:12px; font-weight:400; color:#999} /* 3, 13번 순서로 좌측정렬*/
.table_board_view th font { color:#fff; margin:0 15px 0 5px; }
.table_board_view td { vertical-align:middle; padding:30px 10px 30px 30px; border-bottom:1px #ddd solid; text-align:left; font-size:13px; }
.table_board_view td:nth-of-type(odd) { }
.table_board_view caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.table_board_view .view img { display:block; max-width:800px; margin:10px 0; }


.table_board_write { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top; border-top:1px #ddd solid;}
.table_board_write img { vertical-align:middle;  }
.table_board_write a:link,
.table_board_write a:active, 
.table_board_write a:visited { color:#333; text-decoration:none;}
.table_board_write th { background-color:#4d4d4d; padding:15px 10px 15px 30px;  border-bottom:1px #999 solid; font-weight:600; color:#fff;  text-align:left; font-size:13px;  }
.table_board_write th font { color:#fff; margin:0 15px 0 5px; }
.table_board_write td { vertical-align:middle; padding:15px 10px 15px 30px; border-bottom:1px #ddd solid; text-align:left; font-size:13px; }
.table_board_write td:nth-of-type(odd) { }
.table_board_write caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.table_board_write .view img { display:block; max-width:600px; margin:10px 0; }
.table_board_write textarea { display:block; width:95%; }


.body_wrap .contents .consult_tab { width:100%; display:block; }
.body_wrap .contents .consult_tab a { display:inline-block; width:calc(50% - 5px); padding:20px 0; color:#666; text-align:center; font-size:24px; font-weight:normal; background-color:#fff; border:#e3e3e3 solid 1px; vertical-align:top }
.body_wrap .contents .consult_tab a:hover,
.body_wrap .contents .consult_tab a.select { color:#fff; background-color:#808080; border:#808080 solid 1px; }
.body_wrap .contents .consult_tab span { color:#cccccc; font-size:18px; width:10px; padding:0; margin:0  }


/** consult_box **/
.consult_box { width:100%;  padding-top:25px }
.consult_box span { display:inline-block;  width:100px; text-align:left; margin-right:30px; font-size:16px; }
.consult_box .consult_line { display:block;  width:100%; padding-top:20px; margin-top:20px; float:left; width:100%; height:1px; border-top:#ccc solid 1px; margin:23px 0 23px 0;}
.consult_box input
 { display:inline-block; width:calc(100% - 200px); margin:5px auto; color:#333; font-size:18px; line-height:36px; height:36px;  text-align:left;  border:none; padding-left:15px;  
 background-color:#fafafa; border-radius:6px;  border:#c4c4c4 solid 1px; font-size:16px; font-weight:100 }

.consult_box textarea
 { display:inline-block; width:calc(100% - 35px); margin:5px auto; color:#333; font-size:18px; line-height:24px;  text-align:left;  border:none; padding:15px;
 background-color:#fafafa; border:#c4c4c4 solid 1px; font-size:16px; font-weight:100 }

.consult_box input:focus,
.consult_box textarea:focus 
{ background-color:#fff;border:#3393e5 solid 1px; }

.consult_box .memo
 { display:inline-block; width:calc(100% - 90px); margin:10px auto; color:#999; font-size:18px; line-height:38px; height:150px;  text-align:left;  border:none; padding-left:15px; 
background-color:#FFF; border-radius:6px;}

.consult_box .pw { background:url(../images/member/ico_pw.png) no-repeat 15px 50%; background-size:18px 18px; background-color:#FFF;  border-radius:0 0 6px 6px;}



a.gray{color:#acacac;}
.clear{clear:both;}
a.btn_ok{display:block; width:75%; max-width:560px; margin:0 auto 5px; color:#fff; font-size:18px; line-height:48px; border-radius:6px; text-align:center;  opacity:0.7 }
a.btn_ok:hover,
a.btn_ok:active,
a.btn_ok_active {opacity:1.0;}


a.btn_send {display:inline-block; width:calc(50% - 40px);  max-width:560px; margin:0 auto 5px; color:#fff; font-size:21px; line-height:58px; border-radius:6px; text-align:center;  opacity:1 }
a.btn_send_l {display:block; float:left; width:20%;  max-width:200px; margin:0; color:#fff; font-size:18px; line-height:48px; border-radius:6px; text-align:center;  opacity:1 }
a.btn_send_r {display:block; float:right; width:20%;  max-width:200px; margin:0; color:#fff; font-size:18px; line-height:48px; border-radius:6px; text-align:center;  opacity:1 }




/* 체크박스 변경 20150525 DT */
.container .box_join .join_table .user_check{font-size:12px; text-align:left; margin-bottom:8px; border:#CCC solid 1px; padding:15px 10px 5px 10px ; letter-spacing:-0.05em; padding-left:15px; line-height:21px; position:relative; z-index:1; margin-top:12px; background-color:#fff}
.container .box_join .join_table .user_check a { color:#666666; margin-left:2px; }
.container .box_join .join_table .user_check a:hover { text-decoration:underline; color:#000; }

.check_blur { background:url(images/img/btn_check_none.gif) no-repeat 0 0; _background:url(images/img/btn_check_none.gif) no-repeat 0 3px; /*  _는 익스6 에서만 적용 */ }
.check_click { background:url(images/img/btn_check.gif) no-repeat 0 0; _background:url(images/img/btn_check.gif) no-repeat 0 3px; /*  _는 익스6 에서만 적용 */}

.AgreeBox{
    float: right;
    margin-top: -55px;
    border: 1px solid #cc3300;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    background: url(/images/ico/dot_red.gif) repeat-y 40px;
}
.AgreeBox input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.AgreeBox input[type="checkbox"] ~ label{
    background: url(/images/ico/ico_check_none.png) no-repeat;
    background-size: 23px 100%;
    color: #999;
}
.AgreeBox input[type="checkbox"]:checked ~ label{
    background: url(/images/ico/ico_check.png) no-repeat;
    background-size: 23px 100%;
    color: #cc3300;
}
.AgreeBox label{
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    margin-left: 0;
    padding-left: 40px;
    cursor: pointer;
}

.agree_box { margin-top:-100px; float:right;  }
.agree_box li { width:180px; position:relative;  background-color:#fff; list-style:none;}
.agree_box li input {position:absolute;left:-9999em;top:1px;}
.agree_box li span {overflow:hidden;position:absolute;left:0;top:0;}
.agree_box li span label { display:block; width:140px; padding:8px 0; border-radius:6px;  border:#c4c4c4 solid 2px; font-size:16px; font-weight:100;  padding-left:40px; background:url(../images/ico/ico_check_none.png) no-repeat 12px 10px ; background-size:16px 15px; background-color:#fff; }
.agree_box li span .on { background:url(../images/ico/ico_check.png) no-repeat 12px 10px ; background-size:16px 15px;  border:#cc3300 solid 2px; color:#cc3300}
.agree_box_h4 { padding-top:30px; border-top:#CCC solid 1px; padding-bottom:20px; border-bottom:#CCC solid 1px; }


.btn_box { position:relative; width:100%; margin:0 auto; top:285px;}
.btn_box2 { position:relative; width:calc(100% - 40px); margin:0 auto; text-align:center }
.btn_box3 { position:relative; width:calc(100% - 40px); margin:40px auto; text-align:center }


.text_box { display:block;  text-align:left; padding:20px 30px; margin:0; background-color:#fafafa; border:#e3e3e3 solid 1px;}

.tip_box { float:left; padding:10px 0; letter-spacing:-0.03em}

.brown_box {   padding:20px; background-color:#a0856c;  }
.brown_box font {  padding:15px; color:#fff; font-size:24px; line-height:1.5em; }


.full_top { padding-top:40px; }





@media all and (max-width:1470px){ 

.sub_menu { display:none;  }
 
.body_wrap { width:100%; margin:0; height:100%; margin:0 auto; min-height:100%; height:auto !important} /* 너비 조정시 보더값 주의! */
.body_wrap .contents { display:inline-block; width:calc(100% - 70px); padding:0; margin:0 auto; font-size:14px; min-height:100%; height:auto !important } /* 너비 조정시 패딩값 주의! */

.body_wrap .contents .half_l { display:block; width:100%; padding:0; margin:10px auto; text-align:justify;  }
.body_wrap .contents .half_r { display:block; width:100%; padding:0; margin:10px auto; padding-left:0; vertical-align:top; text-align:justify;}
.body_wrap .contents .third_stage { display:block; width:100%; padding:0 0 20px 0;  margin:0; border:0; text-align:justify;  font-size:13px; letter-spacing:-0.05em;}

.body_wrap .contents .full img,
.body_wrap .contents .half_l img,
.body_wrap .contents .half_r img { max-width:100%; margin:10px auto; padding:10px 0 0 0 }


.body_wrap .contents .full img:first-child,
.body_wrap .contents .half_l img:first-child,
.body_wrap .contents .half_r img:first-child { padding:20px 0 0 0 }


.body_wrap .contents .third_stage h3 { margin:5px 0 15px 0; padding-bottom:20px; color:#666; font-size:18px; font-weight:400;  letter-spacing:-0.05em;  text-align:left;  }
.body_wrap .contents .third_stage h3 font {  font-weight:600; color:#e74b3b;   font-size:24px;}
.body_wrap .contents .third_stage h3 span { font-size:14px;  font-weight:600; }
.body_wrap .contents .third_stage{ display:inline-block; max-width:32% }
.body_wrap .contents .third_stage img { max-width:90%; margin:0 5%; }


.body_wrap .contents .box { display:block;  width:calc(100% - 20px);  background-color:#ffffff; padding:30px 10px; margin:0; border:#e5e5e5 solid 1px;}
.body_wrap .contents .box_gray { display:block;  width:calc(100% - 40px);  background-color:#fafafa; padding:20px 20px; border:#e5e5e5 solid 1px; letter-spacing:0; }

.company_history { line-height:30px; padding:10px 30px 20px;  }

.SubTopImage{ display:inline-block; width:calc(100% - 70px); padding:0; margin:0 auto; font-size:14px; min-height:100%; height:auto !important }
.SubTopImage img{}

}












.body_wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    padding-top: 83px;
    padding-right: 250px;
    box-sizing: border-box;
} /* 너비 조정시 보더값 주의! */






#SideAccept{
    height: calc(100% - 20px);
    max-height: 920px;
    min-height: 470px;
    width: 250px;
    right: 0;
    top: 0;
    position: absolute;
    padding-top: 100px;
    box-sizing: border-box;
    line-height: 0;
}
#SideAccept .SideAcceptTop      {}
#SideAccept .SideAcceptMiddle   {
    background: url(/images/popup/side_pop_middle.png) no-repeat;
    padding: 0 17px 0 19px;
    height: calc(100% - 226px);
    background-size: 100% 100%;
}

/* 요건 고정식 #SideAccept{height: 100%;min-height: 470px;width: 220px;right: 0;top: 0;position: fixed;padding-top: 83px;box-sizing: border-box;} */

@media all and (max-width:950px){ 
    #SideAccept{display:none;}
    .body_wrap, .footer {padding-right:0;}
}




































/* 공지사항 리스트 */
.notice {}
.notice .title_sub {  }
.notice .title_sub img { padding:34px 0 34px 20px }
.notice .btn { float:right; position:relative;  margin-right:20px; margin-top:-58px  }
.notice .btn2 { float:right; position:relative;  margin-right:20px; margin-top:-45px  }

.list_box { width:100%; margin-left:0}
.list_box td { color:#474747; border-bottom:#e1e1e1 solid 1px; }

.list_box tr:hover { color: #FF6600; }

.list_box .number { width:60px; font:normal 17px Candara; color:#a0a0a0; text-align:center }
.list_box .date {  width:120px; color:#838383; font:normal 10px/48px Verdana;text-align:center }



/* 공지사항 읽기 */
#list_02        { position:relative; top:-3px; left:0px; width:100%; padding-top:20px; filter:Alpha(Opacity=100); }

#list_02 .box_list { float:left;  width:780px; border-bottom:#e0e0e0 solid 1px; }

#list_02 ul     { }
#list_02 ul li  { font-size:12px; line-height:1.5em; color:#333333; }
#list_02 .list  { padding:0 0 20px 0;  border-bottom:#CCCCCC dotted 1px;}
#list_02 .title { font-weight:bold; line-height:2.5em; }
#list_02 .tip   { color:#3366CC; padding-top:5px; font-size:11px; letter-spacing:-1px;  }
#list_02 .list2  { margin:0; padding:0 10px 10px 10px; }
#list_02 .list2 ul {position:relative; }
#list_02 .list2 li { }
#list_02 .sum { float:left; position:relative; }
#list_02 .sum img { padding-top:15px; padding-left:10px; padding-right:20px; padding-bottom:15px;  width:122px;}
#list_02 .title2 { font-weight:bold; color:#878787;}
#list_02 .date { float:right;  position:relative; margin-top:-15px; font:bold 10px/1.0 Tahoma; color:#a5a5a5; /*padding:7px 0 5px 2px;*/}
#list_02 .date span { font:normal 9px/1.0 Tahoma; color:#a5a5a5; padding:0 5px;  }
#list_02 .date2 { position:relative; margin-top:0; font:bold 10px/1.0 Tahoma; color:#a5a5a5; padding:7px 0 5px 0;}
#list_02 .date2 span { font:normal 9px/1.0 Tahoma; color:#a5a5a5; padding:0 5px;  }
#list_02 .content { width:750px; color:#a1a1a1; font-size:12px; letter-spacing:-1px;}
#list_02 .content2 { width:700px; padding-bottom:5px; color:#a1a1a1; font-size:12px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; }

#list_02 .number { float:left; width:55px; height:39px; margin-top:15px; font:normal 17px Candara; color:#127bcd; text-align:center }
#list_02 .first { }
#list_02 .title { width:580px; padding:14px 0 0 0; margin:0; color:#555555; font:bold 14px/18px 맑은 고딕; }
#list_02 .title_s { width:580px; padding:0 0 5px 0; color:#555555; font:normal 12px/18px 맑은 고딕; }
#list_02 .title_s1 { width:580px; padding:0 0 5px 0; color:#888888; font:bold 12px/22px 맑은 고딕; }
#list_02 .modify {  position:relative; float:right; top:-33px; padding-right:20px;  }
#list_02 .del {  position:relative; float:right; top:-33px; padding-right:20px; }

#list_02 .read { position:relative; margin:0 0 20px 0; padding:0 20px 35px 20px; border-bottom:#e0e0e0 solid 1px; word-break:break-all; }

#list_02 .read_gallery { position:relative; margin:0 0 20px 0; padding:0 20px 35px 20px; border-bottom:#e0e0e0 solid 1px; word-break:break-all; font:normal 11px/18px 돋움; }
#list_02 .read_gallery img { max-width:600px }

#list_02 p.btn_back { padding:10px 0 20px 10px  }
#list_02 p.hit  { position:relative; float:right;  width:30px; height:20px; background:url(../images/btn/bg_hit.gif) no-repeat 0 6px; padding-left:20px; margin:10px 0 10px 0; font:normal 14px Candara; color:#5d5d5d;}
#list_02 p.comment { position:relative; float:right; width:30px; height:20px; background:url(../images/btn/bg_comment_01.gif) no-repeat 0 6px; padding-left:65px; margin:10px 5px 10px 0; font:normal 14px Candara; color:#4ea5c6;}
#list_02 p.upload { position:relative; float:right; height:29px; margin-top:5px; margin-right:16px}
#list_02 .board { position:relative; float:left; margin-top:5px; padding:0 0 20px 15px; }
#list_02 .radio { position:relative; float:left; margin:0 0 10px 10px; padding:0; width:600px; font:normal 12px 돋움; color:#838383; }
#list_02 .radio span { padding:0 20px 0 14px; font:normal 12px 돋움; color:#555555;}
#list_02 .list_none { text-align:center; padding:20px 0  }


/* 이미지 갤러리 */
#gallery { display:block;  width:100%; padding:30px 0 0 0;  }
#gallery ul { display:inline; }
#gallery li { float:left; display:inline; padding:0 0 30px 25px; text-align:left; color:#aaaaaa; font:normal 11px/1.8em 돋움; letter-spacing:-0.05em }
#gallery li strong { font:bold 14px 맑은 고딕; color:#5f5f5f; background:url(../images/ico/ico_arrow_05.gif) no-repeat right 3px; padding-right:25px; }
#gallery li img { border:#c7c7c7 solid 1px; margin-bottom:5px; width:350px;}
#gallery li strong { color:#000; line-height:24px; }

#gallery .date { padding-left:40px; background:url(../images/ico/ico_work.gif) no-repeat 2px 3px; color:#838383; font:normal 10px/14px Verdana; letter-spacing:0.05em }


.gallery_tit { display:block; width:100%; padding:20px 0 0 0;   }
.gallery_tit ul { display:inline; }
.gallery_tit li { float:left; padding:0 0 20px 25px; text-align:left; letter-spacing:-0.05em }
.gallery_tit li strong { font:bold 20px 맑은 고딕; color:#454545; background:url(../images/ico/ico_arrow_05.gif) no-repeat right 8px; padding-right:25px; }

.gallery_tit span { float:left; padding-left:40px; margin-top:12px; background:url(../images/ico/ico_work.gif) no-repeat 2px 4px; color:#838383; font:normal 10px/14px Verdana; letter-spacing:0.05em }


.input_k {ime-mode:active;}
.input_e {ime-mode:inactive;}
.input_e_all {ime-mode:disabled;} /* (한/영키 변환해도 무조건 영문) */



/* 리스트페이지 */
#list_04 { min-height:400px; } *html{ height:400px;}
#list_04 .box { position:absolute; padding-left:740px;  }

#list_04 ul { float:left; background-color:#fff;  padding:0; margin:0 0 0 20px; }

#list_04 ul.start { border-top:#cccccc solid 1px; }
#list_04 ul.end { border-bottom:#cccccc solid 1px; }
#list_04 ul.end2 { border-bottom:#cccccc solid 2px; margin-bottom:20px;}
#list_04 ul.view { border:0; }

#list_04 .form { border:#cccccc solid 1px; width:580px; background:url(../images/sub_02/bg_form.gif) no-repeat 20px 16px; background-color:#fff; margin:10px 0;padding:11px 0 11px 30px; }
#list_04 .form input { width:200px; height:18px; border:#a7a7a7 solid 1px; margin:0 0 4px 50px ; padding:0 5px; color:#555555; }

#list_04 li { width:750px; padding:3px 0; margin:0; }

#list_04 .number { float:left; width:55px; height:39px; margin-top:15px; font:normal 17px Candara; color:#a0a0a0; text-align:center }
#list_04 .first { color:#b95cd7 }
#list_04 .title { width:420x; padding:11px 0 5px 0; color:#555555; }
#list_04 .date {  float:left;  font-size:10px; color:#999; font-family:Arial, Helvetica, sans-serif; }
#list_04 .modify {  position:relative; float:right; top:-13px; padding-right:20px;  }
#list_04 .del {  position:relative; float:right; top:-13px; padding-right:20px; }
#list_04 .work {  border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px;padding:20px 0 20px 15px; margin-bottom:20px;  font:normal 12px 돋움; color:#555555 }


#list_04 p.read { position:relative; width:740px; padding:0 0 20px 15px; font:normal 12px/18px 돋움; color:#3e3e3e; border-bottom:#cccccc solid 2px; }
#list_04 p.btn_back { padding:19px 0 20px 10px  }
#list_04 p.hit  { position:relative; float:right;  width:30px; height:20px; background:url(../images/btn/bg_hit.gif) no-repeat 0 6px; padding-left:20px; margin:10px 0; font:normal 14px Candara; color:#5d5d5d;}
#list_04 p.comment { position:relative; float:right; width:30px; height:20px; background:url(../images/btn/bg_comment_01.gif) no-repeat 0 6px; padding-left:65px; margin:10px 0; font:normal 14px Candara; color:#4ea5c6;}
#list_04 p.upload { position:absolute; margin-top:78px; margin-left:650px; z-index:100}
#list_04 p.upload2 { position:absolute; margin-top:160px; margin-left:650px; z-index:100}

#list_04 .board { position:relative; float:left; margin-top:5px; padding:0 0 20px 20px; }

#list_04 .radio { position:relative; float:left; margin:0 0 10px 20px; padding:0; width:600px; font:normal 11px 돋움; color:#838383; }
#list_04 .radio span { padding:0 20px 0 14px; font:normal 12px 돋움; color:#555555;}
#list_04 .list_none { text-align:center; padding:20px 0  }








/****** 게시판 상단 탭 *********/
.list_tap { padding:0; width:100%; list-style:none;  z-index:100;   }

.list_tap li { display:inline; margin:0; padding:0 ; list-style:none; text-align:center}
.list_tap li .none { background:none;}
.list_tap a { float:left;  text-align:center; width:110px; margin:0 2px 0 0; padding:0; overflow:hidden; font:bold 12px/28px 나눔고딕, 맑은 고딕; color:#fff; text-decoration:none; background: #8d8f91; }

.list_tap a:hover,
.list_tap a:active,
.list_tap a:focus,
.list_tap a.selected {  background-color:#43454b; }



/****** 버튼 속성 *********/
.btn_bar    { font:normal 10px/23px 돋움; letter-spacing:-1px; text-decoration:none; color:#CCC;}
.btn_on a   { font:normal 11px/23px 돋움; letter-spacing:-1px; text-decoration:none; color:#127bcd; /* sky */ }
.btn_off a  { font:normal 11px/23px 돋움; letter-spacing:-1px; text-decoration:none; color:#757575; /* gray */}

.btn_none a { font:normal 11px/28px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#5a96d5; padding:2px 4px 0 3px;}
.btn_ok a   { font:normal 11px/28px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#000; padding:2px 4px 0 3px;}
.btn_del a  { font:normal 11px/28px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#888888; padding:2px 4px 0 3px;}
.btn_end a  { font:normal 11px/28px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#F30; padding:2px 4px 0 3px;}



/****** 기본게시판 리스트 *********/
.board_list { width:100%; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-left:0;}
.board_list th { background-color:#f7f7f7;  text-align:center;  color:#7b7b7b  }
.board_list td { color:#a9a9a9; padding:0; border-top:#d8d8d8 solid 1px; text-align:center; font-size:12px; line-height:38px} 
.board_list td span { color:#6c6c6c;}
.board_list .left_t { color:#8f8f8f; padding:0 0 0 5px; border-top:#d8d8d8 solid 1px; text-align:left;} 
.board_list .cmtnom {color:#ff6600;}


.board_list .list_left { text-align:left;}
.board_list a { color:#8f8f8f; }

.board_list tr:hover { background:#f6f8fe; }


.board_list .list_read { color:#8f8f8f; border-bottom:#d8d8d8 dotted 1px; text-align:left; padding:15px; background-color:#FFF  }
.board_list .list_read img { display:block; margin:10px 0 }

.board_list input { vertical-align:middle }




/****** 읽기 *********/
.read {width:100%; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-top:5px; margin-left:0}
.read th { background-color:#f4f4f4; text-align:left; padding:8px 5px 8px 15px; border-bottom:#e1e1e1 solid 1px; }
.read td { color:#8f8f8f; border-bottom:#d8d8d8 dotted 1px; text-align:left; padding:5px 5px 5px 15px;  } 
.read .none { border:0; padding:25px 15px; }
.read td span { color:#6c6c6c}
.read .cmdbox {border-bottom:#d8d8d8 solid 1px;border-top:#d8d8d8 solid 1px; background-color:#f2f2f2; height:25px; font-size:12px; }
.read .cmdbox .adm {font-weight:bold; color:#444;}
.read .btnarea {height:30px; border-top:#d8d8d8 solid 1px; padding-top:10px; } 



/****** 쓰기 *********/
.write { width:100%; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-top:0px; margin-left:0}
.write .none { border:none; }
.write th { background-color:#fafafa; font:normal 13px/20px 나눔고딕, 돋움; color:#7b7b7b; border-top:#e1e1e1 solid 1px; text-align:left; padding:5px 5px 5px 15px }
.write td { font:normal 13px/18px 나눔고딕, 돋움; color:#e5e5e5; border-top:#d8d8d8 solid 1px; text-align:left; padding:7px 0 7px 15px; } 
.write td input.i_box { border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 12px/20px 나눔고딕, 돋움; line-height:20px; height:20px }

.write td textarea.t_box { width:85%; height:150px; border:#c6c6c6 solid 1px; padding-left:5px; color:#555555; font:normal 12px/20px 나눔고딕, 돋움; line-height:20px; }
.write td select.s_box { font:normal 12px/20px 나눔고딕, 돋움; line-height:20px; height:20px }
.write td.check { font:normal 11px/18px 나눔고딕, 돋움; color:#999999; letter-spacing:-0.05em}
.write td.smtit{color:#7b7b7b;  font-weight:bold; font-size:11px;  }


.schbox {position:relative; width:320px;  text-align:center;  line-height:0px; font-size:0px; padding:0px; margin:10px auto}
.schbox select {float:left; height:22px; width:80px; margin-right:5px; }
.schbox .put{ float:left; border:#888 solid 1px; padding-left:5px; color:#555555; font:normal 12px/18px 나눔고딕, 돋움;  height:18px; line-height:0px; }
.schbox .schbtn {width:54px; height:22px; background-color:#eee; border:1px solid #909090; color:#666;  background:url(../images/btn/btn_sch.gif) no-repeat 0 0; cursor:pointer;font-size:0px; padding:0px; margin:0px } 


/* 제품 가격 정보*/
.box_table { width:100%; border:#666666 solid 1px; margin:0;   }
.box_table th { background-color:#666666; color:#fff; border-right:#999999 solid 1px;  padding:6px;font-weight:bold; }
.box_table th.last { background-color:#8f8f8f; color:#fff; border-right:#999999 solid 1px;  padding:6px;font-weight:bold; }
.box_table td { background-color:#FFF; color:#5b5b5b; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; padding:10px; text-align:center; }


.box_table tr th:first-child { }
.box_table tr td:first-child {  }

.box_table tr:last-child th { border-bottom:0;}
.box_table tr:last-child td { border-bottom:0;}

.box_table a { color:#666;}
.box_table img { vertical-align:middle }
.box_table .b {font-weight:bold; color:#444;}

.box_table number {  font-size:18px;  }


/*서비스 요금표*/

.info .tab1 {width:100%; height:29px; border-top:1px solid #cccccc;  margin-bottom:20px;}
.info .tab1 ul {float:left;  width:378px; height:29px; border-left: 1px solid #e4e4e4; }
.info .tab1 li {float:left;  display:inline; width:125px; height:29px; background-color:#f7f7f7;  border-right: 1px solid #e4e4e4;  border-bottom: 1px solid #e4e4e4; line-height:26px; color:#666; background:url(../images/sub/bg_tab.gif) repeat-x 0 0;}
.info .tab1 .on a{float:left;  width:125px; height:29px; background-color:#666; font-weight:bold; text-align:center; font-size:13px; color:#fff;  }
.info .tab1 li a { float:left;  width:125px; height:29px;  color:#666;  text-align:center; font-weight:bold;  font-size:13px; }
.info .tab1 a:hover {float:left; text-decoration:none;  width:125px; height:29px; background-color:#666; font-weight:bold; text-align:center; font-size:13px; color:#fff;}

 
.info .tab {width:100%; height:29px; border-top:1px solid #cccccc; }
.info .tab ul {float:left;  width:450px; height:29px}
.info .tab li {float:left;  display:inline; height:29px;}
.info .tab a.soft {float:left; background:url(../images/sub/sub_01_02_tab01.gif) no-repeat 0 0; width:125px; height:29px; }
.info .tab a:hover.soft {float:left; background:url(../images/sub/sub_01_02_tab01_on.gif) no-repeat 0 0;  }
.info .tab a.hard {float:left; background:url(../images/sub/sub_01_02_tab02.gif) no-repeat 0 0; width:125px; height:29px; }
.info .tab a:hover.hard {float:left; background:url(../images/sub/sub_01_02_tab02_on.gif) no-repeat 0 0;  }
.info .tab a.data {float:left; background:url(../images/sub/sub_01_02_tab03.gif) no-repeat 0 0; width:128px; height:29px; }
.info .tab a:hover.data {float:left; background:url(../images/sub/sub_01_02_tab03_on.gif) no-repeat 0 0;  }
.stxt {float:right; text-align:right;  width:100%; height:30px;line-height:30px; margin-bottom:20px; }
.stxt1 {float:left; width:100%;  text-align:left;  color:#808080; padding:10px 0 10px 0; line-height:17px;  }
.stxtb {font-weight:bold; color:#555;}
.smcopy {font-size:11px; color:#da8054;}
.ctbtn {width:50px; height:20px; background-color:#eee; border:1px solid #909090; color:#666; font:normal 11px/20px 나눔고딕, 돋움; } 


 /* sub img */
.sub_top_img {position:absolute; top:-66px; right:0px; width:400px; height:138px;  text-align:right; }
.sub_top_btn {position:absolute; top:5px; right:0px; width:180px; height:40px;  text-align:right; }

/*보유장비 */
.noteinfo{ width:100%; }  
.noteinfo td{ width:50%; text-align:center; border-right:1px solid #ccc;   border-bottom:1px solid #ccc; padding:35px 0 35px 0; } 
.noteinfo .nortline { border-right:0px solid #ccc;   border-bottom:1px solid #ccc; }
.noteinfo .sjt {float:left; width:100%; text-align:center; font-size:16px; font-weight:bold;color:#444; margin-top:20px; }
.noteinfo .txt {float:left; width:80%; text-align:left; color:#808080; margin-top:20px; line-height:1.5em; margin-left:10%; text-align:justify}

.noteinfo td .last {width:100%; text-align:left;  border-bottom:1px solid #ccc;  }
.noteinfo td .lastimg {float:left; margin-right:30px; width:111px; height:111px; }
.noteinfo td .lastsjt {float:right; width:80%; text-align:left; font-size:16px; font-weight:bold;color:#444;margin-top:5px; } 
.noteinfo td .lastcopy {float:right; width:80%; text-align:left;  font-size:12px; color:#808080; margin-top:20px; line-height:19px;} 

 /*apple*/
 .applect{clear:both; width:100%; height:30px; margin:18px 0 0 0; }


 /*데이타 복구*/
.info .tab6 { width:100%; height:30px; margin:20px 0;}
.info .tab6 ul { width:100%; }
.info .tab6 li { float:left;  display:inline;  }
.info .tab6 .on a { background-color:#666; color:#fff;  }
.info .tab6 li a { float:left;  width:180px; padding:5px 0; color:#666;  text-align:center; font-weight:bold;  font-size:13px; border: 1px solid #e4e4e4; border-left:none  }
.info .tab6 li:first-child { border-left:1px solid #e4e4e4; }
.info .tab6 a:hover {text-decoration:none; background-color:#666; color:#fff;}

.info .tab6_1 { width:100%; height:30px; margin:20px 0;}
.info .tab6_1 ul { width:100%; }
.info .tab6_1 li { float:left;  display:inline;  }
.info .tab6_1 .on a { background-color:#666; color:#fff;  }
.info .tab6_1 li a { float:left;  width:150px; padding:5px 0; color:#666;  text-align:center; font-weight:bold;  font-size:13px; border: 1px solid #e4e4e4; border-left:none  }
.info .tab6_1 li:first-child { border-left:1px solid #e4e4e4; }
.info .tab6_1 a:hover {text-decoration:none; background-color:#666; color:#fff;}


.box_table6 { width:100%; border:#ccc solid 1px; padding:0; margin:0; border-spacing:0; border-top:5px solid #666;   }
.box_table6 td { background-color:#fff; color:#5b5b5b;  border-bottom:#ccc solid 1px; padding:10px; text-align:left; }
.box_table6 th { background-color:#f5f5f5; color:#5b5b5b; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px;  padding:10px; text-align:left; font-weight:bold; width:20%;}
.box_table6 .bdnone { border-bottom:none; }

.stxt6 {width:100%;  text-align:left;  color:#666; padding:15px 0 30px 0; line-height:21px; font-size:14px;  }
.stt { display:block;text-align:left;  color:#444;  font-weight:bold;  font-size:14px; padding:0 0 10px 0; }
.b {font-weight:bold}

.stxt6_1 {width:100%;  text-align:left;  color:#666; padding:0px 0 20px 0; line-height:1.7em; font-size:14px;  }
.stxt6_2 {width:100%;  text-align:left;  color:#666; padding:0px 0 20px 0; line-height:1.7em; font-size:14px;  }

.text_normal { display:block; text-align:left; color:#666;  line-height:1.7em; font-size:14px;  }
.text_normal_p { display:block; text-align:left; color:#666;  line-height:1.7em; font-size:14px; padding:15px 0 30px 0; }
.text_normal_tip { display:block; text-align:left; color:#615231;  line-height:1.4em; font-size:14px; padding:15px 0 30px 0; }

.box_50 { margin:0; }
.box_50 span { display:inline-block;  width:40px; line-height:40px; font-size:24px;  text-align:center;  color:#fff; background-color:#5778b4; margin:5px 10px 5px 0; font-weight:normal; border-radius:5px}
.box_50 li { width:100%;  list-style:none; color:#5b5b5b;  padding:0; text-align:left;  font-size:16px;   line-height:40px; }


.box_lf {float:left; width:412px; height:270px; }
.box_tr {float:right; width:285px; height:270px; text-align:right; }

.box_lf1 {display:inline-block; width:70%; text-align:left;  }
.box_tr1 {float:right; width:30%; text-align:right; margin-top:-30px;  }

.box_table6_3 { width:100%; border:#ccc solid 1px; padding:0; margin:0; border-spacing:0; border-top:1px solid #666;   }
.box_table6_3 th { background-color:#666; color:#fff; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; padding:10px; font-weight:bold; width:20%;}
.box_table6_3 td { background-color:#FFF; color:#5b5b5b; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; padding:10px; text-align:center; }
.box_table6_3 td.rbnone { border-right:none;}

.stepbox { width:100%; margin-top:30px;}
.stepbox ul {width:100%; }
.stepbox li {float:left; display:inline; width:50%;  margin-bottom:28px;}
.stepbox li img {float:left; width:20%; margin-right:3% }
.stepbox li .txtbox {float:left; width:70%; text-align:left; }
.stepbox li strong {float:left; width:100%; color:#5a83b1; font-size:16px; font-weight:bold; line-height:30px; } 
.stepbox li.sscopy {float:left; color:#808080; font-size:12px;  line-height:18px; } 

.stxt7_1 {float:left; width:100%;  text-align:left;  color:#666; padding:20px 0 20px 0; line-height:21px; font-size:12px;  }



.sitemep7 { position:relative; width:100%;} 
.sitemep7 ul{ float:left; width:160px;  margin:10px; }
.body_wrap .contents .sitemep7 h4 { width:100%; font-size:16px; color:#fff;  background-color:#333; margin:10px 0 5px; padding:5px 0; text-align:center; border-radius:5px }
.sitemep7 li{ width:90%;  font-size:14px; border-bottom:1px solid #dedede; padding:8px 0 8px 15px; text-align:left;  list-style:none; }
.sitemep7 li.cate{ float:left; border-bottom: 2px solid #333; width:160px; height:35px; padding:10px 0 0px 0px; text-align:center; margin-bottom:10px; font-weight:bold; margin-top:30px;}

.sitemep7 li a { color:#666;}
.sitemep7 li a:hover { color:#009ada; text-decoration:underline;}

 


/*체인점지도*/
.map {  display:inline-block; width:280px; height:350px; text-align:left; margin:30px 0; }
.map h3 { float:left; width:100%; margin:0;}
.map h3 span { float:right; }




/*  소개 정보 */

{ margin-bottom:50px;}

.info {  width:100%;  color:#474747; border-top:#000 solid 2px; padding:0; color:#808080;  }
.info p { padding:0; }
.info .line { float:left; border-bottom:#e1e1e1 solid 1px; height:1px; margin:40px 0 }
.info .w400 { display:block; width:400px;}

.info .img_center { padding-top:55px; }
.info .img_center30 {padding-top:30px; padding-bottom:0px; font-size:0px; line-height:0px; }
.info .img_center5 {padding-top:5px; padding-bottom:0px; font-size:0px; line-height:0px; }
.info .copy{ padding:20px 0 20px 0; border-bottom:#ccc solid 1px; font-size:14px; }
.info .imgline{padding:30px 0 20px 0; border-bottom:#ccc solid 1px;}

.info .img_line  { display:block; width:100%;  padding:25px 0; font-size:0px; line-height:0px; border-bottom:#ccc solid 1px; }
.info .img_line2  {padding:25px 0 30px 0; font-size:0px; line-height:0px; border-bottom:#ccc solid 1px; }
.info .line {float:left; width:100%; height:1px; border-bottom:#ccc solid 1px; margin:23px 0 23px 0;}






.sub_01_2 { padding-left:20px }
.sub_01_2 p  { margin-left:13px; }
.sub_01_2 .sub_text { margin-top:38px; margin-bottom:36px; padding-bottom:38px; border-bottom:#dedede solid 1px;}


.sub_01_3 { padding-left:20px }
.sub_01_3 p, table  { margin-left:13px; }
.sub_01_3 .sub_text { margin-top:38px; margin-bottom:36px; }
.sub_01_3 .publisher { background:url(../images/sub/sub_01_3_box_2.gif) no-repeat 0 0; width:758px; margin-top:17px;}
.sub_01_3 .publisher td { width:151px; text-align:center; height:60px;}
.sub_01_3 .partner { background:url(../images/sub/sub_01_3_box.gif) no-repeat 0 0; width:758px; margin-top:17px; border-bottom:#CCC solid 1px;}
.sub_01_3 .partner td { width:151px; text-align:center; height:60px;}
.sub_01_3 .line { background:url(../images/sub/bg_dot_01.gif) repeat-x 0 32px; height:64px;}

.img_100 { max-width:100%; margin:20px 0 }

.sub_banner { width:100%; border-bottom:#a1a1a1 solid 1px; padding:0 }



.ShowDv{
    display:none;
}

.Image100{
    width:100%;
}


.ContentAccept{
    display: block;
    height: 60px;
    background: url(/images/sub/content_title_00.png) top center no-repeat;
    font-size: 0;
    margin-top: 40px;
}
.ContentReData{
    display: block;
    height: 60px;
    background: url(/images/sub/content_title_01.png) top center no-repeat;
    font-size: 0;
    margin-top: 40px;
}
.ContentRePhone{
    display: block;
    height: 60px;
    background: url(/images/sub/content_title_02.png) top center no-repeat;
    font-size: 0;
    margin-top: 40px;
}
.ContentRansom{
    display: block;
    height: 60px;
    background: url(/images/sub/content_title_03.png) top center no-repeat;
    font-size: 0;
    margin-top: 40px;
}
.ContentCommunity{
    display: block;
    height: 60px;
    background: url(/images/sub/content_title_04.png) top center no-repeat;
    font-size: 0;
    margin-top: 40px;
}

.ContentSubTitle-01 {background-position-y: -0px;}
.ContentSubTitle-02 {background-position-y: -60px;}
.ContentSubTitle-03 {background-position-y: -120px;}
.ContentSubTitle-04 {background-position-y: -180px;}
.ContentSubTitle-05 {background-position-y: -240px;}
.ContentSubTitle-06 {background-position-y: -300px;}
.ContentSubTitle-07 {background-position-y: -360px;}
.ContentSubTitle-08 {background-position-y: -420px;}