@charset "utf-8";

/* Page Title */

@import url(common.css);
@import url(table.css);

/* 레이아웃 */
html,body{height:100%;}
#wrap {min-height:100%;}
#container{padding-bottom:150px;}
#footer{margin-top:-150px;}



/* 본문제목 */
h1,h2,h3,h4,h5,h6{text-align:left;}
#contents h2,.contents h2{display:block;padding:5px 0 13px 0px;color:#22155f;font-weight:600;font-size:18px;line-height:20px;letter-spacing:-1px;background:url('../../../imgs/public/sub/h2_bg.gif')  no-repeat left top;clear:both;*font-size:small;*font:x-small;-webkit-text-size-adjust:none;}
#contents h3,.contents h3{display:block;padding:10px 0 5px 30px;color:#5e5e5e;font-size:13px;line-height:13px;letter-spacing:-1px;background:url('../images/sub/h3bg.gif') 10px 10px no-repeat;clear:both;}
#contents h4,.contents h4{display:block;padding:5px 0 5px 30px;color:#5e5e5e;font-size:13px;font-weight:bold;background:url('../images/sub/h4bg.gif') 20px center no-repeat;}
#contents h5,.contents h5{display:block;padding:3px 0 3px 40px;color:#666;font-weight:bold;font-size:1em;background:url('../images/sub/bu_li2.gif') 30px center no-repeat;}
#contents h6,.contents h6{display:block;padding:3px 0 3px 40px;color:#555;font-size:13px;font-weight:normal;letter-spacing:-1px;background:url('../images/sub/h6bg.gif') 33px center no-repeat;}
#contents .h0{clear:left;margin:0;padding:0;background:transparent;font-weight:normal;font-size:1em;letter-spacing:0;}  
#contents table h2{padding:0; background:none;}  

/* 기본블릿 */
ul.bu {margin:10px 0 0 23px;}
ul.bu li {padding:2px 0 2px 7px; font-size:13px; background:url("../../../imgs/public/sub/h4_bg.png") no-repeat left center;}

 /* 필수값 표시 */
.red_star{padding-right: 5px; color: red;}
.red_star p{padding-bottom:10px;}

/* 레이아웃 */
#container {position: relative; width:100%; }
#container .sub_visual {position: relative; width: 100%; height:177px; text-align: center; overflow: hidden;}
#container .sub_visual .visualDiv{position:absolute; top:0px; left:0%;z-index:9999; width:100%;}
#container .sub_visual .visualDiv .txt{position:relative; width:1000px; margin:0 auto;}
#container .sub_visual .visualDiv .txt p{float:right; width:100%;}
#container .sub_visual .visualDiv .txt p img{float:right}
#container .sub_visual .visualDiv .txt p.txt01{position:absolute; top:30px; right:210px;}
#container .sub_visual .visualDiv .txt p.txt02{position:absolute; top:75px; right:70px;}
.sub_visual .visual01 {width:100%; height:177px; background:url("../../../imgs/public/sub/sub_visual01.jpg") no-repeat center top;}
.sub_visual .visual02 {width:100%; height:177px; background:url("../../../imgs/public/sub/sub_visual02.jpg") no-repeat center top;}


#container .sub_title{position:absolute; z-index:99; width:1000px; top:70px; left:50%; margin-left:-500px;}
#container .sub_title img{margin-left:10px;}

#container .contents{width:980px; height:100%; min-height: 600px; margin:0 auto; padding-bottom:100px;}
#container .contents .title{width:100%; margin:75px 0 35px 0; letter-spacing:-0.1em; overflow:hidden;}
#container .contents .title p{float:left; width:100%; font-size:34px; line-height:34px; color:#000;}
#container .contents .title span{display:block; float:left; margin-top:20px; padding-bottom:20px; font-size:16px; color:#999; background:url("../../../imgs/public/sub/title_bg.gif") no-repeat 3px bottom;}

/* #container .snb{width:100%;background: url("../../../imgs/public/sub/snb_li_bg.gif") repeat-x left 38px; overflow:hidden;} 2026-02-05 수정 */
#container .snb .wrapDiv{width:1000px; margin:0 auto; background:#fff url("../../../imgs/public/sub/snb_li_bg.gif") repeat-y left top; overflow:hidden;}
#container .snb .wrapDiv ul {width:100%;}
#container .snb .wrapDiv ul li{float:left; text-align:center; line-height:38px; border-bottom:1px solid #dfdfdf; background:url("../../../imgs/public/sub/snb_li_bg.gif") repeat-y right top;}
#container .snb .wrapDiv ul li a{display:block; color:#363636; font-size:14px;}
#container .snb .wrapDiv ul li a:hover{color:#bb3033; text-decoration:none;}
#container .snb .wrapDiv ul li.on {color:#fff; border:none; background:#bb3033 url("../../../imgs/public/sub/snb_on.png") no-repeat center bottom;}
#container .snb .wrapDiv ul li.on span{color:#fff; font-weight:bold;}
#container .snb .wrapDiv ul.housing li{width:165px;}
#container .snb .wrapDiv ul.housing li:first-child{width:175px;}
/* #container .snb .wrapDiv ul.business li{width:25%;} 2026-02-05 수정 */
#container .snb .wrapDiv ul.customer li{width:33%;}
#container .snb .wrapDiv ul.customer li:FIRST-CHILD{width:34%;}
#container .snb .wrapDiv ul.member li{width:25%;}
#container .snb .wrapDiv ul.etc li{width:33%;}
#container .snb .wrapDiv ul.etc li:FIRST-CHILD{width:34%;}
/* 2026-02-05 추가 */
#container .snb {
    position: relative;
    width: 100%;
}
#container .snb::before {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 1px;
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ececec;
}
#container .snb .wrapDiv ul.business{
    display: flex;
    align-items: stretch;
}
#container .snb .wrapDiv ul.business li{
    float: none;
    display: flex;
    flex: 1;
}
#container .snb .wrapDiv ul.business li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height: 1.4;
    padding: 9px 8px;
    box-sizing: border-box;
    text-align: center;
}


/* 로그인 */
.contents .loginDiv{width:978px; margin-top:25px; border:1px solid #d1d1d1; background:#fff;} 
.contents .loginDiv .form{position:relative; width:56%; margin:0 auto; padding:35px 30px; border-bottom:1px dashed #ccc;} 
.contents .loginDiv .form p {width:300px; margin:5px 0 5px 55px;}
.contents .loginDiv .form p span{display:inline-block; float:left; width:80px; line-height:32px; font-size:14px; font-weight:bold; color:#333;} 
.contents .loginDiv .form p input{width:208px; height:28px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;} 
.contents .loginDiv .form p a{position:absolute; top:38px; right:85px;display:block; width:135px; height:70px; background:#bf2231 url("../../../imgs/public/sub/login_btn_ico.png") no-repeat 35px center;}
.contents .loginDiv .form p a span{display:block; width:auto; margin-left:55px; padding:0; line-height:68px; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
.contents .loginDiv ul {width:46%; margin:0 auto; padding:15px 0 35px 0; overflow:hidden;}
.contents .loginDiv ul li {float:left; width:100%; padding:3px 0; font-size:13px; line-height:28px;}
.contents .loginDiv ul li span a{display:block; float:right; width:135px; height:30px; line-height:28px; text-align:center; color:#333; font-weight:bold; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.contents .loginDiv ul li span a:hover{color:#bf2231; text-decoration:none;}

/* 아이디, 비밀번호 찾기 */
.contents .findDiv{width:978px; margin-top:7px; border:1px solid #d1d1d1; background:#fff;} 
.contents .findDiv .form{position:relative; width:56%; margin:0 auto; padding:35px 30px;} 
.contents .findDiv .form p {width:390px; margin:5px 0 5px 25px;}
.contents .findDiv .form p span{display:inline-block; float:left; width:80px; line-height:32px; font-size:14px; font-weight:bold; color:#333;} 
.contents .findDiv .form p input{width:298px; height:28px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;} 
.contents .findDiv .form p input.tbox_s{width:70px;} 
.contents .findDiv .form p select{width:110px; height:30px;}
.contents .findDiv .form p a{position:absolute; top:38px; right:60px;display:block; width:100px; height:70px; text-align:center; line-height:68px; font-size:16px; font-weight:bold; color:#fff; background:#bf2231;}
.contents .findDiv .form p a:hover{text-decoration:none;}

/* 회원가입 */
.contents .joinStep{width:100%; overflow:hidden;} 
.contents .joinStep li{float:left; width:32.3%; text-align:center; color:#636363; font-size:16px; font-weight:bold; line-height:36px; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fff;} 
.contents .joinStep li.side_m{margin:0 11px;} 
.contents .joinStep li.on {border:1px solid #bf2231; color:#bf2231; background:#fff url("../../../imgs/public/sub/join_step_ico.png") no-repeat 10px center;}
.contents .joinDiv{width:978px; margin-top:25px; border:1px solid #d1d1d1; background:#fff;} 
.contents .joinDiv h3{margin:15px 0 10px 0; color:#333; font-size:16px;} 
.contents .joinDiv .clause{width:92%; margin:0 auto;}
.contents .joinDiv .clause textarea {width:97%; height:180px; color:#666; border:1px solid #d7d7d7; text-align:left;}
.contents .joinDiv .agreement {width:100%; padding:10px 0;}
.contents .joinDiv .agreement .agreementq{}
.contents .joinDiv .agreement .agreementa{float:right;}
.contents .joinDiv .agreement .agreementa input{vertical-align:middle;}
.contents .join {overflow:hidden;}
.contents .join p.red_star{float:left; margin-top:25px;}
.contents .join table {float:left; margin-top:7px;}
.contents .join table span{margin-left:5px;}
.contents .join table span a{display:inline-block; padding:0 7px; line-height:27px; color:#fff; font-weight:bold; background:#7d7d7d;}
.contents .join table span a:hover{color:#fff; background:#000;}
.contents .join table input{height:23px;}
.contents .join table select{height:26px;vertical-align:0;}
.contents .join table input.tbox_s{width:50px;}
.contents .join table input.tbox_ss{width:35px; margin:0 3px;}
.contents .join table p {margin-top:5px;}
.contents .join table p input{width:45%; margin-right:5px;}
.contents .completionDiv {position:relative; float:left; width:978px; height:280px; margin-top:25px; border:1px solid #d1d1d1; background:#fff url("../../../imgs/public/sub/join_completion_ico.png") no-repeat 250px 60px;}
.contents .completionDiv p{position:absolute; top:85px; left:37%; font-size:16px; font-weight:bold; color:#363636;}
.contents .completionDiv p span{display:inline-block; margin-top:10px; font-size:14px; font-weight:normal; color:#666;}
.contents .completionDiv .btn {position:absolute; bottom:65px; left:50%; margin-left:-50px;}
.contents .completionDiv .btn a{display:inline-block; padding:10px 15px; color:#fff; text-align:center; font-size:16px; font-weight:bold; background:#bf2231;}
.contents .completionDiv .btn a:hover{text-decoration:none;}

/* 회원탈퇴 */
.contents .secessionDiv{width:978px; margin-top:25px; border:1px solid #d1d1d1; background:#fff;} 
.contents .secessionDiv .form{position:relative; width:57%; margin:0 auto; padding:35px 30px;} 
.contents .secessionDiv .form p {width:300px; margin:5px 0 5px 85px;}
.contents .secessionDiv .form p span{display:inline-block; float:left; width:80px; line-height:32px; font-size:14px; font-weight:bold; color:#333;} 
.contents .secessionDiv .form p input{width:208px; height:28px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;} 
.contents .secessionDiv .form p a{position:absolute; top:38px; right:100px;display:block; width:100px; height:70px; text-align:center; line-height:68px; font-size:16px; font-weight:bold; color:#fff; background:#bf2231;}
.contents .secessionDiv .form p a:hover{text-decoration:none;}


/* 연혁 */
.contents .historyDiv{width:100%; background:url("../../../imgs/public/sub/sub01_02_img01.jpg") no-repeat left top;overflow:hidden;}
.contents .history {float:right; width:580px;}
.contents .history h4{padding:0!important; margin:15px 0 0 0!important;border:none;}
.contents .history h4 a{display:block;}
.contents .history h4.active{border:0;background: url('../../../imgs/public/sub/accordion_title.jpg') no-repeat right top!important;}
.contents .history h4.active a{color:#fff;}
.contents .history h4 a:hover{text-decoration:none!important;}
.history .obj{display:none;margin-bottom:15px!important; padding:0px;}
.history .obj li{padding:30px 0 30px 25px;border-top:1px dashed #ccc;}
.history .obj li:first-child{border-top:0;}
.history .obj li:first-child img{padding-top:0px;}
.history .obj.n0{display:block}

/* 사회적기업이란? */
.contents .social {width:100%;}
.contents .social p{text-align:center;}
.contents .social p img{ padding-bottom:30px;}
.contents .social ul li{padding:45px 0 85px 0;}

/* 사업 */
.contents .business {width:100%;}
.contents .business ul li{padding:25px 0 55px 0;}

.guideDiv{width:100%;}
.guideDiv textarea {width:96%; height:450px; color:#666; border:1px solid #d7d7d7; text-align:left;}