@charset "UTF-8"; 

@charset "UTF-8"; 

/********************************
메인페이지
 *******************************/

.main_inner {margin:0 auto; width:100%;}
.main_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.mc_area {margin:0 auto; max-width:1200px;}
.mc_area:after {content:''; display:block; visibility:hidden; clear:both;}

/*비쥬얼*/
.main_visualbox {position:relative; margin-bottom:50px;}
.main_visual {position:relative; min-height:450px; background-repeat:no-repeat; background-size:cover; background-color:##efefef;  background-position:center bottom;}
.main_visual .mc_area {position:relative;}
.main_visual.mv_imgbox1 {background-image:url(../images/main/main_img.jpg);}
.main_visual.mv_imgbox2 {background-image:url(../images/main/main_img02.jpg);}
.main_visual.mv_imgbox3 {background-image:url(../images/main/main_img03.jpg); z-index:-1;}
.main_visual .main_tbox {display:block; padding-top:120px; width:35%;}
.main_visual .main_tbox p {position:relative; width:422px; height:41px;}
.main_visual .main_tbox p:before {content:''; position:absolute; left:0; top:0; width:422px; height:41px; background-image:url(../images/main_ir.png); background-repeat:no-repeat;}
.main_visual.mv_imgbox1 .main_tbox p:before {background-position:-173px 0;}
.main_visual.mv_imgbox2 .main_tbox p:before {background-position:-173px -123px;}
.main_visual .main_tbox span {font-size:2.0rem;}

.ir-text {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

/*초점*/
.SslideA{display:inline-block !important; width:100%; height:100%;}
.SslideA:focus{  outline:2px solid red; outline-offset:-2px; z-index:100;}


/*메인이미지 페이징*/
.mv_ctrl {position:relative; margin:0 auto; width:1200px;}
.mvctrl_box {position:absolute; left:0; bottom:60px; z-index:30;}
.mvctrl_box > dl {}
.mvctrl_box > dl dd {position:relative; display:inline-block; float:left;}
.mvctrl_box > dl dd .ctrl_cont,
.mvctrl_box > dl dd a {position:relative; display:block; width:42px; height:42px; box-sizing:border-box;}
.mvctrl_box > dl dd a:before {content:''; position:absolute; left:0; top:0; width:42px; height:42px; background-image:url(../images/main_ir.png); background-repeat:no-repeat;}
.mvctrl_box > dl dd a.ctrl_prev:before {background-position:0 -167px;}
.mvctrl_box > dl dd a.ctrl_stop:before {background-position:-43px -167px;}
.mvctrl_box > dl dd a.ctrl_play:before {background-position:-86px -167px;}
.mvctrl_box > dl dd a.ctrl_next:before {background-position:-129px -167px;}
.mvctrl_box > dl dd span.ctrl_cont {padding:0 10px; line-height:35px; width:auto;}
.mvctrl_box > dl dd span.ctrl_cont strong {padding-right:5px; font-weight:500; font-size:2.4rem; text-decoration:underline; color:#222;}


	/*media query*/
@media screen and (max-width:1200px) {
	.main_visual {min-height:400px;}
	.main_visual .main_tbox {width:45%;}
	.main_visual .main_tbox {padding-top:100px;}
	
	.mv_ctrl {width:auto;}
}
@media screen and (max-width:1024px) {
	.mc_area {padding:0 20px;}
	
	.main_visualbox {margin-bottom:40px;}
	.main_visual {min-height:380px;}
	
	.mvctrl_box {left:20px; bottom:50px;}
}
@media screen and (max-width:920px) {
	.main_visualbox {margin-bottom:30px;}
	.main_visual {min-height:350px;}
	.main_visual .main_tbox {padding-top:80px;}
}
@media screen and (max-width:767px) {
	.mc_area {padding:0 10px;}
	
	.main_visualbox {margin-bottom:20px;}
	.main_visual {min-height:400px;}
	.main_visual.mv_imgbox1 {background-image:url(../images/main/main_img_m.jpg);}
	.main_visual.mv_imgbox2 {background-image:url(../images/main/main_img_m2.jpg);}
	.main_visual.mv_imgbox3 {background-image:url(../images/main/main_img_m3.jpg); }
	.main_visual .main_tbox {padding-top:60px; width:60%;}
	.main_visual .main_tbox p {width:318px; height:32px;}
	.main_visual .main_tbox p:before {width:318px; height:32px; }
	.main_visual.mv_imgbox1 .main_tbox p:before {background-position:-173px -42px;}
	.main_visual.mv_imgbox2 .main_tbox p:before {background-position:-173px -165px;}
	.main_visual .main_tbox span {font-size:1.8rem;}
	
	.mvctrl_box {left:10px;}
	.mvctrl_box > dl dd a {width:32px; height:32px;}
	.mvctrl_box > dl dd a:before {width:32px; height:32px;}
	.mvctrl_box > dl dd a.ctrl_prev:before {background-position:0 -210px;}
	.mvctrl_box > dl dd a.ctrl_stop:before {background-position:-33px -210px;}
	.mvctrl_box > dl dd a.ctrl_play:before {background-position:-66px -210px;}
	.mvctrl_box > dl dd a.ctrl_next:before {background-position:-99px -210px;}
	
	.mvctrl_box > dl dd span.ctrl_cont {line-height:30px;}
	.mvctrl_box > dl dd span.ctrl_cont strong {font-size:2.0rem;}
}
@media screen and (max-width:640px) {
	.main_visual {min-height:350px;}
	.main_visual .main_tbox span {font-size:1.6rem;}
}
@media screen and (max-width:480px) {
	.main_visual {min-height:280px;}
	.main_visual .main_tbox {padding-top:30px; width:70%;}
	.main_visual .main_tbox p {width:254px; height:25px;}
	.main_visual .main_tbox p:before {width:254px; height:25px;}
	.main_visual.mv_imgbox1 .main_tbox p:before {background-position:-173px -75px;}
	.main_visual.mv_imgbox2 .main_tbox p:before {background-position:-173px -198px;}
	.main_visual .main_tbox span {font-size:1.4rem;}
	
	.mvctrl_box {bottom:20px;}
}
@media screen and (max-width:380px) {
	.main_visual {min-height:230px;}
}


/*아이콘,알림창*/
.main_icon {margin-bottom:50px;}
.main_icon .mi_inner {display:inline-block; float:left;}
.main_icon .icon_box {width:60%;}
.main_icon .info_box {padding-left:20px; width:40%;}

.icon_tp {}
.icon_tp ul {display:block; margin-left:-20px;}
.icon_tp ul:after {content:''; display:block; visibility:hidden; clear:both;}
.icon_tp li {display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px;}
.icon_tp li:after {content:''; display:block; visibility:hidden; clear:both;}
.icon_tp li a,
.icon_bt li a {display:block; padding:40px 10px 10px; height:215px; border:1px solid #ddd; border-radius:10px; text-align:center; box-shadow:2px 2px 10px #d2d4e0; box-sizing:border-box; background-color:#fff;}
.icon_tp li:hover a,
.icon_tp li:active a,
.icon_tp li:focus a,
.icon_bt li:hover a,
.icon_bt li:active a,
.icon_bt li:focus a {border-color:#004a91; color:#004a91;}

.icon_tp li a i,
.icon_bt li a i {display:block; margin:0 auto; width:85px; height:85px; background-position:center center; background-repeat:no-repeat; background-size:auto;}
.icon_tp li a i.con01_01 {background-image:url(../images/main/main_icon2_1.png);}
.icon_tp li a i.con01_02 {background-image:url(../images/main/main_icon2_2.png);}
.icon_tp li a i.con01_03 {background-image:url(../images/main/main_icon2_3.png);}
.icon_bt li a i.con02_01 {background-image:url(../images/main/main_icon05.png);}
.icon_bt li a i.con02_02 {background-image:url(../images/main/main_icon04.png);}
.icon_bt li a i.con02_03 {background-image:url(../images/main/main_icon01.png);}

.icon_bt {}
.icon_bt ul {display:block; margin-left:-20px;}
.icon_bt ul:after {content:''; display:block; visibility:hidden; clear:both;}
.icon_bt li {display:inline-block; float:left; width:33.3333%; padding-left:20px;}
.icon_bt li:after {content:''; display:block; visibility:hidden; clear:both;}

.icon_area li a h3 {margin-bottom:0; margin-top:15px; line-height:1.3; color:#444; font-size:1.8rem;}


/*알림창*/
.info_box {}
.info_box .info_inner {position:relative; border:1px solid #ddd; border-radius:10px; box-shadow:2px 2px 10px #d2d4e0;}
.info_box .info_inner li img {border-radius:10px; width:100%; height:450px;}

.info_box .ctrl_box {position:absolute; right:0; bottom:0; z-index:30;}
.info_box .ctrl_box > dl {}
.info_box .ctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.info_box .ctrl_box > dl dd .ctrl_cont,
.info_box .ctrl_box > dl dd a {position:relative; display:block; width:35px; height:35px; box-sizing:border-box;}.info_box .ctrl_box > dl dd .ctrl_cont,
.info_box .ctrl_box > dl dd a {border:1px solid #000; border:1px solid #000; background-color:rgba(0,0,0,0.6);}
.info_box .ctrl_box > dl dd a.ctrl_prev {border-top-left-radius:10px;}
.info_box .ctrl_box > dl dd a.ctrl_next {border-bottom-right-radius:10px;}
.info_box .ctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-5px; width:11px; height:17px; background-image:url(../images/main_ir.png); background-repeat:no-repeat;}
.info_box .ctrl_box > dl dd a.ctrl_prev:before {background-position:-173px -101px;}
.info_box .ctrl_box > dl dd a.ctrl_stop:before {background-position:-185px -101px;}
.info_box .ctrl_box > dl dd a.ctrl_play:before {background-position:-197px -101px;}
.info_box .ctrl_box > dl dd a.ctrl_next:before {background-position:-209px -101px;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.main_icon {margin-bottom:40px;}
	.main_icon .icon_box, .main_icon .info_box {width:50%;}
	.icon_tp li a, .icon_bt li a {padding-top:35px;}
	.icon_tp li a i,
	.icon_bt li a i {width:70px; height:70px; background-size:70% auto;}
	.icon_area li a h3 {font-size:1.7rem;}
}
@media screen and (max-width:960px) {
	.icon_area li a h3.line1 {padding-top:10px;}
}
@media screen and (max-width:920px) {
	.main_icon {margin-bottom:30px;}
	.icon_tp li a,
	.icon_bt li a {height:190px;}
	.icon_tp li a, .icon_bt li a {padding-top:20px;}
	.info_box .info_inner li img {height:400px;}
}
@media screen and (max-width:767px) {
	.main_icon {margin-bottom:20px;}
	.main_icon .mi_inner {display:block; float:none;}
	.main_icon .icon_box, .main_icon .info_box {width:100%;}
	
	.icon_tp ul {margin-left:-10px;}
	.icon_tp li {padding:0 0 10px 10px;}
	.icon_bt ul {margin-left:-10px;}
	.icon_bt li {padding-left:10px;}
	.icon_tp li a, .icon_bt li a {padding-top:10px; height:150px; box-shadow:1px 1px 3px #d2d4e0;}
	.icon_tp h3, .icon_bt h3 {margin-top:5px;}
	 
	.icon_area li a h3 {margin-top:5px;}
	.icon_area li a h3.line1 {padding-top:0;}
	
	.main_icon .info_box {padding-left:0; padding-top:10px;}
	.info_box .info_inner {box-shadow:1px 1px 3px #d2d4e0;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.icon_bt li a i {width:70px; height:70px; background-size:70% auto;}
	.info_box .info_inner li img {height:350px;}
	
	.icon_tp ul,
	.icon_bt ul {margin-left:0;}
	.icon_tp li,
	.icon_bt li {display:block; float:left; width:100%;}
	.icon_tp li,
	.icon_bt li {padding-left:0;}
	.icon_bt li {padding-bottom:10px;}
	.icon_bt li:nth-child(3) {padding-bottom:0;}
	
	.main_icon .icon_box {display:block;}
	.main_icon .icon_box:after {content:''; display:block; visibility:hidden; clear:both;}
	.icon_area {display:inline-block; float:left; width:50%;}
	.icon_area.icon_tp {padding-right:5px;}
	.icon_area.icon_bt {padding-left:5px;}
	.icon_area li a h3 {font-size:1.5rem;}
}
@media screen and (max-width:380px) {
	.info_box .info_inner li img {height:320px;}
}


/*새소식*/
.main_notice {margin-bottom:50px;}
.notice_list {position:relative; z-index:2;}
.notice_list:after {content:''; display:block; visibility:hidden; clear:both;}
.notice_list .nt_tit {display:block; padding-right:10px; width:8%; position:absolute; top:0; height:50px; font-size:1.6rem; font-weight:500; box-sizing:border-box;}
.notice_list .nt_tit.tit01 {left:0;}
.notice_list .nt_tit.tit02 {left:12%; width:12%;}
.notice_list .nt_tit.tit03 {left:20%;}
.notice_list .nt_tit span {display:inline-block; padding-top:12px}
.notice_list .nt_tit:hover span,
.notice_list .nt_tit:active span,
.notice_list .nt_tit:focus span {color:#121212; text-decoration:underline;}
.notice_list .nt_tit.on span {position:relative; font-weight:600; color:#007dc6; text-decoration:none;}
.notice_list .nt_tit.on span:before {display:inline-block; content:''; position:absolute; left:50%; bottom:-10px; margin-left:-4px; width:0; height:0; border:solid transparent; border-width:4px; border-color:rgba(0,125,198,0); border-top-color:#007dc6;}

.notice_list .list_box {display:none; padding-top:65px;}
.notice_list .list_box ul {display:block; margin-left:-20px;}
.notice_list .list_box ul:after {content:''; display:block; visibility:hidden; clear:both;}
.notice_list .list_box li {overflow:hidden; position:relative; display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px; }
.notice_list .list_box li:after {content:''; display:block; visibility:hidden; clear:both;}
.notice_list .list_box li .list_inner {padding:20px; border:1px solid #ddd; border-radius:10px;}
.notice_list .list_box li a {overflow:hidden; color:#333; min-height:49px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.notice_list .list_box li a .n_new {position:relative; display:inline-block; width:20px; margin-right:4px; text-indent:-9999px;}
.notice_list .list_box li a .n_new:before {content:''; display:block; position:absolute; left:0; top:2px; width:20px; height:20px; background:url(../images/main_ir.png) -221px -101px no-repeat;}

.notice_list .list_box li .n_date {display:block; padding-top:10px; color:#767676;}
.notice_list .list_box li .n_date strong {font-weight:400;}

.notice_list .list_box .btn_more {display:inline-block; position:absolute; right:0; top:5px; width:39px; height:39px;}
.notice_list .list_box .btn_more:before {content:''; position:absolute; left:50%; top:50%; margin-top:-18px; margin-left:-18px; width:39px; height:39px; background:url(../images/main_ir.png) 0 -127px no-repeat;}


/*고객센터 메인-청년,신혼 구분*/
.ctgr_mark {position:relative; display:inline-block; padding:0 7px; line-height:22px; font-size:1.0rem; border-radius:20px; color:#fff; text-align:center;}
.ctgr_mark.yt_btn {background-color:#123ea1;}
.ctgr_mark.mr_btn {background-color:#c32121;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.main_notice {margin-bottom:40px;}
	.notice_list .nt_tit.tit02 {width:12%;}
	.notice_list .nt_tit.tit03 {left:20%;}
}
@media screen and (max-width:920px) {
	.main_notice {margin-bottom:30px;}
	.notice_list .nt_tit {width:13%;}
	.notice_list .nt_tit.tit02 {left:20%; width:20%;}
	.notice_list .nt_tit.tit03 {left:34%;}
}
@media screen and (max-width:767px) {
	.main_notice {margin-bottom:20px;}
	.notice_list .list_box ul {margin-left:-10px;}
	.notice_list .list_box li {width:50%;  padding:0 0 10px 10px;}
	.notice_list .nt_tit {width:15%;}
	.notice_list .nt_tit.tit02 {left:22%; width:22%;}
	.notice_list .nt_tit.tit03 {left:38%;}
	
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.notice_list .list_box li {display:block; float:none; width:100%;}
  	.notice_list .list_box li a {min-height:auto;}
	.notice_list .nt_tit {width:23%;}
	.notice_list .nt_tit.tit02 {left:33%; width:30%;}
	.notice_list .nt_tit.tit03 {left:58%;}
}
@media screen and (max-width:380px) {
}