@charset "utf-8";
@import url("reset.css");
@import url("layout.css");
@import url("common.css");
@import url("font.css");

/* visual img */
.visual_wrap{overflow:hidden;height:130px;background-repeat:no-repeat;background-position:50% 0;}
.visual_tit{display:none;}
.sub_visual1{background-image:url(../images/sub-visual01.jpg);}
.sub_visual2{background-image:url(../images/sub-visual02.jpg);}
.sub_visual3{background-image:url(../images/sub-visual3.jpg);}
.sub_visual4{background-image:url(../images/sub-visual4.jpg);}
.sub_visual5{background-image:url(../images/sub-visual5.jpg);}
.sub_visual6{background-image:url(../images/sub-visual6.jpg);}
.sub_visual7{background-image:url(../images/sub-visual7.jpg);}
.sub_visual8{background-image:url(../images/sub-visual08.jpg);}
.sub_visual9{background-image:url(../images/sub-visual09.jpg);}

/* 01-회사소개 */
/* 대표 인사말 */
.con_wrap h2{font-family:'notokr-medium';font-size:30px;color:#000;line-height:1.2;letter-spacing:-1px;word-break:break-all;}
.con_wrap h2.ceo_greeting{width:630px;}
.txt_wrap{width:550px;line-height:2;}
.txt_wrap h3{margin:60px 0 30px;font-size:20px;color:#0073cb;line-height:1.3;}
.txt_wrap p{margin:20px 0;text-align:justify;}
.txt_wrap strong{color:#000;}
.txt_wrap .sign{margin-top:40px;font-size:15px;color:#000;}

/* 회사연혁 */
.history_bg{/*background:url(../images/history_bg.png) 100% 10% repeat-y;*/}
.history_wrap{width:600px;}
.history_wrap > div{margin-left:10px;border-left:1px solid #acacac;/* border-right:1px solid #acacac; */}
.history_wrap > div > ul li{position:relative;margin-top:30px;padding:0 30px 30px 30px;border-bottom:1px dashed #acacac;}
.history_wrap > div > ul li:last-child{border-bottom:none;}
.history_wrap > div > ul li i{position:absolute;top:15px;left:-7px;display:block;width:24px;height:15px;background:url(../images/icons.png) -56px -80px no-repeat;z-index:10;}
.history_wrap h3{font-size:40px;color:#000;line-height:40px;}
.history_wrap dl{margin:20px 0 0 30px}
.history_wrap dt{font-size:17px;color:#0073cb;}
.history_wrap dd{background:url(../images/bullet1.png) 0 9px no-repeat;padding-left:10px;}
.history_wrap dd b{/* color:#0073cb; */}

/* 경영이념 */
.pic_wrap{margin:30px 0;text-align:center;}
.b_tit{font-size:20px;color:#0073cb;letter-spacing:-0.5px;}

/* 조직도 */
/* .rank_wrap{position:relative;width:957px;height:622px;background:url(../images/rank_pic.png) 0 0 no-repeat;} */
.rank_wrap{text-align:center;}
.rank_wrap *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;}
	.ceo{position:absolute;top:0;left:431px;width:128px;height:128px;padding-top:20px;border:8px solid #0073cb;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-weight:bold;font-size:20px;color:#000;line-height:2;}
	.ceo span{display:block;width:90%;margin:0 auto;border-bottom:1px solid #acacac;font-weight:normal;font-size:17px;}
	.vice_pr{position:absolute;top:155px;left:381px;width:227px;height:45px;line-height:45px;background:#00a0e2;font-weight:bold;font-size:18px;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
	.team_box{position:absolute;width:194px;height:40px;line-height:40px;background:#6e9fc8;font-size:17px;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
	.team1{top:246px;left:43px;}
	.team2{top:246px;left:313px;}
	.team3{top:246px;left:535px;}
	.team4{top:246px;left:757px;}
	
	.rank_box{position:absolute;width:139px;height:35px;line-height:35px;background:#6c7f9f;font-size:15px;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
	.rank1_1{top:315px;left:0;}
	.rank1_2{top:315px;left:147px;}
	.rank2{top:315px;left:344px;}
	.rank3{top:315px;left:571px;}
	.rank4{top:315px;left:791px;}

	.subrank_box{position:absolute;width:139px;height:35px;line-height:35px;background:#8998b0;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
	.subrank1_1{top:375px;left:0;}
	.subrank1_2{top:375px;left:147px;}
	
	.work_box{position:absolute;width:138px;height:195px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;border:1px solid #adadad;overflow:hidden;}
	.work_box dt{height:29px;line-height:29px;background:#dbdbdb;font-size:14px;color:#333;}
	.work_box dd{padding:2px 0;border-bottom:1px solid #e8e8e8;font-size:14px;}
	.work1{top:431px;left:0;}
	.work2{top:431px;left:150px;}
	.work3{top:431px;left:349px;}
	.work4{top:431px;left:575px;}
	.work5{top:431px;left:795px;}

.rank_wrap2{margin:20px auto 0;}
.rank_wrap2 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.rank_wrap2 ul{overflow:hidden;}
.rank_wrap2 li{float:left;width:20%;margin-bottom:50px;min-height:500px;} /* 지사가 5일 경우 width 20% */
.rank_wrap2 li dl{background:url(../images/rank_line.png) 50% 0 repeat-y;}
.rank_wrap2 li dt{width:95%;height:35px;line-height:35px;background:#00a0e2;font-size:15px;color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.rank_wrap2 li dd{display:inline-block;margin-top:15px;padding:5px 0;width:70%;border:2px solid #6c8e9f;background:#fff;color:#333;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}

.rank_wrap2 ul.num2 li{width:50%;}
.rank_wrap2 ul.num3 li{width:33.33333333333333%;}
.rank_wrap2 ul.num4 li{width:25%;}
.rank_wrap2 ul.num5 li{width:20%;}
.rank_wrap2 ul.num6 li{width:16.66666666666667%;letter-spacing:-1px;}
.rank_wrap2 ul.num7 li{width:14.28571428571429%;}
.rank_wrap2 ul.num7 li dt{letter-spacing:-1px;font-size:14px;}
.rank_wrap2 ul.num8 li{width:12.5%;}
.rank_wrap2 ul.num8 li dt{letter-spacing:-1px;font-size:13px;}
.address_wrap table.tblstyle3 tbody td{padding:6px 0;}

/* 사업소개 */
.business_wrap{margin-top:40px;}
.business_wrap > ul > li{padding:30px 0 30px 200px;border-bottom:1px solid #acacac;background:url(../images/business_icon.png) 0 35px no-repeat;}
.business_wrap > ul > li:nth-child(2){background-position:0 -130px;}
.business_wrap > ul > li:nth-child(3){background-position:0 -290px;}
.business_wrap > ul > li:nth-child(4){background-position:0 -450px;}
.business_wrap h3{font-size:20px;color:#0073cb;}
.business_wrap > ul > li > ul li{background:url(../images/bullet1.png) 0 9px no-repeat;padding-left:10px;}

/* 수상 및 인증 */
.prize_wrap{margin:50px auto 0;}
.prize_wrap  li{float:left;width:30.333333%;min-height:520px;margin:0 1.5% 1%;padding:0 20px 0px;-webkit-transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out;}
.prize_wrap  li:hover{transform:translateY(-10px)}
.frame_wrap{border:5px solid #000;box-shadow: 0 10px 7px -3px rgba(0,0,0,0.3);}
.frame_border{border:15px solid;border-color:#f0f0f0 #eaeaea #f0f0f0 #f7f7f7;}
.img_wrap{display:block;margin:0 auto;border:1px solid #fff;}
.img_wrap img{width:100%;}
.prize_tit{margin-top:20px;padding:10px 3px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;border:1px solid #d7d7d7;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-family:'notokr-medium';color:#222;}
#glayLayer{display:none;position:fixed;left:0;top:0;height:100%;width:100%;background:#000;filter: alpha(opacity=60);opacity: 0.60;z-index:300;}
#overLayer{display:none;position:fixed;top:50%;left:50%;width:500px;height:700px;margin-left:-250px;margin-top:-350px;z-index:500;}
#overLayer img{width:100%;cursor:pointer;}


/* 찾아오시는 길 */
.map-wrap{margin:50px auto;}
.map-info h3:after{content:'';display:block;width:50px;height:2px;background:#444;margin:30px 0 40px;}
.map-info p{margin-bottom:15px;font-size:16px;}

/* 지사검색 */
.branch_wrap{margin:50px auto 80px;}
.branch_map{position:relative;float:left;width:35%;min-height:400px;border:1px solid #d7d7d7;background:#fff url(../images/branch-map-bg.png) 50% no-repeat;}
.branch_map > a{display:block;position:absolute;text-indent:-9999px;overflow:hidden;}
.branch_map > a.on{z-index:100;}
	a.branch1{top:74px;left:120px;z-index:200;width:58px;height:35px;background:url(../images/branch1.png) 0 0 no-repeat;}
	a.branch1:hover, a.branch1.on{background-position:0 -35px;}
	a.branch2{top:57px;left:108px;width:68px;height:87px;background:url(../images/branch2.png) 0 0 no-repeat;}
	a.branch2:hover, a.branch2.on{background-position:0 -87px;}
	a.branch3{top:132px;left:88px;width:77px;height:68px;background:url(../images/branch3.png) 0 0 no-repeat;}
	a.branch3:hover, a.branch3.on{background-position:0 -68px;}
	a.branch4{top:99px;left:178px;width:112px;height:129px;background:url(../images/branch4.png) 0 0 no-repeat;}
	a.branch4:hover, a.branch4.on{background-position:0 -129px;}
	a.branch5{top:217px;left:211px;width:92px;height:50px;background:url(../images/branch5.png) 0 0 no-repeat;}
	a.branch5:hover, a.branch5.on{background-position:0 -50px;}
	a.branch6{top:235px;left:72px;width:106px;height:84px;background:url(../images/branch6.png) 0 0 no-repeat;}
	a.branch6:hover, a.branch6.on{background-position:0 -84px;}
	a.branch7{top:40px;left:142px;width:110px;height:91px;background:url(../images/branch7.png) 0 0 no-repeat;}
	a.branch7:hover, a.branch7.on{background-position:0 -91px;}
	a.branch8{top:119px;left:148px;width:65px;height:79px;background:url(../images/branch8.png) 0 0 no-repeat;}
	a.branch8:hover, a.branch8.on{background-position:0 -79px;}
	a.branch9{top:325px;left:87px;width:44px;height:44px;background:url(../images/branch9.png) 0 0 no-repeat;}
	a.branch9:hover, a.branch9.on{background-position:0 -44px;}

.branch_list{float:right;width:60%;}
.branch_tit{padding-left:30px;font-family:'notokr-bold';font-size:24px;color:#000;background:url(../images/icon-branch1.png) 0 5px no-repeat;}
.branch_list ul{margin-top:10px;border:1px solid #d7d7d7;}
.branch_list li{padding:10px 15px;border-bottom:1px solid #d7d7d7;overflow:hidden;}
.branch_list li:last-child{border-bottom:0;}
.branch_list li strong{display:block;float:left;min-width:70px;margin:3px 20px 0 0;padding-left:25px;font-family:'notokr-bold';color:#004a9e;background:url(../images/icon-branch2.png) 0 3px no-repeat;}
.branch_list li .address{display:block;float:left;margin-top:3px;padding-left:15px;border-left:1px solid #c9c9c6;}
.branch_list li .more{display:block;float:right;width:28px;height:28px;background:#ebebeb url(../images/btn-more2.png) 50% no-repeat;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-indent:-9999px;overflow:hidden;}
.branch_list li a:hover .more{background-color:#2b89f2;}
.branch_search{margin-top:10px;padding:20px 20px 20px 50px;background:#ebebeb;}
.branch_search:after{display:block;content:"";clear:both;}
.branch_search div{float:left;margin-right:3px;}
.branch_search select{width:125px;height:37px;border:1px solid #bcbcbc;}
.branch_search input[type="text"]{width:200px;height:37px;border:1px solid #bcbcbc;padding:0 10px;}
.branch_detail_wrap{margin:50px auto 20px;padding:20px 30px;border:1px solid #d7d7d7;}
.branch_sub_tit{padding-left:30px;font-family:'notokr-bold';font-size:24px;color:#000;background:url(../images/icon-branch2.png) 0 50% no-repeat;}
.branch_detail li{margin-top:10px;}
.branch_detail li .badge{min-width:70px;text-align:center;}
.branch_detail_map{margin-top:15px;background:#f5f5f5;}
/* 02-나눔경영 */
.con_wrap > ol li{margin-top:40px;}

/* 기타 서비스 */
.faq_tab{margin-top:30px;}
.faq_tab ul{overflow:hidden;background:#929da9;-webkit-border-radius:10px;-moz-border-radius:3px;border-radius:3px;}
.faq_tab li{float:left;padding:17px 0 10px;width:20%;border-right:1px solid #53667b;text-align:center;font-size:19px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.faq_tab li:last-child{border-right:none;}
.faq_tab li.on{background:#53667b;}
.faq_tab li a{color:#fff;}
.faq_tab b{display:block;width:45px;height:45px;margin:0 auto;background:url(../images/icons.png) 0 -158px no-repeat;text-indent:-9999px;}
.faq_tab b.tab2{background-position:0 -212px;}
.faq_tab b.tab3{background-position:0 -266px;}
.faq_tab b.tab4{background-position:0 -320px;}
.faq_tab b.tab5{background-position:0 -374px;}

.faq_list{margin-top:40px;}
.faq_list li{padding:10px;font-size:17px;color:#000;border-bottom:1px solid #dadedd;}
.faq_list li:last-child{border-bottom:2px solid #53667b;}
.faq_list li b{display:inline-block;margin-right:10px;width:29px;height:22px;background:url(../images/icons.png) 100% -158px no-repeat;text-indent:-9999px;}
.faq_list li > div{display:none;margin:10px 0;background:#f5f5f5;padding:20px;font-size:15px;color:#555;overflow:hidden;}
.faq_list li > div i{display:block;float:left;width:29px;height:22px;background:url(../images/icons.png) 100% -181px no-repeat;text-indent:-9999px;}
.faq_list li > div > div{float:left;width:860px;margin-left:20px;}
.faq_list li > div > div p{margin:10px 0;}
.faq_list li > div > div p strong{color:#000;}

.form_wrap{margin-top:30px;padding:30px 0 30px 180px;border:15px solid #f5f5f5;overflow:hidden;}
	.f_input{float:left;margin-right:10px;}
	.f_input p{padding:6px;}
	.f_input p b{display:inline-block;margin-right:10px;width:120px;font-size:19px;color:#000;text-align:right;}
	.f_input input{width:250px;height:36px;border:1px solid #bcbcbc;padding:0 10px;}
	a.login_ok{display:block;margin-top:5px;float:left;width:150px;height:85px;text-align:center;line-height:85px;background:#003ba6;font-weight:bold;font-size:24px;color:#fff;}
	a.login_ok:hover{background:#002362;}
.find_head{margin-top:30px;padding-left:190px;background:url(../images/icons.png) 74px -545px no-repeat;}
.find_head h3{font-size:20px;color:#0073cb;}

.mem_head{margin-top:30px;padding-left:160px;background:url(../images/icons.png) 50px -620px no-repeat;}
.mem_head2{margin-top:30px;min-height: 80px;padding-left:160px;background:url(../images/icons.png) 50px -550px no-repeat;}
.mem_head h3,
.mem_head2 h3{font-size:20px;color:#0073cb;}
.mem_wrap{margin-top:30px;padding:30px;border:15px solid #f5f5f5;}
.mem_wrap h3{font-size:17px;color:#000;}
	.inner_box{padding:20px;height:200px;overflow-y:scroll;border:1px solid #dadedd;font-size:12px;}
	.inner_box strong{display:block;margin-top:20px;font-weight:bold;color:#444;}
	.inner_box h4{font-size:14px;color:#000;}

.recruit_head{margin-top:30px;padding-left:160px;background:url(../images/icons.png) 50px -720px no-repeat;}
.recruit_head h3{font-size:20px;color:#0073cb;}
.recruit_head h4{font-size:20px;color:#0073cb;}

/* 사이트맵 */
.map_wrap{margin-top:40px;width:650px;}
.map_wrap ul{overflow:hidden;}
.map_wrap > ul > li{float:left;overflow:hidden;width:28.33333333333333%;min-height:250px;margin-right:5%;margin-bottom:30px;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.map_wrap > ul > li:nth-child(3n){margin-right:0;}
.map_wrap > ul > li h3{padding:5px 0;background:#4779cf;font-size:19px;color:#fff;text-align:center;}
.map_wrap > ul > li:last-child h3{background:#7a869b;}
.map_wrap > ul > li li a{display:block;padding:3px;border-bottom:1px solid #dbdbdb;text-align:center;text-decoration:none;}
.map_wrap > ul > li li a:hover{background:#f5f5f5;}
.map_wrap > ul > li li:last-child a{border-bottom:0;}

/* 개인정보보호정책 */
.privacy_wrap{margin-top:30px;}
.privacy_wrap strong{color:#000;}
.privacy_wrap p{margin:10px 0 40px;}
.privacy_wrap h3{margin-bottom:40px;font-size:17px;color:#0073cb;}


/* 마이페이지 */
.mypage_top{margin-top: 20px;}
.mypage_top:after{content:"";display: block;clear: both;}
.mypage_top > div{float: left;width: 50%;padding: 20px 30px;min-height: 260px;border: 15px solid #eee;}
.mypage_top .mypage_point{position: relative;width: 48%;margin-right: 2%;background: #fff url(../images/point_bg.png) 50% no-repeat;}
.mypage_top .point_info{position: absolute;top: 25px;right: 20px;padding: 2px 5px;border-radius: 3px;background: #444;color: #fff;text-align: center;font-size: 12px;}
.mypage_top .point_info:hover{background: #0073cb;}
.mypage_top .my_point{text-align: center;font-family:'notokr-bold';font-size: 18px;}
.mypage_top .my_point strong{display: block;margin: 0 0 -15px 0;font-family:'notokr-bold';font-size:60px;color:#52c40d;}
.mypage_top .mypage_point p{margin-top: 15px;text-align: center;}
.mypage_top .mypage_point p strong{font-weight: bold;color: #0073cb;}
.mypage_bottom{margin-top: 30px;padding: 20px 30px;border: 15px solid #eee;}
.mypage_wrap h3{font-family:'notokr-bold';font-size:20px;color:#000;}

.mypage_article ul{margin-top: 15px;}
.mypage_article ul li{position: relative;margin-bottom: 5px;}
.mypage_article ul li:before{content:"";display: inline-block;margin-right: 10px;margin-bottom: 3px;width: 2px;height: 2px;background: #444;}
.mypage_article ul li .w_date{position: absolute;right: 0;}

.point_saving strong{font-family:'notokr-bold';font-size: 20px;color: #0073cb;}
.dim{display: none;position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 99;background: rgba(0,0,0,0.3);}
.pop_point_info{opacity: 0;position: fixed;top: -50%;left: 50%;z-index: 100;transform:translate(-50%, -50%);padding: 30px;width: 600px;min-height: 500px;border: 1px solid #444;background: #fff;}
.btn_close{position: absolute;top: 20px;right: 20px;padding: 3px;}
.btn_close:hover{background: #f5f5f5;}
.pop_point_info dl{}
.pop_point_info dt{margin-top: 15px;font-family:'notokr-medium';font-size: 16px;color: #0073cb;}
.pop_point_info .point{width: 100%;table-layout:auto;margin-top: 5px;}
.pop_point_info .point th{padding: 5px 0;border: 1px solid #ccc;background: #f5f5f5;font-family:'notokr-medium';color: #444;}
.pop_point_info .point td{padding: 5px 0;text-align: center;border: 1px solid #ccc;vertical-align: middle;}