@charset "utf-8";
#body_layout .body_wrap {width:100%;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
a:hover {text-decoration: none;}

#body_layout .body_wrap {border-top: 1px solid #e5e5e5;}
#mcont {overflow: hidden;position:relative;max-width: 2200px;height:840px;margin: 0 auto;padding-right: 925px;padding-bottom:0px;}
.m_ir {background:url(/template/template_i1/images/main/m_ir.png)no-repeat;}

/* TouchSlider 기본 시작 */
.sliderBox,
.sliderBox ul,
.sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;}
.sliderBox{ overflow:hidden;}
.sliderBox ul{ position:relative;}
.sliderBox ul li{ position:absolute; top:0; left:0;}
/* TouchSlider 기본 끝 */

/* con01 시작 */
.con01 {overflow: hidden;position:relative;width: 100%;height: 100%;}
.con01 .mvisual_wrap {display:inline-block;position:relative;width:100%;height: 100%;padding:0;margin:0;}
.con01 .mvisual_wrap .sliderBox{position: absolute;left:0;top:0;width:100%;z-index: -1;}
.con01 .mvisual_wrap .sliderBox ul li { height:1038px;}
.con01 .mvisual_wrap .sliderBox ul li .thumbResize_A {position: relative; display: inline-block; width: 100%;height: 100%;overflow: hidden;}
.con01 .mvisual_wrap .sliderBox ul li .thumbResize_A img { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1000%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.con01 .tit {padding:100px 0 0;text-align:center; }
#counsel .con01 .tit strong {display:block;margin:10px 0 40px;font-size:55px;color:#074360;font-weight:700;font-family:"nsr_m";line-height: 1.1;text-shadow: 0px 0px 15px white;}
#lifelong .con01 .tit strong {display:block;margin:10px 0 40px;font-size:55px;color:#0f6d8e;font-weight:700;font-family:"nsr_m";line-height: 1.1;}
.con01 .tit strong {display:block;margin:10px 0 40px;font-size:55px;color:#073076;font-weight:700;font-family:"nsr_m";line-height: 1.1;}
.con01 .tit p {margin:0; font-size:24px; color:#000; font-family:"nsr_m"; font-weight:700;}
.con01 .info_txt {display:inline-block;min-height:90px;margin:0 auto 80px;padding: 15px 0 0 105px;background:url(/template/template_i1/images/main/txt_bg01.png)no-repeat left center;}
#counsel .con01 .info_txt strong {display:block;font-size:20px; font-family:"nsr_m"; font-weight:700;margin: 0px 0px 10px 0px;}
.con01 .info_txt strong {display:block;font-size:20px; font-family:"nsr_m"; font-weight:700;}
.con01 .info_txt p {font-size:18px; }
.con01 .mvisual_wrap .controlBox .paging {display:inline-block;}
.con01 .mvisual_wrap .controlBox .paging .btn_page {width:4px; height:24px; margin:0 5px; background-position:-24px 0; }
.con01 .mvisual_wrap .controlBox .paging .btn_page.on {width:17px; height:24px; background-position:0 0;}
.con01 .mvisual_wrap .controlBox button {background:url(/template/template_i1/images/main/m_ir.png)no-repeat; font-size:0;}
.con01 .mvisual_wrap .controlBox button.btn_prev {width:24px; height:24px; background-position:-53px 0;}
.con01 .mvisual_wrap .controlBox button.btn_stop {width:24px; height:24px; background-position:-109px 0;}
.con01 .mvisual_wrap .controlBox button.btn_play {width:24px; height:24px; background-position:-137px 0;}
.con01 .mvisual_wrap .controlBox button.btn_next {width:24px; height:24px; background-position:-81px 0;}
/* con01 끝 */

.con_wrap {position:absolute;top:0; right:0;width:925px; height:100%;}
.con_wrap_inner {position:relative;padding-left: 225px;}

/* con02 시작 */
.con02 {position:absolute; left:0; top:0; width:225px;}
.con02 .link_wrap {}
.con02 .link_wrap .roww {width:100%; height:282px; padding-top:60px; text-align:center;}
.con02 .link_wrap .roww.roww01 {background:url(/template/template_i1/images/main/link_bg01.jpg)no-repeat center; background-size:cover;}
.con02 .link_wrap .roww.roww02 {background:url(/template/template_i1/images/main/link_bg02.jpg)no-repeat center; background-size:cover;}
#counsel .con02 .link_wrap .roww.roww03 {background:#4034fd;}
.con02 .link_wrap .roww.roww03 {background:#fdcb34;}

#lifelong .con02 .link_wrap .roww {width:100%; height:282px; text-align:center;}
#lifelong .con02 .link_wrap .roww.roww01 {background: linear-gradient(to bottom right, #3ea62d, #0561a2); padding-top: 35px; }
#lifelong .con02 .link_wrap .roww.roww02 {background:url(/template/template_i1/images/main/link_bg02.jpg)no-repeat center; background-size:cover;padding-top: 50px;}
#lifelong .con02 .link_wrap .roww.roww03 {background:#fdcb34;padding-top: 35px; }

.con02 .link_wrap .roww .ico {display:block; width:72px; margin:0 auto;}
.con02 .link_wrap .roww .ico.ico01 {height:88px; margin-bottom:20px; background-position:0 -27px;}
.con02 .link_wrap .roww .ico.ico02 {height:79px; margin-bottom:30px; background-position:0 -141px;}
.con02 .link_wrap .roww .ico.ico03 {height:85px; margin-bottom:33px; background-position:0 -236px;}
.con02 .link_wrap .roww strong {display:block; margin:0 0 10px;font-family:"nsr_m"; font-size:22px; color:#000;}
.con02 .link_wrap .roww p {line-height:1.4;}
.con02 .link_wrap .roww p span {display:block;line-height:1.4;}
.con02 .link_wrap .roww .fff {color:#fff;}
/* con02 끝 */

/* con03 시작 */
.con03 {}
.con03 .inner {padding:40px 50px}
.con03 .icon_wrap {}
.con03 .icon_wrap ul {border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.con03 .icon_wrap ul:after{display:block;clear:both;visibility:hidden;content:"";}
.con03 .icon_wrap ul li {float:left; position:relative; width:33.33%; height:130px;border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.con03 .icon_wrap ul li a {display:block; width:100%; height:100%; padding:18px 0 0;}
.con03 .icon_wrap ul li a:after {display:block;position:absolute;top:-10px;left:-10px;width:100%;height:100%;padding:10px;background:url(/template/template_i1/images/main/ov_bg.jpg)no-repeat center;background-size: cover;content:"";box-sizing:content-box;opacity:0;box-shadow:5px 10px 20px #aaa;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 1;}
.con03 .icon_wrap ul li a .ico {display:block; position:relative; height:49px; margin:0 auto 10px; z-index:2;}

#counsel .con03 .icon_wrap ul li a .ico.ico01 {width:45px; background-position:-100px -108px;}
#counsel .con03 .icon_wrap ul li a .ico.ico02 {width:45px; background-position:-153px -108px;}
#counsel .con03 .icon_wrap ul li a .ico.ico03 {width:45px; background-position:-222px -108px;}
#counsel .con03 .icon_wrap ul li a .ico.ico04 {width:45px; background-position:-284px -108px;}
#counsel .con03 .icon_wrap ul li a .ico.ico05 {width:45px; background-position:-344px -108px;}
#counsel .con03 .icon_wrap ul li a .ico.ico06 {width:45px; background-position:-403px -108px;}
#counsel .con03 .icon_wrap ul li a .ico.ico07 {width:45px; background-position:-100px -221px;}
#counsel .con03 .icon_wrap ul li a .ico.ico08 {width:45px; background-position:-153px -221px;}

.con03 .icon_wrap ul li a .ico.ico01 {width:33px; background-position:-106px -108px;}
.con03 .icon_wrap ul li a .ico.ico02 {width:45px; background-position:-153px -108px;}
.con03 .icon_wrap ul li a .ico.ico03 {width:51px; background-position:-222px -108px;}
.con03 .icon_wrap ul li a .ico.ico04 {width:48px; background-position:-284px -108px;}
.con03 .icon_wrap ul li a .ico.ico05 {width:45px; background-position:-344px -108px;}
.con03 .icon_wrap ul li a .ico.ico06 {width:35px; background-position:-403px -108px;}
.con03 .icon_wrap ul li a .ico.ico07 {width:49px; background-position:-106px -226px;}
.con03 .icon_wrap ul li a .ico.ico08 {width:49px; background-position:-106px -226px;}
.con03 .icon_wrap ul li a .ico.ico09 {width:49px; background-position:-218px -226px;}

.con03 .icon_wrap ul li a strong {display:block;position:relative; font-size:15px; font-weight:normal; z-index:2;}
.con03 .icon_wrap ul li a:hover:after,
.con03 .icon_wrap ul li a:focus:after {opacity:1;}
.con03 .icon_wrap ul li a:hover strong,
.con03 .icon_wrap ul li a:focus strong {color:#fff;}

#counsel .con03 .icon_wrap ul li a:hover .ico.ico01,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico01 {background-position:-100px -51px;}
#counsel .con03 .icon_wrap ul li a:hover .ico.ico02,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico02 {background-position:-153px -51px;}
#counsel .con03 .icon_wrap ul li a:hover .ico.ico03,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico03 {background-position:-222px -51px;}
#counsel .con03 .icon_wrap ul li a:hover .ico.ico04,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico04 {background-position:-284px -51px;}
#counsel .con03 .icon_wrap ul li a:hover .ico.ico05,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico05 {background-position:-344px -51px;}
#counsel .con03 .icon_wrap ul li a:hover .ico.ico06,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico06 {background-position:-403px -51px;}
#counsel .con03 .icon_wrap ul li a:hover .ico.ico07,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico07 {background-position:-100px -164px;}
#counsel .con03 .icon_wrap ul li a:hover .ico.ico08,
#counsel .con03 .icon_wrap ul li a:hover .ico.ico08 {background-position:-153px -164px;}

.con03 .icon_wrap ul li a:hover .ico.ico01,
.con03 .icon_wrap ul li a:hover .ico.ico01 {background-position:-106px -51px;}
.con03 .icon_wrap ul li a:hover .ico.ico02,
.con03 .icon_wrap ul li a:hover .ico.ico02 {background-position:-153px -51px;}
.con03 .icon_wrap ul li a:hover .ico.ico03,
.con03 .icon_wrap ul li a:hover .ico.ico03 {background-position:-222px -51px;}
.con03 .icon_wrap ul li a:hover .ico.ico04,
.con03 .icon_wrap ul li a:hover .ico.ico04 {background-position:-284px -51px;}
.con03 .icon_wrap ul li a:hover .ico.ico05,
.con03 .icon_wrap ul li a:hover .ico.ico05 {background-position:-344px -51px;}
.con03 .icon_wrap ul li a:hover .ico.ico06,
.con03 .icon_wrap ul li a:hover .ico.ico06 {background-position:-403px -51px;}
.con03 .icon_wrap ul li a:hover .ico.ico07,
.con03 .icon_wrap ul li a:hover .ico.ico07 {background-position:-106px -169px;}


.con03 .bbs_wrap {margin:50px 0;text-align:left;}
.con03 .bbs_wrap .tab_w {}
.con03 .bbs_wrap .tab_w .tab_menu {padding:0 0 20px; border-bottom:1px solid #ddd}
.con03 .bbs_wrap .tab_w .tab_menu:after{display:block;clear:both;visibility:hidden;content:"";}
.con03 .bbs_wrap .tab_w .tab_menu li {float:left; position:relative; margin-right:20px;}
.con03 .bbs_wrap .tab_w .tab_menu li a {font-family:"nsr_m";font-size:22px;color:#000;line-height: 1;}
.con03 .bbs_wrap .tab_w .tab_menu li.active a { font-weight: 700;}
.con03 .bbs_wrap .tab_w .tab_menu li.active a:after {display:block; position:absolute; left:0; bottom:-22px; width:100%; height:3px; background:#000; content:"";}
.con03 .bbs_wrap .tab_w .tab_content {}
.con03 .bbs_wrap .tab_w .tab_content .con {display: none;position:relative;}
.con03 .bbs_wrap .tab_w .tab_content .con.active {display: block; }
.con03 .bbs_wrap .tab_w .tab_content .con ul {height:150px;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li {position:relative;padding:0 85px 0 8px;margin: 0;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:before {display:inline-block; position:absolute;left:0; top:13px; width:3px; height:3px; margin-right:3px; background:#333; border-radius:50%; content:""; vertical-align:middle;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child {height:93px;margin:0 0 20px;padding: 0;border-bottom:1px solid #ddd;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child:before {display:none;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a {padding:10px 10px 0 75px;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a strong {font-size:17px; font-weight:700;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a strong:after {display:inline-block; width:15px; height:15px; margin-left:8px; background:#e83052; border-radius:50%; color:#fff; line-height:15px; text-align:center; font-size:10px; content:"N";}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a p {display:block;overflow:hidden;width:100%;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a .date{left:0;top:10px;width:60px;height:60px;border:3px solid #e4e4e4; text-align:center;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a .date span {font-size:13px;line-height:0.8;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a .date .day:before {display:none;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li:first-child a .date .day {display:block; font-size:28px; color:#333; font-weight:bold;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a {display:inline-block;width:100%;height: 100%;font-size:15px;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a strong {display: inline-block;overflow:hidden;width:100%;font-size:15px;color:#333;font-weight:400;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a strong b {font-size:0;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a strong b em {font-size:0;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a p {display: none;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a .date {display:inline-block; position:absolute; top:0; right:0;font-size:15px; color:#949494;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a .date span {display:inline-block; font-size:15px; color:#949494;}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a .date .month:before {display:inline-block; width:2px; height:2px; border-radius:50%; background:#949494;content:"";}
.con03 .bbs_wrap .tab_w .tab_content .con ul li a .date .day:before {display:inline-block; width:2px; height:2px; border-radius:50%; background:#949494;content:"";}
.con03 .bbs_wrap .tab_w .tab_content .bbs_more {position:absolute;top: -55px;right:0;}
.con03 .bbs_wrap .tab_w .tab_content .bbs_more a {display:block;width:18px;height: 18px;background-position: -168px 0;font-size:0;}

.con03 .infor_wrap {}
.con03 .infor_wrap .tab_menu2 {margin: 0;}
.con03 .infor_wrap .tab_menu2:after{display:block;clear:both;visibility:hidden;content:"";}
.con03 .infor_wrap .tab_menu2 li {float:left; width:50%;}
.con03 .infor_wrap .tab_menu2 li a {display:block;width:100%;height:50px;line-height:50px;text-align:center;border:1px solid #eaeaea;font-family:"nsr_m";font-size: 18px;font-weight:700;color:#5f5f5f;}
.con03 .infor_wrap .tab_menu2 li.active a {background:#eaeaea; color:#1a54b7;}
.con03 .infor_wrap .tab_content2 {}
.con03 .infor_wrap .tab_content2 .con {display:none;min-height:160px;padding: 35px 35px 35px 165px;background: #eaeaea url(/template/template_i1/images/main/txt_bg02.png)no-repeat 35px center;text-align:left;color:#737373;font-size: 14px;line-height: 1.8;word-break: keep-all;}
.con03 .infor_wrap .tab_content2 .con.active {display:block;}

/* con03 끝 */


@media(max-width:1600px){
    #mcont {padding-right:55%;}
    .con_wrap {width:55%;}
    .con03 .inner {padding: 40px 8%;}
}

@media(max-width:1300px){
    #mcont {height:auto;padding-right:0;}

    .con01 {height:620px;}
    .con01 .mvisual_wrap .sliderBox ul li { height:620px;}
    .con01 .tit {padding:115px 0 0;}
    .con01 .tit p {font-size:22px;}
    .con01 .tit strong {font-size:50px;}
    .con01 .info_txt {margin:0 auto 40px;}

    #lifelong .con01 .mvisual_wrap .sliderBox ul li { height:620px;}
    #lifelong .con01 .tit {padding:115px 0 0;}
    #lifelong .con01 .tit p {font-size:22px;}
    #lifelong .con01 .tit strong {font-size:50px;}
    #lifelong .con01 .info_txt {margin:0 auto 40px;}


    .con_wrap {position:static;width:100%;}
    .con_wrap_inner {padding:0}

    .con02 {position:static;width: 100%;}
    .con02 .link_wrap {}
    .con02 .link_wrap:after{display:block;clear:both;visibility:hidden;content:"";}
    .con02 .link_wrap .roww {float:left; width:33.33%; height:310px; padding-top:60px; }

    #lifelong .con02 {position:static;width: 100%;}
    #lifelong .con02 .link_wrap {}
    #lifelong .con02 .link_wrap:after{display:block;clear:both;visibility:hidden;content:"";}
    #lifelong .con02 .link_wrap .roww {float:left; width:33.33%; height:310px; padding-top:60px; }


    .con03 .icon_wrap ul li {height:170px;}
    .con03 .icon_wrap ul li a {padding:40px 0 0;}
}

@media(max-width:767px){
    .con01 {height:470px;}
    .con01 .mvisual_wrap .sliderBox ul li { height:470px;}
    .con01 .tit {padding:50px 20px 0;word-break: keep-all;}
    .con01 .tit p {font-size:17px;}
    .con01 .tit strong {margin: 10px 0 20px;font-size:29px;}

    #lifelong .con01 .mvisual_wrap .sliderBox ul li { height:470px;}
    #lifelong .con01 .tit {padding:50px 20px 0;word-break: keep-all;}
    #lifelong .con01 .tit p {font-size:17px;}
    #lifelong .con01 .tit strong {margin: 10px 0 20px;font-size:29px;}

    .con01 .info_txt {min-height:50px; padding: 15px 0 0 65px;background: url(/template/template_i1/images/main/txt_bg01.png)no-repeat left center; background-size: 50px 50px;}
    .con01 .info_txt strong {font-size:17px;}
    .con01 .info_txt p {font-size:17px;}

    .con02 .link_wrap .roww {float:none;position:relative;width:100%;height: 128px;padding: 40px 0 0 95px;text-align:left;}
    .con02 .link_wrap .roww .ico {position:absolute; top:35px; left:25px; width:53px;}
    .con02 .link_wrap .roww .ico.ico01 {height:64px; margin-bottom:0; background-position:-460px 0;}
    .con02 .link_wrap .roww .ico.ico02 {height:58px; margin-bottom:0; background-position:-460px -72px;}
    .con02 .link_wrap .roww .ico.ico03 {height:60px; margin-bottom:0; background-position:-460px -138px;}
    .con02 .link_wrap .roww strong {margin:0 0 5px;font-size:20px;}
    .con02 .link_wrap .roww p span {display:inline-block; margin-right:10px;}

    #lifelong .con02 .link_wrap .roww {float:none;position:relative;width:100%;height: 128px;padding: 40px 0 0 130px;text-align:left;}
    #lifelong .con02 .link_wrap .roww .ico {position:absolute; top:35px; left:25px; width:53px;}
    #lifelong .con02 .link_wrap .roww .ico.ico01 {height:70px; width:64px; margin-bottom:0; background-position:0px -24px;}
    #lifelong .con02 .link_wrap .roww .ico.ico02 {height:58px; margin-bottom:0; background-position:-460px -72px;}
    #lifelong .con02 .link_wrap .roww .ico.ico03 {height:60px; margin-bottom:0; background-position:-460px -138px;}
    #lifelong .con02 .link_wrap .roww strong {margin:0 0 5px;font-size:20px;}
    #lifelong .con02 .link_wrap .roww p span {display:inline-block; margin-right:10px;}


	#lifelong .con02 .link_wrap .roww.roww02 {padding-top: 35px; }
	#lifelong .con02 .link_wrap .roww.roww03 {padding-top: 25px; }

    .con03 .inner {padding: 35px 15px;}
    .con03 .icon_wrap ul li {width:50%;height:120px;}
    .con03 .icon_wrap ul li a {padding:15px 0 0;}
    .con03 .icon_wrap ul li a .ico {margin:0 auto 5px;}
    .con03 .bbs_wrap {margin:45px 0;}
    .con03 .bbs_wrap .tab_w .tab_menu li a {font-size:16px}
    .con03 .bbs_wrap .tab_w .tab_content .bbs_more {top:-50px;}
    .con03 .infor_wrap .tab_menu2 li a {font-size:17px;}
    .con03 .infor_wrap .tab_content2 .con {padding: 150px 10px 25px;background: #eaeaea url(/template/template_i1/images/main/txt_bg02.png)no-repeat center 30px;text-align: center;}

}