@charset "utf-8";

@import url(master.css);

/* CSS Document */

/*html, body {height: 100%;}*/

* {letter-spacing: -0.55px; position: relative;}

.header {width: 100%; display: block; height: 90px; position: relative; min-width: 1100px;}
.header .header {width: 100%; display: block; height: 90px; position: relative;}
.header .header .warp {width: 1100px; display: block; margin: 0 auto; position: relative; height: 100%;}
.header .header .warp h1 {display: block; float: left; width: 200px; margin: 17px 0 0 ; text-align: center;}
.header .header .warp .b_menu { height: 22px; background: #2687c5; position: absolute; right:0; top: 0; padding: 0 15px; padding-top: 3px; z-index: 99999; border-radius: 0 0 7px 7px;}
.header .header .warp .b_menu a {display: inline-block; height: 20px; line-height: 18px; color: #fff; float: left; font-size: 12px;}
.header .header .warp .b_menu a:hover {font-weight: 600;}
.header .header .warp .b_menu span.vertical_line {margin: 4px 10px 4px; width: 1px; background: #fff; height: 11px; float: left; display: block;}

.header .header .warp ul.t_menu {width: 100%; display: block; height: 25px; margin: 35px 0 25px 0; float: right; max-width: 850px;}
.header .header .warp ul.t_menu li {display: block; float: left; margin: 0; width: 170px; text-align: center;}
.header .header .warp ul.t_menu li a {font-weight: 600; letter-spacing: -0.5px; display: block; line-height: 25px; font-size: 18px; color: #4d4d4d;}
.header .header .warp ul.t_menu li a:hover {color: #61a850;}
.header .header .warp ul.t_menu li a.active {color: #61a850;}
.header .header .s_menu {width: 100%; position:absolute; background: url(../images/s_menu_bg01.png); height: 330px; top: 90px; z-index: 2000}
.header .header .s_menu .s_menu_box {width: 1100px; display: block; height: 100%; margin: 0 auto; }
.header .header .s_menu .s_menu_box .s_left_tit {width: 250px; height: 100%; float: left; display: block; box-sizing: border-box; padding: 20px 50px;}
.header .header .s_menu .s_menu_box .s_left_tit b {color: #68af53; padding-bottom: 10px; display: block;}
.header .header .s_menu .s_menu_box .s_left_tit h2 {color: #fff;}
.header .header .s_menu .s_menu_box ul {width: 170px; margin: 0; height: 100%;float: left; padding: 10px 0;}
.header .header .s_menu .s_menu_box ul li {height: 20px; padding: 5px 0;}
.header .header .s_menu .s_menu_box ul li a {display: block; line-height: 20px; height: 100%; font-size: 14px;  text-align:center; color: #fff;}
.header .header .s_menu .s_menu_box ul li a:hover {color: #68af53;}


#warpper {position: relative; width: 100%; min-height: 762px; text-align: center; height: 100%; margin: 0; padding: 0;}
/* 메인전용 박스 */
#warpper .main_cont {width: 100%; display: block; min-height: 762px; background: url(../images/bg.jpg) no-repeat center center; min-width: 1100px; position: relative;}
#warpper .main_cont .box_sizing {width: 1100px; height: 100%; position: relative; margin: 0 auto; min-height: 762px;}

/* 20200924 수정
.main_txt {position: absolute; top: 150px; height: 150px; left: 0; width: 100%; text-align: center;}
.main_txt h2 {text-align: center; color: #fff; font-size: 65px; margin-bottom: 30px; width: 100%;}
.main_txt p {text-align: center; color: #fff; font-size: 35px; width: 100%;}
*/
.main_txt {position: absolute; top: 150px; height: 150px; left: 0; width: 100%; text-align: center;}
.main_txt h2 {text-align: center;color: #fff;font-size: 65px;margin-bottom: 30px;width: 100%;line-height: 120%;}
.main_txt p {text-align: center;color: #fff;font-size: 35px;width: 100%;line-height: 120%;}

#warpper .main_cont .box_sizing .main_boardBox {width: 320px;height: 260px;position: absolute;z-index: 100;right: 0; padding: 25px 30px;}
#warpper .main_cont .box_sizing .main_boardBox.type01 {background: #fff; bottom: 70px; width: 640px; height: 260px; left: -40px; border-radius: 20px; padding: 25px 30px; overflow: hidden;}
#warpper .main_cont .box_sizing .main_boardBox.type02 {background: #fff;bottom: 70px; right: 170px; width: 190px; border-radius: 20px;} 
#warpper .main_cont .box_sizing .main_boardBox.type03 {background: url(../images/main_news.png?v=200219) no-repeat center 0; width: 180px; height: 144px; padding: 0; margin: 0; right: -30px; cursor:pointer; bottom: 236px;}
#warpper .main_cont .box_sizing .main_boardBox.type04 {background: url(../images/main_story.png?v=200219) no-repeat center 0; width: 180px; height: 144px; padding: 0; margin: 0; bottom: 70px; cursor:pointer; right: -30px;}
#warpper .main_cont .box_sizing .main_boardBox h2 {color: #3b3b3b; width: 100%; font-size: 18px; text-align: left; font-weight: normal; display: inline-block; margin-bottom: 10px; letter-spacing: -0.75px; font-weight: 600; position: relative;}
#warpper .main_cont .box_sizing .main_boardBox h2:before {content: ""; width: 20px; height: 4px; position: absolute; top: 9px;left: -30px; background: #68af53; border-radius: 0 5px 5px 0;}
#warpper .main_cont .box_sizing .main_boardBox h2 a.moreBtn {float: right; display: inline-block; color: #333; position:absolute; top: 5px; right: 0; font-size: 13px; }
#warpper .main_cont .box_sizing .main_boardBox h2 a.moreBtn:hover {color: #68af53}

#warpper .main_cont .box_sizing .main_boardBox ul {width: 100%; display: block;}
#warpper .main_cont .box_sizing .main_boardBox ul li {width: 100%; display: inline-block; height: 29px; padding: 5px 0 0 0; text-align: left; line-height: 20px; box-sizing:border-box;
*width: 320px; *height: 24px; *padding: 5px 0 0 0; 

}
#warpper .main_cont .box_sizing .main_boardBox ul li.board_thum {height: auto; margin: 10px 0;}
#warpper .main_cont .box_sizing .main_boardBox ul li a {height: 22px; display: block;}
#warpper .main_cont .box_sizing .main_boardBox ul li a:hover span {color: #68af53;}
#warpper .main_cont .box_sizing .main_boardBox ul li span {font-size: 14px; text-align: left; color: #fff; display: inline-block; height: 100%; letter-spacing: -0.75px; height: 22px;}
#warpper .main_cont .box_sizing .main_boardBox ul li .list_txt {width: 100%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px; float: left;}
#warpper .main_cont .box_sizing .main_boardBox ul li .list_date {float: right;}

#warpper .main_cont .box_sizing .main_boardBox.type02 h2 {color: #242424;}
#warpper .main_cont .box_sizing .main_boardBox.type02 ul li span {color: #353535;}


#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box {max-width:650px; margin: 15px 0 0; overflow: hidden; height: 224px;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box ul {width: 300%; height: 100%;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box ul li {float: left; width: 190px; text-align: center; background: none; padding: 0; margin-right: 20px; display: inline-block; height: 100%;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box ul li a {display: inline-block; width: 100%; height: auto; text-align: center; color: #353535; font-size: 15px; letter-spacing: -0.7px; text-decoration: none;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box ul li a:hover b {color: #68af53}
#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box ul li a img {margin: 0 auto 10px; display: block;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box ul li a b {line-height: 30px; font-size: 16px; display: block; margin-bottom: 5px;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .roll_box ul li a span {line-height: 20px; font-size: 13px; height: auto; color: #353535; text-align: center}

#warpper .main_cont .box_sizing .main_boardBox.type01 .m_arrow_btn {width: 30px;height: 30px;position: absolute;top: 15px;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .m_arrow_btn a {width: 100%; height: 100%; text-indent: -9999px; display: block;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .m_arrow_btn.prev {/* left: 0; */right: 55px;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .m_arrow_btn.prev a {background: url(../images/m_prev_btn2.png) no-repeat 0 0;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .m_arrow_btn.next {right: 20px;}
#warpper .main_cont .box_sizing .main_boardBox.type01 .m_arrow_btn.next a {background: url(../images/m_next_btn2.png) no-repeat 0 0;}




#warpper .main_cont .box_sizing .mquee {height: 30px; width: 800px; position: absolute; bottom: 0; right: 50%; color: #fff; box-sizing: border-box; padding: 0 10px;
margin-right: -400px;
background: transparent; 
background-color: rgba( 24, 47, 60, 0.9 ); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#182f3c35, endColorStr=#182f3c35 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#182f3c35, endColorStr=#182f3c35 )"; 
zoom: 1; 

}
#warpper .main_cont .box_sizing .mquee marquee {width: 100%; display: block; margin: 0 auto; font-size: 12px; line-height: 25px; height: 30px; display: block;}


/* 기본 컨텐츠 박스 */
#warpper .cont {height: 100%; display: inline-block; width: 1100px; margin: 0 auto; height: 100%; padding: 30px 0;}
/* 컨텐츠 별 메뉴 타이틀 */
#warpper .cont_tit {width: 100%; display: inline-block; height: 200px; background-color: #d9d9d9 !important; min-width: 1100px;}
#warpper .cont_tit h2 {max-width: 1100px; font-size: 36px; height: 70px; line-height: 40px; padding-top: 80px; display: block; margin: 0 auto; text-indent: 30px; text-align: center; color: #fff;}
#warpper .cont_tit h2 span {text-align: center; font-size: 20px; color: #e9e9e9; display: inline-block; font-weight: normal;}
#warpper .cont_tit.sub01 { background: url(../images/sub_bg01.jpg) no-repeat center 0;}
#warpper .cont_tit.sub02 { background: url(../images/sub_bg02.jpg) no-repeat center 0;}
#warpper .cont_tit.sub03 { background: url(../images/sub_bg03.jpg) no-repeat center 0;}
#warpper .cont_tit.sub04 { background: url(../images/sub_bg04.jpg) no-repeat center 0;}
#warpper .cont_tit.sub05 { background: url(../images/sub_bg05.jpg) round center 0;}
#warpper .cont_tit.loginVer { background: url(../images/sub_bg06.jpg) no-repeat center 0;}

/* 컨텐츠 별 서부 내비게이션 */
#warpper .cont .sub_navi {width: 200px; display: block; float: left; height: 100%; margin-top: 30px; }
#warpper .cont .sub_navi ul {display: block; width: 200px; height: 100%;}
#warpper .cont .sub_navi ul li {display: inline-block; height: 30px; width: 168px; padding: 10px 15px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; line-height: 27px; text-align: left; font-size: 16px;}
#warpper .cont .sub_navi ul li:nth-child(2) {padding-top: 20px;}
#warpper .cont .sub_navi ul li:last-child {border-radius: 0 0 20px 20px;  border-bottom: 1px solid #ddd; padding-bottom: 20px;}
#warpper .cont .sub_navi ul li.s_tit {height: 80px; font-size: 20px; color: #fff; background: #68af53; padding: 30px 25px 20px; border: 1px solid #68af53; border-radius: 20px 20px 0 0; font-weight: 600; width: 148px;}
#warpper .cont .sub_navi ul li a {padding-left: 20px; position: relative;}
#warpper .cont .sub_navi ul li a:hover {color:  #68af53;}
#warpper .cont .sub_navi ul li a.active:before {content: ""; width: 25px; height: 4px; position: absolute; top: 9px; left: -15px; background: #68af53; border-radius: 0 5px 5px 0;}
#warpper .cont .sub_navi ul li a.active {color: #68af53; font-weight: 600;}

/* 내부 컨텐츠 표시 영역 */
#warpper .cont .contents {width: 870px; display: inline-block; float: left; height: 100%; margin: 30px 0 0 30px; min-height: 500px;}
#warpper .cont .contents h2 {height: 40px; line-height: 40px; font-size:26px; text-align: left; font-weight: 600; letter-spacing: -0.7px; padding: 0 10px 15px; margin-bottom: 20px}
#warpper .cont .contents h2:before {content:""; position: absolute; bottom: 0; left: 10px; width: 50px; height: 4px; background :#2687c5; border-radius: 10px}

/* 회원가입 부분 */
#warpper .cont .contents .insert_box {width: 100%; display: block; padding: 20px; box-sizing: border-box; margin-bottom: 20px;}
#warpper .cont .contents .insert_box h1 {width: 100%; text-align: left; font-size: 18px; height: 30px; line-height: 28px; display: block; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.7px;}
#warpper .cont .contents .insert_box h1 span {display: inline-block; margin-left: 10px; font-size: 15px; color: #787878;}
#warpper .cont .contents .insert_box table {width: 100%;  border-top: 1px solid #d9d9d9; margin-bottom: 30px;}
#warpper .cont .contents .insert_box table td {padding: 10px; border-bottom: 1px solid #d9d9d9; text-align: left; font-size: 14px; line-height: 30px}
#warpper .cont .contents .insert_box table td input {height: 20px; line-height: 24px; width: 130px; display: inline-block; float: left; margin-right: 5px; border-radius: 5px; padding: 5px 5px 5px 10px}
#warpper .cont .contents .insert_box table td span {font-size: 13px; color: #666; letter-spacing: -0.7px; padding: 0 5px 5px 0; display: block; float: left;}
#warpper .cont .contents .insert_box table td select {height: 32px; float: left; margin-right: 5px; border-radius: 5px;}
#warpper .cont .contents .insert_box table td a {position: relative; margin: 0 5px 0 0; height: 20px; float: left; line-height: 18px;}
#warpper .cont .contents .insert_box table td.t_tit {font-weight: 600; color: #242424; font-size: 14px; width: 150px;}
#warpper .cont .contents .insert_box table td div {float: left; display: block; width: 100%;}
#warpper .cont .contents .insert_box table td div:first-child {margin-bottom: 10px;}

/* 로그인 부분 */
#warpper .cont .contents .login_box {width: 700px; display: inline-block; box-sizing: border-box; margin-bottom: 20px; padding: 60px 60px 100px; text-align: center;}
#warpper .cont .contents .login_box h1 {width: 100%; text-align: left; font-size: 18px; height: 30px; line-height: 28px; display: block; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.7px;}
#warpper .cont .contents .login_box h1 span {display: inline-block; margin-left: 10px; font-size: 15px; color: #787878;}
#warpper .cont .contents .login_box ul {display: inline-block; width: 350px; } 
#warpper .cont .contents .login_box ul li {display: inline-block; width: 210px; padding: 10px; line-height: 27px; text-align: left; font-size: 14px; width: 100%; box-sizing: border-box}
#warpper .cont .contents .login_box ul li.s_tit {height: 80px; padding-top: 20px; font-size: 20px; color: #fff; background: #3087b8; padding: 20px; width:
	200px; border: 1px solid #3087b8;}
#warpper .cont .contents .login_box ul li input {width: 300px; height: 30px; padding: 10px 15px; border-radius: 10px;}
#warpper .cont .contents .login_box ul li.login-check {padding: 0 15px; text-align: right;}
#warpper .cont .contents .login_box ul li a.big_Btn {width: 100%; box-sizing: border-box; height: 50px; border: none; margin: 0; line-height: 30px; text-align: center;}
#warpper .cont .contents .login_box ul li a.active {color: #3087b8; font-weight: 600;}

#warpper .cont .contents .login_box ul li:last-child {text-align: center; border-top: 1px solid #d8d8d8; margin-top: 30px;}
#warpper .cont .contents .login_box ul li:last-child a {font-size: 14px; text-align: center; display: inline-block; color: #353535; margin: 0 10px; position: relative; font-weight: 600;}
#warpper .cont .contents .login_box ul li:last-child a:first-child:after {content:""; position:absolute; right: -13px; top: 5px; width: 1px; height: 17px; background: #d9d9d9;}
#warpper .cont .contents .login_box ul li:last-child a:hover {color: #68af53}

/* 아이디 비밀번호 찾기 */
#warpper .cont .contents .idpw_box {width: 600px; display: inline-block; box-sizing: border-box; margin-bottom: 20px; text-align: center;}
#warpper .cont .contents .idpw_box p {width: 100%; text-align: left; font-size: 15px; line-height: 20px; display: inline-block; margin-bottom: 10px; letter-spacing: -0.7px; text-indent: -10px; padding-left: 10px}
#warpper .cont .contents .idpw_box .idpw_tab {width: 100%; display: inline-block; border: 1px solid #ddd; border-bottom: 0; box-sizing: border-box; margin-top: 20px; border-radius: 10px 10px 0 0}
#warpper .cont .contents .idpw_box .idpw_tab a {width: 50%; display: inline-block; float: left; text-align: center; padding: 20px 0;}
#warpper .cont .contents .idpw_box .idpw_tab a:first-child {border-radius: 10px 0 0 0;}
#warpper .cont .contents .idpw_box .idpw_tab a:last-child {border-radius: 0 10px 0 0;}
#warpper .cont .contents .idpw_box .idpw_tab a.active {background: #68af53; color: #fff; font-weight: 600;}
#warpper .cont .contents .idpw_box table {width: 100%;  border: 1px solid #d9d9d9; margin-bottom: 30px;}
#warpper .cont .contents .idpw_box table tr:last-child td {padding-bottom: 15px;}
#warpper .cont .contents .idpw_box table td {padding: 15px 10px 5px;  text-align: left; font-size: 14px; vertical-align:  middle; height: 30px;}
#warpper .cont .contents .idpw_box table td input {height: 20px; line-height: 24px; width: 130px; display: inline-block; border-radius: 5px;}
#warpper .cont .contents .idpw_box table td span {font-size: 14px; color: #666; letter-spacing: -0.7px;display: inline-block; position: relative; top: 1px; margin-right: 5px;}
#warpper .cont .contents .idpw_box table td select {height: 32px;}
#warpper .cont .contents .idpw_box table td input[type="radio"]{height: 20px; line-height: 20px; margin: 5px 0; width: 15px; display: inline-block; position:  relative; vertical-align: middle}
#warpper .cont .contents .idpw_box table td a {position: relative; margin-left: 5px; height: 20px;}
#warpper .cont .contents .idpw_box table td.t_tit {font-weight: 600; color: #242424; font-size: 14px; width: 150px; padding-left: 20px}

/* 상담신청 */
#warpper .cont .contents .advice_box {width: 700px; display: inline-block; box-sizing: border-box; margin-bottom: 20px; padding: 20px; text-align: center;}
#warpper .cont .contents .advice_box table {width: 100%;  border: 1px solid #d9d9d9; margin-bottom: 30px; }
#warpper .cont .contents .advice_box table td {padding: 10px 10px;  text-align: left; font-size: 14px; vertical-align:  middle; height: 30px; border-bottom: 1px solid #d9d9d9;}
#warpper .cont .contents .advice_box table td input {height: 20px; line-height: 24px; width: 130px; display: inline-block; border-radius: 5px;}
#warpper .cont .contents .advice_box table td span {font-size: 14px; color: #666; letter-spacing: -0.7px;display: inline-block; position: relative; top: 1px; margin-right: 5px;}
#warpper .cont .contents .advice_box table td select {height: 32px; border-radius: 5px;}
#warpper .cont .contents .advice_box table td input[type="radio"]{height: 20px; line-height: 20px; margin: 5px 0; width: 15px; display: inline-block; position:  relative; vertical-align: middle}
#warpper .cont .contents .advice_box table td a {position: relative; margin-left: 5px; height: 20px;}
#warpper .cont .contents .advice_box table td.t_tit {font-weight: 600; color: #1f5011; font-size: 15px; width: 110px; background: #fafafa; padding: 0 20px}
#warpper .cont .contents .advice_box table td textarea {width: 100%; height: 120px; border-radius: 5px;}
#warpper .cont .contents .clause_box {width: 100%; display: inline-block; box-sizing: border-box; margin-bottom: 20px; padding: 20px; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px;}
#warpper .cont .contents .clause_box h2 {display: block; text-align: left; font-size: 18px; height: 30px; line-height: 28px; display: block; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.7px; margin-bottom: 20px;}
#warpper .cont .contents .clause_box .txt_box {width: 100%; padding: 10px 15px; border: 1px solid #d9d9d9; height: 140px; overflow-x: auto; padding: 30px; box-sizing: border-box; font-size: 14px; line-height: 21px;  border-radius: 10px;}
#warpper .cont .contents .clause_box .txt_box2 {width: 100%; padding: 10px 15px; border: 1px solid #d9d9d9; height: 520px; overflow-x: auto; box-sizing: border-box; border-radius: 10px;}
#warpper .cont .contents .clause_box p {width: 100%; display: inline-block; line-height: 30px; padding: 5px 0; text-align: left;}
#warpper .cont .contents .clause_box p input {width: 16px; position:  relative; vertical-align:  middle; top: -1px;}



/* 기본 내용 컨텐츠 */
#warpper .cont .contents .info_contbox {width: 100%; display: inline-block; padding: 20px 10px; box-sizing: border-box; margin-bottom: 40px;}
#warpper .cont .contents .info_contbox p {display: inline-block; font-size: 15px; color: #444; text-align: left; letter-spacing: -0.7px; line-height: 28px; width: 100%;}
#warpper .cont .contents .info_contbox p.result_txt {font-weight: 600; font-size: 17px;}
#warpper .cont .contents .info_contbox p .ceo {float: right; display: inline-block; font-size: 18px; text-align: right;}
#warpper .cont .contents .info_contbox p .ceo img {display: block; margin-left: 27px;}
#warpper .cont .contents .info_contbox p img {max-width: 100%;}
#warpper .cont .contents .info_contbox h1 {width: 100%; text-align: left; font-size: 18px; height: 30px; line-height: 28px; display: block; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.7px;}
#warpper .cont .contents .info_contbox h1 span {display: inline-block; margin-left: 10px; font-size: 15px; color: #787878;}
#warpper .cont .contents .info_contbox h2 {text-align: left; font-size: 20px;height: 25px; line-height: 22px; display: inline-block; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.7px; text-indent: 0; padding-bottom: 5px; padding-left: 20px;}
#warpper .cont .contents .info_contbox h2:before {content:""; position: absolute; top: 10px; left: 0; width: 10px; height: 4px; background : #68af53; border-radius: 0 10px 10px 0 ;}

#warpper .cont .contents .info_contbox table {width: 100%;  border-top: 2px solid #3c3c3c; border-bottom: 2px solid #3c3c3c; margin-bottom: 30px; margin: 20px 0;}
#warpper .cont .contents .info_contbox table td {padding: 15px 10px; border-bottom: 1px solid #e8e8e8; text-align: left; font-size: 14px;  line-height: 17px; height: 20px;}
#warpper .cont .contents .info_contbox table td input {height: 20px; line-height: 24px; margin: 5px 0; width: 130px; display: inline-block}
#warpper .cont .contents .info_contbox table td span {font-size: 13px; color: #444; letter-spacing: -0.7px;}
#warpper .cont .contents .info_contbox table td select {height: 32px;}
#warpper .cont .contents .info_contbox table td a {position: relative; margin-left: 5px; height: 20px;}
#warpper .cont .contents .info_contbox table td.t_tit {font-weight: 600; color: #1f5011; font-size: 16px; width: 150px; text-align: center;}
#warpper .cont .contents .info_contbox table td.t_tit .v_line { height: 20px; background: #68af53; float: right; margin-right: 5px;}

/* 사업영역 관리 컨텐츠 아이콘 부분 */
#warpper .cont .contents .info_contbox ul {width: 100%; display: inline-block; margin-bottom: 10px; border-top: 1px solid #d9d9d9; margin: 20px 0;}
#warpper .cont .contents .info_contbox ul li {width: 100%; display: inline-block; box-sizing: border-box; padding: 20px 10px; border-bottom: 1px solid #d9d9d9;}
#warpper .cont .contents .info_contbox ul li .img_ico {width: 150px; height: 150px; display: block; float: left; margin-right: 30px;}
#warpper .cont .contents .info_contbox ul li .img_ico span {width: 150px; height: 150px; display: block;}
#warpper .cont .contents .info_contbox ul li .img_ico span.busi_ico01 {background: url(../images/business_ico01.png) no-repeat 0 0;}
#warpper .cont .contents .info_contbox ul li .img_ico span.busi_ico02 {background: url(../images/business_ico02.png) no-repeat 0 0;}
#warpper .cont .contents .info_contbox ul li .img_ico span.busi_ico03 {background: url(../images/business_ico03.png) no-repeat 0 0;}
#warpper .cont .contents .info_contbox ul li .img_ico span.busi_ico04 {background: url(../images/business_ico04.png) no-repeat 0 0;}
#warpper .cont .contents .info_contbox ul li .img_ico span.busi_ico05 {background: url(../images/business_ico05.png) no-repeat 0 0;}
#warpper .cont .contents .info_contbox ul li .img_txt {height: 150px; width: 640px; display: block; float: left;}
#warpper .cont .contents .info_contbox ul li .img_txt b {width: 100%; height: 30px; line-height: 28px; font-size: 20px; text-align: left; display:inline-block; margin-bottom: 10px;}
#warpper .cont .contents .info_contbox ul li .img_txt p {width: 100%; line-height: 25px; font-size: 16px; text-align: left; display:inline-block;}

#warpper .cont .contents .info_contbox .img_cont_txt {text-align: center; padding: 15px 0; font-size: 16px;}
#warpper .cont .contents .info_contbox .img_cont_txt .style_txt {display: block; height: 52px; text-align: left; margin: 0 0 20px; width: 580px;}
#warpper .cont .contents .info_contbox .img_cont_txt .style_txt b {padding: 10px; font-size: 20px; font-weight: bold; color: #da3630; text-align: center; display: inline-block; border: 1px solid #da3630; border-radius: 80px; width: 30px; height: 30px;}
#warpper .cont .contents .info_contbox .img_cont_txt .style_txt span {padding: 10px; display: inline-block; font-size: 16px; height: 20px; line-height: 18px;}


/* FM관리 부분 */
#warpper .cont .contents .info_contbox ul.fmlist_box {width: 100%; display: inline-block; border-top: 0; margin: 20px 0;}
#warpper .cont .contents .info_contbox ul.fmlist_box li b {height: 25px; line-height: 22px; font-size: 18px; text-align: left; display:inline-block; float: left; padding: 0 10px 0 0; margin: 0 0 10px;}
#warpper .cont .contents .info_contbox ul.fmlist_box li .tit_line {width: 30px; height: 3px; margin: 11px 0 11px 0; display: inline-block; background: #3087B8; float: left;}
#warpper .cont .contents .info_contbox ul.fmlist_box li p {width: 100%; line-height: 20px; font-size: 14px; text-align: left; display:inline-block; margin-bottom: 5px; background: url(../images/patten_bg.png) no-repeat 3px 9px; padding-left: 15px;}

#warpper .cont .contents .info_contbox .law_txt {width: 100%; display: block; margin-bottom: 30px; padding-left: 15px;}
#warpper .cont .contents .info_contbox .law_txt p {width: 100%; text-align: left;}

#warpper .cont .contents .info_contbox .emphasis_txt {width: 100%; font-size: 20px; color: #F0282C; text-align: left; margin: 20px 0;}

/* 회사연혁 */
#warpper .cont .contents .history_box {width: 100%; padding: 20px 0; box-sizing: border-box; display: inline-block; background: url(../images/dot_bg.png) center 0;}
#warpper .cont .contents .history_box .his_cont {display: inline-block; width : 405px; position: relative; margin-bottom: 25px;}
#warpper .cont .contents .history_box .his_cont b {width: 100%; font-family:Helvetica, sans-serif; font-size: 25px; display: block; height: 30px;}
#warpper .cont .contents .history_box .his_cont p {margin: 15px 0;}
#warpper .cont .contents .history_box .his_cont.left {text-align: right; padding-right: 29px; background: url(../images/dot_ico.png) no-repeat right 6px;}
#warpper .cont .contents .history_box .his_cont.left p {text-align: right; padding-right: 20px;}
#warpper .cont .contents .history_box .his_cont.left p strong {float: right; padding-left: 10px; text-indent: 10px;}
#warpper .cont .contents .history_box .his_cont.right {text-align: left; padding-left: 28px; background: url(../images/dot_ico.png) no-repeat left 6px}
#warpper .cont .contents .history_box .his_cont.right p{text-align: left;}
#warpper .cont .contents .history_box .his_cont.right p strong {float: left; padding-right: 10px;}

/* 조직도 */
#warpper .cont .contents .chart_box {width: 100%; margin: 20px 0; background: url(../images/con_01.png) no-repeat center center; height: 615px; display: block;}

/* 찾아오시는 길 */
#warpper .cont .contents .info_contbox .map_box {width: 100%; margin: 20px 0; background: url(../images/con_02.png) no-repeat center center; height: 428px; display: block;}

/* 사훈 */
#warpper .cont .contents .info_contbox .motto_cont01 {width: 100%; height: 715px; margin: 20px 0; background:url(../images/comp_img01.png) no-repeat center center; display: block; }
#warpper .cont .contents .info_contbox .motto_cont02 {width: 700px; height: 335px; margin: 20px 0; background:url(../images/con_03-2.png) no-repeat 0 0; display: block; }

/* 공동주택관리 */
#warpper .cont .contents .info_contbox .house_cont {width: 700px; height: 681px; background: url(../images/con_06.png) no-repeat 0 0; display: block;}

/* 관리단구성컨설팅 */
#warpper .cont .contents .info_contbox .consulting_cont {width: 700px; height: 310px; background: url(../images/con_04.png) no-repeat 0 0; margin: 40px 0; display: block;}

/* 주택임대관리 */
#warpper .cont .contents .info_contbox .lease_cont {width: 700px; height: 140px; margin: 40px 0 60px; background: url(../images/con_05.png) no-repeat 0 0; display: block;}

/* 보안/주차관리 */
#warpper .cont .contents .info_contbox .security_cont {width: 720px; height: 240px; margin: 20px 0; background: url(../images/con_07.png) no-repeat 0 0; display: block;}

/* 미화관리 */
#warpper .cont .contents .info_contbox .clean_cont {width: 720px; height: 240px; margin: 20px 0; background: url(../images/con_08.png) no-repeat 0 0; display: block;}


/* 게시판 리스트 부분 */
#warpper .cont .contents .board_box {width: 100%; display: block; padding: 10px; box-sizing: border-box; margin-bottom: 20px;}
#warpper .cont .contents .board_box h1 {width: 100%; text-align: left; font-size: 18px; height: 30px; line-height: 28px; display: block; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.7px;}
#warpper .cont .contents .board_box h1 span {display: inline-block; margin-left: 10px; font-size: 15px; color: #787878;}
#warpper .cont .contents .board_box h2 {}
#warpper .cont .contents .board_box h2:before {display: none;}
#warpper .cont .contents .board_box .board_search {width: 100%; text-align: left; display: inline-block; margin-bottom: 15px; vertical-align: middle; }
#warpper .cont .contents .board_box .board_search select {width: 100px; height: 36px; vertical-align: middle; margin-right: 10px; float: left; border-radius: 5px;}
#warpper .cont .contents .board_box .board_search input {height: 24px; vertical-align: middle; margin-right: 10px; float: left; border-radius: 5px;}
#warpper .cont .contents .board_box .board_search a {height: 24px; display: inline-block; vertical-align: middle; font-size: 14px; width: 50px; text-align: center; line-height: 20px; }
#warpper .cont .contents .board_box table {width: 100%;  border-top: 1px solid #102d07; margin-bottom: 30px;}
#warpper .cont .contents .board_box table th {padding: 10px 10px; border-bottom: 1px solid #102d07; height: 30px; color: #1f5011;}
#warpper .cont .contents .board_box table td {padding: 7px 15px; border-bottom: 1px solid #d9d9d9; font-size: 14px; height: 30px;}
#warpper .cont .contents .board_box table td input {height: 20px; line-height: 24px; margin: 5px 0; width: 130px; display: inline-block}
#warpper .cont .contents .board_box table td span {font-size: 13px; color: #666; letter-spacing: -0.7px;}
#warpper .cont .contents .board_box table td select {height: 32px;}
#warpper .cont .contents .board_box table td a {position: relative; margin-left: 5px; height: 20px;}
#warpper .cont .contents .board_box table td.t_tit {font-weight: 600; color: #242424; font-size: 16px; width: 150px;}
#warpper .cont .contents .board_box table td textarea {width: 100%; margin: 5px 0; height: 250px;}

/* 게시판 이미지 리스트 */
#warpper .cont .contents .board_box .board_img_box {width: 100%; display: block; box-sizing: border-box; margin-bottom: 20px;}
#warpper .cont .contents .board_box .board_img_box ul {width: 100%; display: inline-block; padding: 0 5px 5px 0;}
#warpper .cont .contents .board_box .board_img_box ul li {width: 170px; margin: 0 10px 10px 0; height: 305px; float: left; display: inline-block;}
#warpper .cont .contents .board_box .board_img_box ul li .thum_img {width: 100%; height: 235px; display: table-cell; overflow: hidden; border: 1px solid #d9d9d9; box-sizing: border-box; vertical-align: middle;}
#warpper .cont .contents .board_box .board_img_box ul li .thum_img img {width: 100%; max-width: 170px;}
#warpper .cont .contents .board_box .board_img_box ul li .thum_txt {width: 148px; height: 50px; font-size: 14px; letter-spacing: -0.7px;; line-height: 28px; border: 1px solid #d9d9d9; border-top: 0; padding: 10px 10px;}
#warpper .cont .contents .board_box .board_img_box ul li .thum_ span {display: inline-block; line-height: 20px; }


/* 게시판 페이지 넘버 */
#warpper .cont .contents .board_box .board_pageBox {width: 100%; display: inline-block; padding: 10px; text-align: center;}
#warpper .cont .contents .board_box .board_pageBox .page_ico {display: inline-block; margin: 0 5px;}
#warpper .cont .contents .board_box .board_pageBox .page_ico a {width: 20px; height: 24px; border: 1px solid #d9d9d9; padding: 5px 7px; font-size: 18px; vertical-align: middle; line-height: 22px; display: inline-block; border-radius: 5px}
#warpper .cont .contents .board_box .board_pageBox .page_ico a:hover {background: #efefef;}
#warpper .cont .contents .board_box .board_pageBox .page_num {display: inline-block;}
#warpper .cont .contents .board_box .board_pageBox .page_num a {width: 20px; height: 24px; padding: 5px 7px; font-size: 18px; vertical-align: middle; line-height: 22px; display: inline-block; border-radius: 5px;}
#warpper .cont .contents .board_box .board_pageBox .page_num a:hover {font-weight: 600; color: #3087B8}
#warpper .cont .contents .board_box .board_pageBox .page_num a.active {color: #3087B8; font-weight: 600; border: 1px solid #3087B8}

/* 게시판 글쓰기 부분 */
#warpper .cont .contents .board_box table.write_table {width: 100%;  border-top: 2px solid #465A6E; margin-bottom: 30px;}
#warpper .cont .contents .board_box table.write_table td {padding: 5px 10px; border-bottom: 1px solid #d9d9d9; text-align: left; font-size: 16px; height: 30px;}
#warpper .cont .contents .board_box table.write_table td input {height: 25px; line-height: 24px; margin: 5px 0; display: inline-block;}
#warpper .cont .contents .board_box table.write_table td select {height: 32px;}
#warpper .cont .contents .board_box table.write_table td a {position: relative; margin-left: 5px; height: 20px;}
#warpper .cont .contents .board_box tabl.write_tablee td.t_tit {font-weight: 600; color: #242424; font-size: 14px; width: 150px;}
#warpper .cont .contents .board_box table.write_table td textarea {width: 100%; margin: 5px 0; height: 250px;}

/* 게시판 뷰페이지 */
#warpper .cont .contents .board_box .board_view {width: 100%; display: block; padding: 20px 0; box-sizing: border-box; margin-bottom: 20px;}
#warpper .cont .contents .board_box .board_view .view_top {width: 100%; display: inline-block;}
#warpper .cont .contents .board_box .board_view .view_top h2 {width: 100%; display: block; height: 60px; text-align: left; box-sizing:border-box; font-weight: 600; font-size: 18px; border-top: 2px solid #68af53; border-bottom: 1px solid #b1b1b1; line-height: 55px; margin: 0; background: #f7f7f7; padding: 0 20px;}
#warpper .cont .contents .board_box .board_view .view_top p {display: block; height: 50px; width: 100%; text-align: left; border-bottom: 1px solid #d9d9d9; line-height: 38px; box-sizing: border-box; padding: 5px 20px; font-size: 14px;}
#warpper .cont .contents .board_box .board_view .view_top p .vertical_line {margin: 12px 10px; width: 2px; background: #a9a9a9; height: 16px;}
#warpper .cont .contents .board_box .board_view .view_top p span {display: block; float: left;}
#warpper .cont .contents .board_box .board_view .view_top p span b {color: #010101; padding-right: 15px;}
#warpper .cont .contents .board_box .board_view .view_cont {width: 100%; display: inline-block; padding: 5px 0 45px; border-bottom: 1px solid #d9d9d9;}
#warpper .cont .contents .board_box .board_view .view_cont p {padding: 20px; text-align: left; line-height: 20px; font-size: 14px;}
/* 게시판 버튼부분 */
#warpper .cont .contents .board_box .board_view .btnBox_board {height: 40px; margin: 10px 0 30px;  }
#warpper .cont .contents .board_box .board_view .btnBox_board a {height: 28px; font-size: 16px; padding: 5px 10px; line-height: 28px; min-width: 60px; margin: 0 5px;}
#warpper .cont .contents .board_box .board_view .btnBox_board a:hover {font-weight: 600;}
#warpper .cont .contents .board_box .board_view .btnBox_board .update_btn {display: block; float: right;}
#warpper .cont .contents .board_box .board_view .btnBox_board .update_btn a {margin: 0 5px;}

/* 게시판 뷰페이지 - 댓글부분 */
#warpper .cont .contents .board_box .board_view .comment_box {width: 100%; display: block; }
#warpper .cont .contents .board_box .board_view .comment_box h2 {height: 35px; font-size: 14px; font-weight: 600; border-top: 2px solid #595959; line-height: 33px; border-bottom: 1px solid #595959; margin-bottom: 10px; display: block; padding: 10px 15px;}
#warpper .cont .contents .board_box .board_view .comment_box h2:before {display: none;}

/* 게시판 뷰페이지 - 댓글입력 */
#warpper .cont .contents .board_box .board_view .comment_box .comment_input {width: 100%; display: block; height: 150px; padding: 10px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; box-sizing: border-box; margin-bottom: 20px; background: #f7f7f7;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_input .comt_u_input {width: 100%; display: block; height: 40px; box-sizing: border-box; padding: 5px 0; margin-bottom: 5px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_input .comt_u_input input {float: left; margin-right: 10px; height: 18px; vertical-align: middle; line-height: 18px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_input .comt_u_input span {float: left; display: block; height: 30px; line-height: 30px; font-size: 13px; margin-right: 5px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_input .comt_txt_input {width: 100%; display: block; height: 80px; }
#warpper .cont .contents .board_box .board_view .comment_box .comment_input .comt_txt_input textarea {width: 595px; float: left; display: block; height: 80px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_input .comt_txt_input a.big_Btn {width: 40px; height: 58px; float: left; padding: 10px 5px; margin: 0 0 0 10px; line-height: 55px;}

/* 게시판 뷰페이지 - 댓글리스트 */
#warpper .cont .contents .board_box .board_view .comment_box .comment_list {width: 100%; display: block; border: 1px solid #d9d9d9; box-sizing: border-box; background: #f7f7f7;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox {width: 100%; padding: 10px; box-sizing:border-box; display: block;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul {width: 100%; display: inline-block;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li {padding: 10px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #d9d9d9;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li:last-child {border-bottom: 0;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .user_info {width: 100%; height: 30px; margin-bottom: 5px; display: block; text-align: left; font-weight: normal;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .user_info span {display: inline-block; height: 30px; line-height: 28px; font-size: 14px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .user_info span.u_name {margin-right: 10px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .user_info .btnBox {width: 200px; float: right; height: 30px; margin: 0; text-align: right;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .user_info .btnBox a { height: 18px; background: #fff;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li p {width: 100%; padding: 5px 0 10px; box-sizing: border-box; bottom: 1px solid #d9d9d9; line-height: 25px; font-size: 13px; text-align: left; }
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .comt_u_input {width: 100%; display: block; height: 40px; box-sizing: border-box; padding: 5px 0; margin-bottom: 5px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .comt_u_input input {float: left; margin-right: 10px; height: 18px; vertical-align: middle; line-height: 18px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .comt_u_input span {float: left; display: block; height: 30px; line-height: 30px; font-size: 13px; margin-right: 5px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .comt_txt_input {width: 100%; display: block; height: 80px; }
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .comt_txt_input textarea {width: 565px; float: left; display: block; height: 80px;}
#warpper .cont .contents .board_box .board_view .comment_box .comment_list .comm_listbox ul li .comt_txt_input a.big_Btn {width: 40px; height: 58px; float: left; padding: 10px 5px; margin: 0 0 0 10px; line-height: 55px;}






.btnBox {width: 100%; display: block; height: 50px; margin: 10px 0 20px; }
.s_btn {padding: 5px 10px; font-size: 13px; border: 1px solid #d9d9d9; display: inline-block; height: 25px; background: #f8f8f8; letter-spacing: -0.7px; border-radius: 5px;}
.big_Btn {padding: 10px 15px; font-size: 17px; border: 1px solid #d9d9d9; display: inline-block; height: 25px; background: #f8f8f8; letter-spacing: -0.7px; line-height: 20px; min-width: 80px; margin: 0 5px; border-radius: 5px;  transition: all 0.5s;}


.s_input {width: 80px !important}
.s2_input {width: 120px !important}
.m_input {width: 160px !important}
.l_input {width: 220px !important}
.vl_input {width: 475px !important}
.l_input_long {width: 100% !important}
.l_input_middle {width: 50% !important}





.colorGreen {background: #68af53; color: #fff ; border-color: #68af53 }
.colorGreen:hover {background: #356727; color: #fff; border-color: #356727;}
.colorBlue {background: #457ccf ; color: #fff ; border-color: #457ccf }
.colorBlue:hover {background: #225094; color: #fff; border-color: #225094;}
.colorGray {background: #686868 ; color: #fff ; border-color: #686868 }
.colorGray:hover {background: #575757; color: #fff; border-color: #575757;}
.colorWhite {background: #f9f9f9 ; color: #787878 ;}
.colorWhite:hover {background: #f1f1f1; color: #454545; border-color: #a7a7a7;}


.footer {width: 100%; display: block; height: 150px; position: relative; background: #272727; text-align: center; min-width: 1100px;}
.footer .f_top {width: 100%; height:50px; display: inline-block; border-bottom: 1px solid #454545;}
.footer .f_top p {width: 100%; height: 30px; padding: 10px; text-align: left; display: block; max-width: 1100px; margin: 0 auto; line-height: 28px;}
.footer .f_top p a {display: inline-block; font-size: 13px; color: #d0d0d0; margin: 0 20px;}
.footer .f_bottom {width: 100%; height:60px; display: inline-block; max-width: 1100px; padding: 20px 0 ;}
.footer .f_bottom span.f_logo {display: block; float: left; height: 50px; width: 200px;}
.footer .f_bottom p {width: ""; display: block; float: left; height: 40px; line-height: 20px; color: #959595; font-size: 12px; text-align: left; padding: 5px;}
.footer .f_bottom p b {color: #959595; font-family:Verdana, Geneva, sans-serif; letter-spacing: -0.7px; font-weight: normal;}


.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w50 {width: 50% !important;}
.w70 {width: 70% !important;}
.w100 {width: 100% !important;}

.t_center {text-align: center !important}
.t_left {text-align: left !important}
.t_right {text-align: right !important}

/* 일반 팝업 부분 */
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
	z-index:990;
}
.ajaxWrap{background:#fff; padding:15px;width:90%}
.ajaxWrap .ajax_contents{position:relative;}
.ajaxWrap .ajax_contents .btn_close{display:block; background:url(/images/ico_close2.png) center no-repeat; background-size:100%; width:15px; height:15px; position:absolute; right:-0px; top:3px;}
.ajaxWrap .ajax_contents .btn_close span{margin-left:-9999px}
.ajaxWrap .ajax_contents .tit_1{font-size:18px; color:#4d4d4d; font-weight:600;padding-top:10px}
.ajaxWrap .ajax_contents .line{border-bottom:1px solid #8b8b8b;}