/*
	Document   : Style
	Created on : 2012. 8. 16, 오후 3:50
	Author     : Nexist
	Description:
	Purpose of the stylesheet follows.
*/



/* 메인 비쥬얼 추가*/
/* 2018년도 리뉴얼 */
.visual { width:100%; height:446px;/* background:url(../Images/visual_1.jpg) center top no-repeat;*/}

.swiper-container {
      width: 100%;
      height: 100%;

    }
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background:url(../Images/visual_1.jpg) left center no-repeat;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.visual_1 { background:url(../Images/visual_1.jpg) center no-repeat; width:100%; height:100%;}
.visual_2 { background:url(../Images/visual_2.jpg) center no-repeat; width:100%; height:100%;}
									
									
.courseTopArea { position: relative; padding:20px 10px 20px 40px; background:#fafafa; border:1px solid #e9e9e9; margin:10px 0 30px; overflow:hidden; box-sizing:border-box;}
.courseCategory { float:left;}
.courseSearch { float:right; padding:0 25px 0 0;}
.courseSearch * { vertical-align: middle; }

/* 메인페이지 바로가기 배너 4개 */
.mainService_wrap { clear:both; width:960px; margin:0 auto;}
.mainBann_quick { clear:both; }
.mainBann_quick .mainBann_box { position:relative; float:left; width:466px; height:152px; border:1px solid #ececec; margin:0 26px 26px 0; padding:34px 0 0 37px; box-sizing:border-box; }
.mainBann_quick .mainBann_box ul { clear:both;}
.mainBann_quick .mainBann_box ul li {  letter-spacing:-0.5px; line-height:130%; }
.mainBann_quick .mainBann_box ul li:nth-child(1) { font-size:17px; color:#333; font-weight:600;}
.mainBann_quick .mainBann_box ul li:nth-child(2) { font-size:23px; color:#2c58a1; font-weight:600;}
.mainBann_quick .mainBann_box ul li:nth-child(3) { font-size:12px; color:#949494; font-weight:600; padding:10px 0 0 0;}
.mainBann_quick .mainBann_box .mainBann_box_new { width:49px; height:46px; font-size:10px; padding:2px 0 0 4px; box-sizing:border-box; color:#fff; position:absolute; top:0; left:0; background:url(../Images/new_icn.png) left top no-repeat
;}
.mainBann_quick .mainBann_box:nth-child(1) { background:#fff url(../Images/mainBann_renew_1.png) right top no-repeat; height:152px;}
.mainBann_quick .mainBann_box:nth-child(2) { background:#fff url(../Images/mainBann_renew_2.png) right top no-repeat; height:152px;}
.mainBann_quick .mainBann_box:nth-child(3) { background:#fff url(../Images/mainBann_renew_3.png) right top no-repeat; height:152px;}
.mainBann_quick .mainBann_box:nth-child(4) { background:#fff url(../Images/mainBann_renew_4.png) right top no-repeat; height:152px;}
.mainBann_quick .mainBann_box:nth-child(2n+2) { margin:0 0 26px 0;}


.mainService { margin:46px 0 0 0; }
.mainService ul { width:100%; height:77px; border: solid 1px #d6d8d7; overflow: hidden; background:#fff url(../Images/box_bg.png) left center repeat-x; box-sizing:border-box;}
.mainService ul li { position:relative;float: left; font-size:15px; letter-spacing:-0.5px; color:#333; line-height:77px; text-align:center; font-weight:600; padding:0 47px;}
.mainService ul li:nth-child(1) a:after { content:''; position:absolute; top:18px; width:41px; height:42px; background:url(../Images/service_icon_1.png) left 0 no-repeat; margin:0 0 0 10px; line-height:77px; }
.mainService ul li:nth-child(2) a:after { content:''; position:absolute; top:18px; width:41px; height:42px; background:url(../Images/service_icon_2.png) left center no-repeat; margin:0 0 0 10px;}
.mainService ul li:nth-child(3) a:after { content:''; position:absolute; top:18px; width:41px; height:42px; background:url(../Images/service_icon_3.png) left center no-repeat; margin:0 0 0 10px;}
.mainService ul li:nth-child(4) a:after { content:''; position:absolute; top:18px; width:41px; height:42px; background:url(../Images/service_icon_4.png) left center no-repeat; margin:0 0 0 10px;}
.mainService ul li:nth-child(5) a:after { content:''; position:absolute; top:18px; width:41px; height:42px; background:url(../Images/service_icon_5.png) left center no-repeat; margin:0 0 0 10px;}
.mainService ul li:after { content:''; position:absolute; right:-28px; top:20px; width:1px; height:40px; background:#e3e3e3; box-sizing:border-box;}
.mainService ul li:last-child:after { content:''; background:none;}


/* 고객사 마당 */
.mainClient_wrap { clear:both; width:100%; overflow:hidden; height:72px; border-top:1px solid #dfdfdf; margin-top:30px;}
.mainClient { position: relative; width: 960px; margin: 20px auto; }
.mainClient h3 { font-size:17px; color:#333; float:left; letter-spacing:-0.2px; margin:0 10px 0 0; line-height:55px;}
.nav { float:left; height:22px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-radius:3px; margin:15px 0 0 0;}
.nav div { float:left; width:22px;height:22px; border-right:1px solid #CCC; background:#fff; border-bottom:1px solid #c8c8c8;/* box-sizing:border-box;*/ }
.RollDiv{ float:right; width:740px; height:50px; overflow:hidden;}  
.RollDiv > div{overflow:hidden; height:50px; padding:10px 20px 0; width:1200px}
.RollDiv > div > a{ float:left; display:block;}  
.RollDiv > div > a > img{ /*width:180px; height:84px;*/margin-right:10px;}



.findID { position: relative; /*margin: 0 10px;*/ float:left; width:48%; margin:0 2% 0 0; padding:30px; background:#f9fafa; border-top:1px solid #1189c4; border-bottom:1px solid #e5e5e5; box-sizing:border-box; }
.findID h2 { font-size: 17px;color: #0f609f; font-weight:600; line-height:150%; padding:0 0 20px 0;}
.findID h2 span { font-size: 12px;color: #555; font-weight:200; line-height:150%;}
.findID dl { position: relative; padding: 10px 30px; }
.findID dt { position: absolute; width:60px; height: 27px; padding-top: 3px;  }
.findID dd { margin-left: 70px; height: 30px; }
.findID .findBtn { position: absolute; top: 63px; right: 66px; }

.findPW { position: relative; float:left; width:50%; padding:30px; background:#f9fafa; border-top:1px solid #1189c4; border-bottom:1px solid #e5e5e5; box-sizing:border-box;/*margin: 50px 10px; padding-top: 50px; border-top: solid 1px #d8d8d8; */}
.findPW h2 { font-size: 17px;color: #0f609f; font-weight:600; line-height:150%; padding:0 0 20px 0;}
.findPW h2 span { font-size: 12px;color: #555; font-weight:200; line-height:150%;}
.findPW dl { position: relative; padding: 10px 30px; }
.findPW dt { position: absolute; width: 60px; height: 27px; padding-top: 3px;  }
.findPW dd { margin-left: 70px; height: 30px; }
.findPW .findBtn { position: absolute; top: 113px; right: 54px; }

.courseInfo { margin: 50px 0 0 0; background: #f8f8f8; }
.courseInfo dt { width: 105px; padding: 3px 10px;  background: #89d0f2; color: white; font-weight: 700; }
.courseInfo dd { padding: 10px 10px 30px 10px; background: white; }

/* 강의실 부분 */
.spmArea { position: absolute; top: 0; left: 0; background: url("../Images/studyPopupBg.png") 50% 50% white; overflow: hidden; padding: 30px; }
.spm { position: relative; background: white; overflow: auto; padding: 65px 20px 20px 20px; border: solid 10px #ccc; }
.iframeArea { overflow: hidden; }
.studyPopupMenu { position: absolute; bottom: 0; width: 100%; background: url("../Images/studyPopupMenuBg.png"); height: 23px; margin: 0;}
.studyPopupMenu h2 { float: left; padding: 0 0 0 30px; }
.studyPopupMenu ul { float: right; height: 23px; padding: 3px 30px; }
.studyPopupMenu ul li { float: left; font-size: 11px; }
.studyPopupMenu ul li a { display: block; padding: 0 15px 0 15px; cursor: pointer; }
.studyPopupMenu ul li:hover { background: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url("/javascript/Common/PIE.php"); }
.studyPopupMenu ul li:hover a { color: white; text-decoration: none; }
.spm .spmHeader { position: absolute; top: 0; left: 0; height: 65px; background: white; }
.spm .spmHeader h1 { padding: 20px 20px; }
.spm .spmHeader .spmClose { position: absolute; right: 10px; top: 20px; cursor: pointer; }
.spm h3 { color: #3788b7; font-size: 12px; padding: 5px 10px; }
.spm .spmTextArea { background: #ececec; margin: 30px 0; padding: 20px; line-height: 150%; }

.imgPack { background: url("../Images/imgPack.png") no-repeat; overflow: hidden; font-size: 0; line-height: 100px; display: block; display: inline-block; }
.imgPack._Logo { background-position: -687px -108px; width: 100px; height: 45px; }
.imgPack._BottomLogo { background-position: -687px -155px; width: 147px; height: 62px; }
.imgPack._Menu1 { background-position: 0 0; width: 172px; height: 54px; }
.imgPack._Menu2 { background-position: -172px 0; width: 167px; height: 54px; }
.imgPack._Menu3 { background-position: -339px 0; width: 167px; height: 54px; }
.imgPack._Menu4 { background-position: -507px 0; width: 167px; height: 54px; }
.imgPack._Menu5 { background-position: -674px 0; width: 171px; height: 54px; }
.imgPack._Menu1.on, .imgPack._Menu1:hover { background-position: 0 -54px; width: 172px; height: 54px; }
.imgPack._Menu2.on, .imgPack._Menu2:hover { background-position: -172px -54px; width: 167px; height: 54px; }
.imgPack._Menu3.on, .imgPack._Menu3:hover { background-position: -339px -54px; width: 167px; height: 54px; }
.imgPack._Menu4.on, .imgPack._Menu4:hover { background-position: -507px -54px; width: 167px; height: 54px; }
.imgPack._Menu5.on, .imgPack._Menu5:hover { background-position: -674px -54px; width: 171px; height: 54px; }
.imgPack._TitleLogin { background-position: 0 -108px; width: 120px; height: 30px; }
.imgPack._TitleNotice { background-position: 0 -138px; width: 190px; height: 30px; }
.imgPack._TitleQuick { background-position: 0 -168px; width: 120px; height: 30px; }
.imgPack._TitleCustomer { background-position: 0 -198px; width: 120px; height: 30px; }
.imgPack._TitleBank { background-position: 0 -228px; width: 150px; height: 30px; }
.imgPack._TitleBest { background-position: -192px -258px; width: 180px; height: 35px; }
.imgPack._TitleOther { background-position: 0 -258px; width: 120px; height: 30px; }
.imgPack._TitleClient { background-position: 0 -288px; width: 120px; height: 30px; }
.imgPack._LoginBtn { background-position: -368px -108px; width: 49px; height: 20px; }
.imgPack._LoginBullet { background-position: -559px -198px; width: 8px; height: 10px; }
.imgPack._LoginMyStudy { background-position: -559px -208px; width: 111px; height: 15px; }
.imgPack._RegistBtn { background-position: -190px -108px; width: 49px; height: 12px; }
.imgPack._FindBtn { background-position: -241px -108px; width: 119px; height: 12px; }
.imgPack._LeftQuick1 { background-position: -192px -138px; width: 60px; height: 60px; }
.imgPack._LeftQuick2 { background-position: -252px -138px; width: 60px; height: 60px; }
.imgPack._LeftQuick3 { background-position: -312px -138px; width: 60px; height: 60px; }
.imgPack._LeftQuick4 { background-position: -192px -198px; width: 60px; height: 60px; }
.imgPack._LeftQuick5 { background-position: -252px -198px; width: 60px; height: 60px; }
.imgPack._LeftQuick6 { background-position: -312px -198px; width: 60px; height: 60px; }
.imgPack._LeftCustomer { background-position: -537px -108px; width: 150px; height: 90px; }
.imgPack._LeftBank1 { background-position: -372px -138px; width: 165px; height: 30px; }
.imgPack._LeftBank2 { background-position: -372px -168px; width: 165px; height: 30px; }
.imgPack._LeftBank3 { background-position: -372px -198px; width: 165px; height: 30px; }
.imgPack._LeftBank4 { background-position: -372px -228px; width: 165px; height: 30px; }
.imgPack._MainService1 { background-position: -192px -297px; width: 93px; height: 100px; }
.imgPack._MainService2 { background-position: -285px -297px; width: 113px; height: 100px; }
.imgPack._MainService3 { background-position: -398px -297px; width: 111px; height: 100px; }
.imgPack._MainService4 { background-position: -509px -297px; width: 110px; height: 100px; }
.imgPack._MainService5 { background-position: -619px -297px; width: 107px; height: 100px; }
.imgPack._MainService6 { background-position: -726px -297px; width: 99px; height: 100px; }
.imgPack._MainClientLeft { background-position: -537px -198px; width: 11px; height: 49px; }
.imgPack._MainClientRight { background-position: -548px -198px; width: 11px; height: 49px; }

.titleImgPack { background: url("../Images/titlePack.png") no-repeat; overflow: hidden; font-size: 0; line-height: 100px; display: block; }

.titleImgPack._SubTitle1_1 { background-position: 0 0px; width:220px; height: 30px; }
.titleImgPack._SubTitle1_2 { background-position: 0 -30px; width: 220px; height: 30px; }
.titleImgPack._SubTitle1_3 { background-position: 0 -60px; width: 220px; height: 30px; }
.titleImgPack._SubTitle1_4 { background-position: 0 -90px; width: 220px; height: 30px; }

.titleImgPack._SubTitle2_1 { background-position: 0 -120px; width: 220px; height: 30px; }
.titleImgPack._SubTitle2_2 { background-position: 0 -150px; width: 220px; height: 30px; }
.titleImgPack._SubTitle2_3 { background-position: 0 -180px; width: 220px; height: 30px; }
.titleImgPack._SubTitle2_4 { background-position: 0 -1200px; width: 220px; height: 30px; }

/*.titleImgPack._SubTitle3_1 { background-position: 0 -120px; width: 136px; height: 20px; }*/
.titleImgPack._SubTitle3_1 { background-position: 0 -210px; width: 220px; height: 30px; }
.titleImgPack._SubTitle3_2 { background-position: 0 -240px; width: 220px; height: 30px; }
.titleImgPack._SubTitle3_3 { background-position: 0 -270px; width: 220px; height: 30px; }
.titleImgPack._SubTitle3_4 { background-position: 0 -300px; width: 220px; height: 30px; }
.titleImgPack._SubTitle3_5 { background-position: 0 -1170px; width: 220px; height: 30px; }

.titleImgPack._SubTitle4_1 { background-position: 0 -330px; width: 220px; height: 30px; }
.titleImgPack._SubTitle4_2 { background-position: 0 -360px; width: 220px; height: 30px; }
.titleImgPack._SubTitle4_3 { background-position: 0 -390px; width: 220px; height: 30px; }

.titleImgPack._SubTitle5_1 { background-position: 0 -420px; width: 220px; height: 30px; }
.titleImgPack._SubTitle5_2 { background-position: 0 -450px; width: 220px; height: 30px; }
.titleImgPack._SubTitle5_3 { background-position: 0 -480px; width: 220px; height: 30px; }
.titleImgPack._SubTitle5_4 { background-position: 0 -510px; width: 220px; height: 30px; }
.titleImgPack._SubTitle5_5 { background-position: 0 -540px; width: 220px; height: 30px; }
.titleImgPack._SubTitle5_6 { background-position: 0 -570px; width: 220px; height: 30px; }
.titleImgPack._SubTitle5_7 { background-position: 0 -1050px; width: 220px; height: 30px; }

.titleImgPack._SubTitle6_1 { background-position: 0 -660px; width: 220px; height: 30px; }
.titleImgPack._SubTitle6_2 { background-position: 0 -690px; width: 220px; height: 30px; }
.titleImgPack._SubTitle6_3 { background-position: 0 -720px; width: 220px; height: 30px; }
.titleImgPack._SubTitle6_4 { background-position: 0 -750px; width: 220px; height: 30px; }
.titleImgPack._SubTitle6_5 { background-position: 0 -780px; width: 220px; height: 30px; }
.titleImgPack._SubTitle6_6 { background-position: 0 -810px; width: 220px; height: 30px; }


/* 회사소개 */
.titleImgPack._SubTitle7_1 { background-position: 0 -600px; width: 220px; height: 30px; }
.titleImgPack._SubTitle7_2 { background-position: 0 -630px; width: 220px; height: 30px; }
.titleImgPack._SubTitle7_3 { background-position: 0 -660px; width: 220px; height: 30px; }
.titleImgPack._SubTitle7_4 { background-position: 0 -690px; width: 220px; height: 30px; }
.titleImgPack._SubTitle7_5 { background-position: 0 -720px; width: 220px; height: 30px; }
.titleImgPack._SubTitle7_6 { background-position: 0 -750px; width: 220px; height: 30px; }

.titleImgPack._SubTitle8_1 { background-position: 0 -840px; width: 220px; height: 30px; }
.titleImgPack._SubTitle8_2 { background-position: 0 -870px; width: 220px; height: 30px; }
.titleImgPack._SubTitle8_3 { background-position: 0 -900px; width: 220px; height: 30px; }
.titleImgPack._SubTitle8_4 { background-position: 0 -930px; width: 220px; height: 30px; }
.titleImgPack._SubTitle8_5 { background-position: 0 -960px; width: 220px; height: 30px; }
.titleImgPack._SubTitle8_6 { background-position: 0 -990px; width: 220px; height: 30px; }
.titleImgPack._SubTitle8_7 { background-position: 0 -1020px; width: 220px; height: 30px; }

.titleImgPack._SubLeftMenuTitle1 { background-position: -200px 0px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle2 { background-position: -200px -49px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle3 { background-position: -200px -98px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle4 { background-position: -200px -147px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle5 { background-position: -200px -196px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle6 { background-position: -200px -245px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle7 { background-position: -200px -294px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle8 { background-position: -200px -343px; width: 182px; height: 49px; }





/* 수강생 유의사항 */
.StudyAttention { clear:both;}
.StudyAttention_ttl { text-align:center; font-size:20px; font-weight:600; color:#F30; font-family:nanumsquareb;}
.StudyAttention ul { position:relative; clear:both; padding:15px 0 5px 5px;}
.StudyAttention ul li { float:left; line-height:150%;}
.StudyAttention ul li:nth-child(1) { position:absolute; left:0; top:15px; font-weight:600; color:#000; font-size:15px;}
.StudyAttention ul li:nth-child(2) { padding:0 0 0 20px;}


/** 모사답안 */
.ruleConts { clear:both;}
.rule_ttl { color:#000; font-weight:600; line-height:180%; font-size:17px; margin:0 0 7px 0;}
.rule_ttl span { color:#F60;}
.ruleConts ul { clear:both; padding:0 0 20px 15px;}
.ruleConts ul li { position:relative; padding:0 0 5px 20px; line-height:150%;}
.ruleConts ul li span { position:absolute; left:0; width:25px; display:inline-block;}


.ruleConts_2type li { margin:5px 0 7px 10px !important; padding:5px 0 7px 90px !important; line-height:50px !important;font-size:16px; border:1px solid #e9e3d3; border-radius:10px; background:#fbf9f3; overflow:hidden;}
.rule_stpe { width:50px !important; height:50px; display:inline-block; background:#CCC; color:#fff; border-radius:50px; padding:3px 5px; text-align:center; font-family:nanumsquareb; }
.ruleConts_2type li:nth-of-type(1) span { margin-left:10px; width:50px !important; height:47px; display:inline-block; background:#dcaa30 !important; color:#fff; border-radius:50px; padding:3px 5px; text-align:center; font-family:nanumsquareb; }
.ruleConts_2type li:nth-of-type(2) span  { margin-left:10px;width:50px !important; height:47px; display:inline-block; background:#e5b541 !important; color:#fff; border-radius:50px; padding:3px 5px; text-align:center; font-family:nanumsquareb; }
.ruleConts_2type li:nth-of-type(3) span  { margin-left:10px; width:50px !important; height:47px; display:inline-block; background:#f8c750; color:#fff; border-radius:50px; padding:3px 5px; text-align:center; font-family:nanumsquareb; }
.ruleConts_2type li:nth-of-type(4) span  { margin-left:10px; width:50px !important; height:47px; display:inline-block; background:#facf67; color:#fff; border-radius:50px; padding:3px 5px; text-align:center; font-family:nanumsquareb; }
.ruleConts_2type li:nth-of-type(5) span  { margin-left:10px; width:50px !important; height:47px; display:inline-block; background:#fcdc90; color:#fff; border-radius:50px; padding:3px 5px; text-align:center; font-family:nanumsquareb; }

/* 유의사항 */
.Attention_ttl { text-align:center; padding:0 0 0 75px; height:70px; line-height:70px; font-family:nanumsquareb; font-weight:600; font-size:27px; color:#3e3e3e;}
.Attention_ttl:before { content:''; vertical-align:middle; display:inline-block; margin-left:-70px; height:70px; width:70px; background:url(../Images/StudyAttention_bullet.png) left center no-repeat;}
.Attention_ttl span { color:#ef5f4b; padding:0 0 0 10px; }
.Attention { max-width:100%; margin: 0 auto 30px; border-top: 1px solid #d9e5e8;}
.Attention li { border-bottom: 1px solid #d9e5e8; position: relative;}
.Attention li p { display: none; padding: 10px 25px 30px; color: #6b97a4; background:#f1f6f8;}
.Attention a { width: 100%; display: block; cursor: pointer; font-weight: 600; line-height: 3; font-size: 14px; font-size: 0.875rem; text-indent: 15px; user-select: none;}
.Attention a:after { width: 8px; height: 8px; border-right: 1px solid #4a6e78;  border-bottom: 1px solid #4a6e78;  position: absolute;  right: 10px;  content: " ";  top: 17px;  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.Attention p { font-size: 13px; font-size: 0.8125rem; line-height: 2; padding: 10px;}
a.active:after { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}


/* 찾아오시는길 */
.bullet_ttl { background:url(../Images/bullet_ttl_icon.jpg) 15px center no-repeat; padding:0 0 0 57px; font-size:24px; color:#333; height:55px; line-height:55px;}
.map_wrap { clear:both;}
.map_conts { clear:both; margin-top:50px; border-top:1px solid #eaeaea; background:#fafafa; border-bottom:1px solid #eaeaea; padding:20px 0 0px 30px; overflow:hidden;}
.map_conts dl { padding:0 0 30px 0; }
.map_conts dl dt { font-size:16px; color:#000; font-weight:500;}
.map_conts dl dt img { padding:0 10px 0 0; vertical-align:middle;}
.map_conts dl dd { color:#828282; font-size:14px; padding:0 0 0 40px; font-weight:300;}


/* style Conts */
.conts_Line_A { border-top:1px solid #777; overflow:hidden; margin:0 0 35px 0;}
.style_type_A { clear:both; width:100%;}
.style_type_A_ttl { background:url(../Images/bullet_ttl_icon.jpg) 40px center no-repeat; padding:16px 0 16px 80px; font-size:22px; color:#000; height:55px; line-height:55px; font-family:nanumsquareb;}
.style_type_A_ttl span { color:#4375bf;font-family:nanumsquareb; }

.style_type_B { background:#fafafa; border-top:1px solid #777; border-bottom:1px solid #eaf0fa; overflow:hidden; margin:0 0 15px 0; clear:both; width:100%;}

.style_type_B_ttl { background:url(../Images/bullet_ttl_icon.jpg) 40px center no-repeat; padding:16px 0 16px 80px; font-size:22px; color:#000; height:55px; line-height:55px; font-family:nanumsquareb;border-bottom:1px solid #eee;}
.style_type_B_ttl span { color:#4375bf;font-family:nanumsquareb; }

.style_type_A .style_type_conts { background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:25px 40px; overflow:hidden; line-height:150%;}

/* 환급절차 */
.rebate_ul { float:left; width:33%; border-right:1px solid #e9e9e9; border-left:1px solid #fff; box-sizing:border-box; padding:25px; overflow:hidden;}
.rebate_ul li { text-align:center; font-size:15px; color:#4a4a4a;}
.rebate_ul li:nth-child(1), .rebate_ul li:nth-child(2) { background:url(../Images/arrow_type_A.png) center 30px no-repeat; padding:0 0 50px 0; height:30px;}



/* 연혁 */
.history_wrap { clear:both; padding:0 0 0 0px; border-top:1px solid #333;}
.history_conts { width:100%; clear:both; position:relative; background:url(../Images/history_dot.png) left bottom repeat-x; overflow:hidden; padding:25px 0;}
.history_conts .history_year { position:absolute; top:28px; left:35px; color:#4375bf; font-size:27px; font-weight:600;font-family:nanumsquareb;}
.history_conts dl { padding:0 0 0 20%; }
.history_conts dt { display:none; float:left; width:17%; color:#000; font-size:16px; font-weight:600; font-family:nanumsquareb; padding:0 0 5px 0; box-sizing:border-box;}
.history_conts dd { float:left; width:83%; color:#474747 !important; font-size:14px; background:url(../Images/bullet_dot.png) left 10px no-repeat; padding:0 0 5px 10px; box-sizing:border-box;}
.history_conts li { background:url(../Images/bullet_dot.png) left 10px no-repeat; padding:0 0 5px 10px; box-sizing:border-box; margin-left:-10px;}

/* 사업영역 */
.busi_box { clear:both;}
.busi_box li { position:relative; display:table; float:left; width:100px;/* height:100px;*/ border-radius:100px; background:#323232; text-align:center; margin:0 23px;}
.busi_box li:nth-child(1) { background:url(../Images/busi_icon_1.png) left top no-repeat; height:150px; padding:115px 0 25px 0; box-sizing:border-box;}
.busi_box li:nth-child(2) { background:url(../Images/busi_icon_2.png) left top no-repeat; height:150px; padding:115px 0 25px 0;box-sizing:border-box;}
.busi_box li:nth-child(3) { background:url(../Images/busi_icon_3.png) left top no-repeat; height:150px; padding:115px 0 25px 0;box-sizing:border-box;}
.busi_box li:nth-child(4) { background:url(../Images/busi_icon_4.png) left top no-repeat; height:150px; padding:115px 0 25px 0;box-sizing:border-box;}
.busi_box li:nth-child(5) { background:url(../Images/busi_icon_5.png) left top no-repeat; height:150px; padding:115px 0 25px 0;box-sizing:border-box;}
.busi_box li:after { content:''; background:url(../Images/leftmenu_off_arrow.png) right center no-repeat; position:absolute; width:10px; height:10px; top:18%; right:-26px;}
.busi_box li span { font-size:14px; color:#2a5070; font-weight:600; text-align:center; letter-spacing:-0.5px;}
.busi_box li.last { padding:123px 0 0 0;}
.busi_box li.last:after { content:''; background:none; position:absolute; width:10px; height:10px; top:45%; right:-26px;}


/* 인사말 */
.greeting_wrap { clear:both; position:relative; padding:0 0 0 20px;}
.greeting_copy { position:relative; padding-top:15px;}
.greeting_copy:before { position:absolute; content:''; display:inline-block; top:0px; width:30px; height:2px; background:#5e7fef;}
.greeting_copy p {  font-size:27px; line-height:130%; font-family:NanumSquareR;}
.greeting_conts { margin-top:50px; width:100%;}

.greeting_txt { font-size:14px; line-height:170%; color:#555;}
.greeting_txt:before { content:''; background:url(../Images/greeting_icon_top.png) center top no-repeat; width:100%; height:40px; display:inline-block; padding:0 0 20px 0; }
.greeting_txt:after { content:''; background:url(../Images/greeting_icon_bottom.png) center bottom no-repeat; width:100%; height:40px; display:inline-block; padding:0 0 20px 0; }

.greeting_txt_2 { clear:both; font-size:14px; color:#4375bf; text-align:center; line-height:140%; padding:40px 0 0 0;}

.greeting_txt_3 { text-align:center;  padding:60px 0 0 0;}


/* 회원인증 */
.membership_id { text-align:center; padding:168px 28px 0; background:#f9fafa url(../Images/member_id.png) center 20px no-repeat;}
.membership_phone { text-align:center; padding:168px 28px 0; background:#f9fafa url(../Images/member_phone.png) center 20px no-repeat;}