@charset "utf-8";

/* ************** font ************** */
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard ExtraLight'), url('./font/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./font/Pretendard-ExtraLight.subset.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Light'), url('./font/Pretendard-Light.subset.woff2') format('woff2'), url('./font/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Regular'), url('./font/Pretendard-Regular.subset.woff2') format('woff2'), url('./font/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Medium'), url('./font/Pretendard-Medium.subset.woff2') format('woff2'), url('./font/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard SemiBold'), url('./font/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./font/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Bold'), url('./font/Pretendard-Bold.subset.woff2') format('woff2'), url('./font/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard ExtraBold'), url('./font/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./font/Pretendard-ExtraBold.subset.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('./font/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('./font/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ************** reset ************** */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{font-size:17px;font-family: 'Pretendard', 'Nanum Gothic', sans-serif;color:#383838;letter-spacing:0px;}
input[type='text'], input[type='password'], input[type='number'], select{font-size:17px;}

/* ui_base.css font reset */
.infoTxt, .ui-datepicker .ui-datepicker-title, .btn.small, .btnDown, .btnGo, .orgSearchDesc,
.researcherInfo .btnSearch, .researcherInfo .btnSeeAll, table{font-family: 'Pretendard', 'Nanum Gothic', sans-serif;}
.boardList, .viewTop, .viewCon, .boardView, .boardView .info span, .boardView .file, .boardBtm,
#skipNav a, #header #gnb > li .dep2 .title span, #header #gnb > li .menu > li > ul > li > a,
#allMenu > ul > li > ul > li > ul > li > a, #familySite, #footer #footerMenu li a, #footer .copy, #etcSite, #etcSite2{font-family: 'Pretendard', 'Nanum Gothic', sans-serif;}

/* ui_content.css font reset */
#location > li > ul > li > a, .locationWrap .shareBtn > a,
.topGuideBtn .btn, .bookBoardView, .boardTabContent .tabPage,
.writerBoardList, .writerBoardList > ul > li .hoverBox span,
.bookBoardList, .magazineBoardList, .totalSearchTop, .totalSearchBox{font-family: 'Pretendard', 'Nanum Gothic', sans-serif;}
.photoBoardList, .videoBoardList, .photoSlider,
.agreeWrap .box, .agreeWrap .info,
.boardTabView, .boardTabView .title .info span,
.boardTabView .subTitle .date, .boardTabView .file{font-family: 'Pretendard', 'Nanum Gothic', sans-serif;}
.forumBoardList, .forumBoardList .right .con, .forumBoardList .right .listCon, .forumBoardList .right .writer,
.forumBoardList .btnList li a, .accoList li, .ceoHistoryWrap .con .listCon li, .brocWrap,
.brocWrap > ul > li .view a, .brocBtmDesc, .reportWrap > ul > li > div .view a,
.profileWrap, .profileWrap .profileCon .btn_profileSearch,
.etcWrap .tableTopdesc, .viewerProList > ul > li > div .down,
.newsBoardList, .newsBoardList > ul > li span{font-family: 'Pretendard', 'Nanum Gothic', sans-serif;}

/* ************** common ************** */
.inner{width:1520px;}
.listCon > li{line-height:140%;}
.listCon.dot > li:before{top:12px;}
.listCon.dot > li .user{margin-right:15px;}
.listCon.star > li{position:relative;padding-left:12px;}
.listCon.star > li:before{display:block;content:'*';position:absolute;left:0;top:0;}
.listCon .listCon{padding:2px 0 7px;}
.listCon .listCon > li{line-height:135%;}
.listCon.gap > li{margin-bottom:10px;}
.listCon.gap .listCon{padding:12px 0;}
.listCon.gap .listCon > li{margin-bottom:5px;}
.listCon.flex > li{display:flex;}
.listCon.flex > li span{display:block;flex-shrink:0;margin-right:5px;}
.mb35{margin-bottom:35px !important;}
.mb60{margin-bottom:60px !important;}
.email2{display:inline-block;padding-left:24px;vertical-align:text-top;background:url('/images/stepien/sub/icon_staff_email.png') left 6px no-repeat;}
a.email2:hover{text-decoration:underline;}
.underLine{border-bottom:1px solid #383838;}
.underLine.red{color:#e22e21;border-color:#e22e21;}
.btnArea{margin:60px 0;}
.btn-down{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:10px 20px;min-width:250px;min-height:58px;line-height:1.1em;font-weight:700;font-size:20px;color:#fff;text-align:center;vertical-align:middle;background:#5032b6;border:1px solid #5032b6;border-radius:7px;box-sizing:border-box;transition-duration:0.2s;}
.btn-down:before{display:inline-block;content:'';margin-right:12px;width:20px;height:18px;background-image:url('/images/stepien/renewal/ico_down_white.png');background-repeat:no-repeat;background-position:center;}

/* ************** layout ************** */
#header{position:fixed;left:0;right:0;top:0;height:84px;background:#fff;border-bottom:1px solid transparent;box-shadow:1px 30px 62px rgba(0,0,0,0.1);z-index:11;box-sizing:border-box;}
#header:after{display:none;content:'';position:absolute;left:0;right:0;top:84px;height:295px;background:#fff;box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);}
#header > .inner{display:flex;align-items:center;width:auto;height:100%;}
#header h1{display:flex;align-items:center;position:absolute;left:60px;margin-left:0;top:0;bottom:0;}
#header h1 img{width:265px;height:auto;}
#header #gnb{display:flex;flex:none;padding:0;height:100%;}
#header #gnb > li{position:relative;float:none;padding:0;}
#header #gnb > li > a{display:flex;align-items:center;padding:0 55px;min-width:inherit;height:100%;font-weight:500;font-size:21px;color:#121212;letter-spacing:0;line-height:inherit;}
#header #gnb > li:last-child > a{padding-right:140px;}
#header #gnb > li > a:hover{color:#373290;}
#header #gnb > li > a:after{left:0;bottom:-1px;height:3px;transform:none;background:#373290;}
#header #gnb > li .menu{display:none;position:absolute;top:85px;left:0;right:0;padding:25px 0 25px 55px;background:#fff;z-index:3;}
#header #gnb > li .menu:before{display:none;content:'';position:absolute;left:0;right:0;top:0;height:295px;background:#f2f1fd;}
#header #gnb > li .menu > li > a{display:inline-block;position:relative;padding:7px 0 7px 10px;font-weight:400;font-size:18px;color:#383838;}
#header #gnb > li .menu > li > a:before{content:'';position:absolute;left:0;top:17px;width:3px;height:3px;background:#383838;border-radius:50%;}
#header #gnb > li .menu > li > a:after{content:'';position:absolute;left:10px;bottom:5px;width:0;height:6px;background:rgba(59,27,255,0.2);transition-duration:0.3s;}
#header #gnb > li .menu > li > a:hover{color:#5c49d1;text-decoration:none;}
#header #gnb > li .menu > li > a:hover:after{width:calc(100% - 10px);}
#header.hover{border-color:#e1e1e1;}
#header.hover:after{display:block;}
#header.hover #gnb > li .menu{display:block;}
#header #gnb > li:hover > a{background:#f2f1fd;}
#header #gnb > li:hover .menu:before{display:block;}

#header .headerBtn{display:flex;align-items:center;right:60px;margin-right:0;top:0;bottom:0;}
#header .headerBtn > a{display:flex;align-items:center;width:30px;height:100%;}
#header .headerBtn .btnLink{position:relative;margin:0 14px;width:auto;height:auto;font-weight:300;font-size:17px;color:#616161;text-indent:0;background:transparent;border-radius:0;}
#header .headerBtn .btnLink:hover{font-weight:600;color:#39339e;}
#header .headerBtn .btnLink.active{font-weight:600;color:#39339e;border-bottom:1px solid #39339e;}
#header .headerBtn .btnLink + .btnLink:before{content:'';position:absolute;left:-14px;top:50%;margin-top:-5px;width:1px;height:11px;background:#d8d8d8;}
#header .headerBtn #btnSearch{margin:0 20px;background-image:url('/images/stepien/renewal/gnbicon_search.svg');background-size:23px auto;}
#header .headerBtn #btnMenuOpen{background-image:url('/images/stepien/renewal/gnbicon_menu.svg');background-position:right center;background-size:23px auto;}
#header .headerBtn #totalSearchWrap{display:none;top:0;bottom:0;left:inherit;padding:84px 60px 84px 84px;background:#fff;transition-duration:0s;}
#header .headerBtn #totalSearchWrap.active{display:block;z-index:100;}
#header .headerBtn #totalSearchWrap .title{display:block;margin:65px 0 13px;position:relative;padding-top:45px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:42px;color:#121212;}
#header .headerBtn #totalSearchWrap .title:before{content:'';position:absolute;left:0;top:0;width:14px;height:14px;background:#5c49d1;border-radius:50%;}
#header .headerBtn #totalSearchWrap p{margin-bottom:55px;font-weight:300;font-size:18px;color:#383838;line-height:1.5em;}
#header .headerBtn .totalSearch{padding:0 50px 0 0;width:480px;border-bottom:3px solid #121212;}
#header .headerBtn .totalSearch input[type="text"]{margin:0;height:60px;font-size:20px;color:#383838;}
#header .headerBtn .totalSearch input::-webkit-input-placeholder{font-weight:600;font-size:21px;color:#383838;}
#header .headerBtn .totalSearch input:-ms-input-placeholder{font-weight:600;font-size:21px;color:#383838;}
#header .headerBtn .totalSearch input[type="submit"].btnTotalSearch{height:60px;background:url('/images/stepien/renewal/icon_search.svg') no-repeat center / 29px auto;}
#header .headerBtn #btnSearchClose{position:absolute;top:84px;right:60px;width:30px;height:30px;text-indent:-9999px;background:url('/images/stepien/renewal/ico_allmenu_close.png') no-repeat center;transition-duration:0.3s;}
#header .headerBtn #btnSearchClose:hover{transform:rotate(90deg);}

#dim{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:99;}
#dim.active{display:block;}

#allMenu{position:fixed;top:0;bottom:inherit;width:auto;background:#fff;box-shadow:1px 15px 62px rgba(0,0,0,0.1);}
#allMenu .inner{margin-top:0;}
#allMenu .inner > .logo{display:flex;align-items:center;height:84px;border-bottom:1px solid #e1e1e1;}
#allMenu .inner > .logo img{width:265px;}
#allMenu .inner > ul:after{display:none;}
#allMenu .inner > ul{display:flex;gap:50px;padding:40px 0 160px;height:auto;overflow-y:unset;}
#allMenu .inner > ul > li{float:none;flex:1;padding:0;width:auto;min-height:inherit;border-left:1px solid #e2e2e2;}
#allMenu .inner > ul > li:first-child{border-left:1px solid #e2e2e2;}
#allMenu .inner > ul > li > a{display:flex;align-items:center;justify-content:center;padding:5px 10px;height:52px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:22px;color:#fff;background:#373290;box-sizing:border-box;}
#allMenu .inner > ul > li:hover > a{background:#5c49d1;}
#allMenu .inner > ul > li > ul{padding:22px 40px;}
#allMenu .inner > ul > li > ul > li{margin-bottom:26px;border:none;}
#allMenu .inner > ul > li > ul > li > a{display:inline-block;position:relative;padding:0;font-size:20px;color:#212121;}
#allMenu .inner > ul > li > ul > li > a:after{content:'';position:absolute;left:0;bottom:2px;width:0;height:6px;background:rgba(59,27,255,0.2);transition-duration:0.3s;}
#allMenu .inner > ul > li > ul > li > a:hover{color:#5c49d1;text-decoration:none;}
#allMenu .inner > ul > li > ul > li > a:hover:after{width:100%;}
#allMenu .inner > ul > li > ul > li:last-child{margin-bottom:0;}
#allMenu #btnMenuClose{right:0;width:30px;height:84px;background:url('/images/stepien/renewal/ico_allmenu_close.png') no-repeat right center;transition-duration:0.3s;}
#allMenu #btnMenuClose:hover{transform:rotate(90deg);}

#container{padding-top:84px;}
#btnTop{display:block;position:fixed;right:60px;bottom:60px;width:44px;height:44px;text-indent:-9999px;background:#5c49d1 url('/images/stepien/renewal/icon_top.svg') no-repeat center / 8px auto;border-radius:50%;transform:scale(0);transition-duration:0.2s;z-index:99;}
#btnTop:before{content:'';position:absolute;left:-10px;right:-10px;top:-10px;bottom:-10px;background:rgba(119,86,255,0.25);border-radius:50%;}
#btnTop.active{transform:scale(1);}
#btnTop:hover{transform:scale(1.1);}

#footer{padding:0 0 150px;background:#0e0d31;}
#footer > .inner{display:flex;gap:130px;padding-top:45px;}
#footer > .inner:after{display:none;}
#footer .footerLogo img{width:265px;opacity:0.6;}
#footer .copy{padding:0;font-size:17px;color:rgba(255,255,255,0.6);}
#footer .footerSns{margin-left:auto;flex-shrink:0;position:static;}
#footer .footerSns li{display:inline-block;margin:2px;}
#footer .footerSns li a{display:block;width:46px;height:46px;line-height:46px;text-align:center;background:rgba(255,255,255,0.15);border-radius:50%;transition-duration:0.3s;}
#footer .footerSns li a:hover{background:rgba(255,255,255,0.3);}
#footer .footerSns li.item1 a img{width:9px;}
#footer .footerSns li.item2 a img{width:24px;}
#footer .footerSns li.item3 a img{width:23px;}

#overlay{background:rgba(0,0,0,0.3);z-index:11;}

/*  tab */
.tabBar{display:flex;gap:4px;margin-bottom:60px;}
.tabBar:after{display:none;}
.tabBar > li,
.viewContent .tabBar > li{flex:1;display:block;margin:0;float:none;width:auto !important;margin:0;border:none;}
.tabBar > li > a,
.viewContent .tabBar > li > a{display:flex;align-items:center;justify-content:center;padding:5px;height:50px;font-size:19px;color:#383838;text-align:center;background:#fff;border:1px solid #d1d1d1;border-radius:5px;box-sizing:border-box;}
.tabBar > li > a:hover,
.viewContent .tabBar > li > a:hover{font-weight:600;color:#373290;border-color:#373290;}
.tabBar > li.active > a,
.viewContent .tabBar > li.active > a{font-weight:600;color:#fff;background:#373290;border-color:#373290;}
.tabBar.dep2{display:inline-flex;}
.tabBar.dep2 > li:after{right:-2px;}
.tabBar.dep2 > li > a{border:none;}

/* ************** main ************** */
.swiper-wrapper a{overflow:hidden;}
.swiper-wrapper a img{transition-duration:0.3s;box-sizing:border-box;}
.swiper-wrapper a:hover img{transform:scale(1.1);}
.swiper-wrapper .swiper-button-disabled{opacity:0.5;}

.main #container{height:auto;}
.title-area{margin-bottom:45px;text-align:center;}
.title-area h3{margin-bottom:15px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:34px;color:#212121;letter-spacing:-0.1px;}
.title-area p{font-weight:300;font-size:16px;color:#575757;line-height:1.4em;}

.main-section1{position:relative;height:580px;overflow:hidden;box-sizing:border-box;}
.main-section1 .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url('/images/stepien/renewal/bg_section1.png') no-repeat center / cover; animation:mainBg 5s 0s both;z-index:-1;}

@keyframes mainBg {
    from {
        transform: scale(1.3);
    }
    to {
        transform: scale(1);
    }
}

.main-section1 .slogan{margin-bottom:45px;padding-top:140px;text-align:center;}
.main-section1 .slogan > .txt-wrap{display:block;overflow:hidden;vertical-align:top;}
.main-section1 .slogan > .txt-wrap > span{display:inline-block;font-family: 'ONE-Mobile-Regular';font-weight:400;font-size:32px;color:#fff;line-height:1.3em;transform:translateY(50px);animation:mainTxt 1s 0s both;}
.main-section1 .slogan > .txt-wrap.txt3 > span{font-family: 'ONE-Mobile-Title';font-size:38px;animation:mainTxt 1s 0.5s both;}

@keyframes mainTxt{
	from{transform:translateY(50px);opacity:0;}
	to{transform:translateY(0);opacity:1;}
}
 
.main-section1 .main-srch{text-align:center;}
.main-section1 .main-srch .box{position:relative;margin:0 auto 32px;width:827px;height:74px;background:#fff;border-radius:50px;}
.main-section1 .main-srch .box input[type="text"]{margin:0;padding:0 100px 0 50px;width:100%;height:100%;font-size:19px;background:transparent;border:none;box-sizing:border-box;}
.main-section1 .main-srch .box .btn-srch{position:absolute;right:0;top:0;margin:0;width:100px;height:100%;text-indent:-9999px;background:transparent url('/images/stepien/renewal/icon_search.svg') no-repeat center / 29px auto;}
.main-section1 .main-srch .box input::-webkit-input-placeholder{font-family: 'Pretendard';font-weight:300;font-size:19px;color:#383838;}
.main-section1 .main-srch .box input:-ms-input-placeholder{font-family: 'Pretendard';font-weight:300;font-size:19px;color:#383838;}
.main-section1 .tag-list .title{display:inline-block;margin-bottom:10px;padding-left:30px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:18px;color:#fff;background:url('/images/stepien/renewal/icon_recommend.svg') no-repeat left center / 18px auto;}
.main-section1 .tag-list > div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.main-section1 .tag-list a{margin-right:25px;font-weight:400;font-size:18px;color:#fff;}
.main-section1 .tag-list a:last-child{margin-right:0;}
.main-section1 .tag-list a:hover{color:rgba(255,255,255,0.8);text-decoration:underline;}

.main-section2{padding:105px 0;background:url('/images/stepien/renewal/bg_mainsection2.png') no-repeat center top / cover;overflow:hidden;}
.report-wrap{position:relative;margin:0 -22px;}
.report-wrap:before{content:'';position:absolute;left:20px;right:-1000px;top:303px;border-bottom:2px solid #e0e5ed;}
.report-slider{position:static;padding:0 22px;}
.report-slider ul > li a{display:block;position:relative;}
.report-slider ul > li a:before{content:'';position:absolute;top:38px;right:0;width:212px;height:289px;background:url('/images/stepien/renewal/bg_shadow.png') right center no-repeat;}
.report-slider ul > li .img{display:block;position:relative;margin-bottom:24px;width:240px;height:326px;text-align:center;background:#f5f5f5 url('/images/stepien/renewal/img_noimage.png') center no-repeat;border-radius:0 10px 0 0;overflow:hidden;z-index:2;}
.report-slider ul > li .img:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #ddd;border-radius:0 10px 0 0;z-index:2;}
.report-slider ul > li .img img{width:100%;height:100%;transition-duration:0.3s;}
.report-slider ul > li .title{display:block;display:-webkit-box;padding:0 5px;height:75px;line-height:25px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow: hidden;font-weight:500;font-size:18px;color:#383838;}
.report-slider ul > li.empty .title{text-align:center;}
.report-slider ul > li a:hover img{transform:scale(1.1);}
.report-slider ul > li a:hover .title{color:#5c49d1;}
.report-slider > button{margin-top:-70px;width:44px;height:44px;text-indent:-9999px;background-color:#fff;background-size:8px auto !important;border-radius:50%;box-shadow:7px 7px  29px rgba(0,0,0,0.15);transition-duration:0.3s;}
.report-slider > .swiper-button-prev{left:0;background-image:url('/images/stepien/renewal/arrow_left_black2.svg');}
.report-slider > .swiper-button-next{right:40px;background-image:url('/images/stepien/renewal/arrow_right_black2.svg');}
.report-slider > .swiper-button-prev:hover{background-color:#7756ff;background-image:url('/images/stepien/renewal/arrow_left_black2_over.svg');}
.report-slider > .swiper-button-next:hover{background-color:#7756ff;background-image:url('/images/stepien/renewal/arrow_right_black2_over.svg');}

.main-section3{padding:120px 0;}
.main-section3 > .inner{display:flex;justify-content: space-between;}
.main-section3 > .inner:after{display:none;}
.main-section3 .left{display:flex;flex-shrink:0;width:833px;}
.main-section3 .left > div{position:relative;padding:30px 22px 22px;width:388px;border:1px solid #d9d9d9;box-sizing:border-box;}
.main-section3 .left .swiper-container{position:static;text-align:center;}
.main-section3 .left .swiper-top{display:flex;align-items:center;margin-bottom:20px;}
.main-section3 .left .swiper-top h3{font-family: 'ONE-Mobile-Title';font-weight:400;font-size:22px;color:#212121;}
.main-section3 .left .swiper-btn{display:flex;align-items:center;margin-left:auto;z-index:10;}
.main-section3 .left .swiper-btn > button{position:static;margin:0 2px;width:12px;height:30px;text-indent:-9999px;background-color:transparent;background-size:7px auto !important;border-radius:50%;}
.main-section3 .left .swiper-btn > .swiper-button-prev{background-image:url('/images/stepien/renewal/arrow_left_black.svg');}
.main-section3 .left .swiper-btn > .swiper-button-next{background-image:url('/images/stepien/renewal/arrow_right_black.svg');}
.main-section3 .left .swiper-auto{display:block;position:static;margin:0 5px;}
.main-section3 .left .swiper-auto button{width:12px;height:30px;text-indent:-9999px;}
.main-section3 .left .swiper-auto .swiper-button-start{display:none;background:url('/images/stepien/renewal/icon_start.png') no-repeat center / 8px auto;}
.main-section3 .left .swiper-auto .swiper-button-stop{display:inline-block;background:url('/images/stepien/renewal/arrow_stop.svg') no-repeat center / 7px auto;}
.main-section3 .left .active .swiper-auto .swiper-button-start{display:inline-block;}
.main-section3 .left .active .swiper-auto .swiper-button-stop{display:none;}
.main-section3 .left ul li .img{display:block;height:350px;text-align:center;background:#f5f5f5 url('/images/stepien/renewal/img_noimage.png') center no-repeat;overflow:hidden;}
.main-section3 .left ul li .img img{height:100%;}

.main-section3 .left > .video-wrap{width:445px;border-left:none;}
.main-section3 .left .video-slider ul li .img{margin-bottom:20px;height:226px;}
.main-section3 .left .video-slider ul li .title{display:block;display:-webkit-box;padding:0 5px;height:90px;line-height:30px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;font-size:19px;text-align:left;}

.main-section3 .right{position:relative;width:calc(100% - 873px);}
.main-section3 .right h3{margin-bottom:7px;padding-top:30px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:22px;color:#212121;}
.board-list > li{position:relative;border-bottom:1px solid #d9d9d9;}
.board-list > li:last-child{border-color:#909090;}
.board-list > li:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#5c49d1;transition-duration:0.3s;}
.board-list > li:hover:after{width:100%;}
.board-list > li > a{display:flex;justify-content:space-between;align-items:center;padding:22px 0;}
.board-list > li .date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:84px;height:86px;font-weight:300;font-size:15px;color:#fff;text-align:center;background:#b5bcc9;border-radius:10px;}
.board-list > li em{font-weight:600;font-size:34px;}
.board-list > li em.cate2{background:#4080e0;}
.board-list > li em.cate3{background:#95a0b2;}
.board-list > li .con{width:calc(100% - 104px);}
.board-list > li .title{display:block;display:-webkit-box;margin-bottom:10px;max-height:56px;line-height:28px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;font-weight:600;font-size:20px;text-align:left;}
.board-list > li .desc{display:block;position:relative;font-size:16px;color:#6d6d6d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.board-list > li.empty{display:block;padding:44px 0 ;text-align:center;font-size:20px;}
.board-list > li a:hover .title,
.board-list > li a:hover .desc{color:#5c49d1;}
.main-section3 .btn-more{display:block;position:absolute;right:0;top:25px;width:40px;height:40px;text-indent:-9999px;background:#373290 url('/images/stepien/renewal/btn_more_white.svg') no-repeat center / 12px auto;border-radius:50%;transition-duration:0.3s;}
.main-section3 .btn-more:hover{background-color:#7756ff;}

.main-section4{padding:90px 0 105px;text-align:center;background:#f7f9fe;}
.main-section4 .title-area{margin-bottom:15px;}
.mou-map{display:inline-block;position:relative;}
.mark-list a{display:block;position:absolute;}
.mark-list a:before{content:'';position:absolute;left:calc(50% - 0.5px);top:-30px;height:30px;border-left:1px dashed #373290;transition-duration:0.3s;}
.mark-list a i{display:block;width:13px;height:13px;background:#373290;border-radius:50%;transition-duration:0.3s;}
.mark-list a span{display:inline-block;position:absolute;left:50%;top:-60px;padding:0 10px;width:120px;height:42px;line-height:42px;font-weight:600;font-size:20px;color:#fff;background:#5c49d1;border-radius:3px;transform: translateX(-50%);box-sizing:border-box;transition-duration:0.3s;}
.mark-list .item1{left:18%;top:29%;}
.mark-list .item2{left:13%;top:55%;}
.mark-list .item3{left:21%;top:46%;}
.mark-list .item3 span{width:140px;}
.mark-list .item4{left:34%;top:34%;}
.mark-list .item5{left:44%;bottom:20%;}
.mark-list .item6{right:24%;top:36%;}
.mark-list .item7{right:14%;bottom:26%;}
.mark-list .item6 span,
.mark-list .item7 span{width:160px;}
.mark-list a:hover:before{border-color:#cb6012;}
.mark-list a:hover i{background:#cb6012;}
.mark-list a:hover span{background:#ef7b26;border-radius:0;}

.main-section5{padding:105px 0 150px;background:url('/images/stepien/renewal/bg_mainsection5.png') no-repeat center top / cover;}
.main-section5 .title-area{margin-bottom:35px;}
.news-login{}
.news-login ul{flex-grow:1;}
.news-login li{display:flex;align-items:center;gap:15px;}
.news-login li + li{margin-top:8px;}
.news-login li label{flex-shrink:0;width:140px;font-weight:500;font-size:20px;text-align:right;}
.news-login li input{margin:0;height:48px;flex-grow:1;border:1px solid #dadfeb;border-radius:10px;}
.news-login .btn-login{display:block;width:480px;font-weight:500;font-size:30px;color:#fff;background:#373290;border-radius:10px;transition-duration:0.3s;text-align: center;margin:0 auto;height: 50px;line-height: 50px;}
.news-login .btn-login:hover{background: #392288 !important;}

/* ************** sub ************** */
/* layout */
.subTop{position:relative;height:230px;color:#fff;text-align:center;overflow:hidden;box-sizing:border-box;}
.subTop .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url('/images/stepien/renewal/bg_subtop1.png') no-repeat center / cover;animation:mainBg 5s 0s both;z-index:-1;}
.subTop.bg2 .bg{background-image:url('/images/stepien/renewal/bg_subtop2.png');}
.subTop.bg3 .bg{background-image:url('/images/stepien/renewal/bg_subtop3.png');}
.subTop.bg4 .bg{background-image:url('/images/stepien/renewal/bg_subtop4.png');}
.subTop.bg5 .bg{background-image:url('/images/stepien/renewal/bg_subtop5.png');}
.subTop.bg6 .bg{background-image:url('/images/stepien/renewal/bg_subtop6.png');}
.subTop h3{margin-bottom:20px;font-family: 'ONE-Mobile-Title';font-weight:normal;font-size:44px;}

@keyframes mainBg {
    from {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}

.locationWrap{display:flex;flex-direction:column;justify-content:center;height:100%;}
.locationWrap .location{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;color:#fff;}
.locationWrap .location > li{position:relative;margin-right:34px;}
.locationWrap .location > li:after{content:'';position:absolute;right:-21px;top:0;bottom:0;width:7px;background:url('/images/stepien/renewal/arrow_right_white.svg') no-repeat center / 7px auto;}
.locationWrap .location > li:last-child{margin-right:0;}
.locationWrap .location > li:last-child:after{display:none;}
.locationWrap .location > li.home{width:14px;height:100%;text-indent:-9999px;background:url('/images/stepien/renewal/icon_home.svg') no-repeat center / 14px auto;}
.locationWrap .location > li,
.locationWrap .location > li > a{color:#fff;}
.locationWrap .shareBtn{display:flex;align-items:center;position:absolute;right:0;top:50%;margin-top:-24px;}
.locationWrap .shareBtn > a{display:block;width:42px;height:42px;text-indent:-9999px;background-position:center;background-repeat:no-repeat;background-size:15px auto;border:1px solid rgba(255,255,255,0.7);border-radius:50%;box-sizing:border-box;transition-duration:0.3s;}
.locationWrap .shareBtn .btnFontMinus{width:39px;height:39px;background-image:url('/images/stepien/renewal/icon_font_small.svg');}
.locationWrap .shareBtn .btnFontPlus{margin-left:4px;width:39px;height:39px;background-image:url('/images/stepien/renewal/icon_font_big.svg');}
.locationWrap .shareBtn .btnShare{margin-left:13px;background-image:url('/images/stepien/renewal/icon_share.svg');background-color:#fff;background-size:auto 20px;border:none;}
.locationWrap .shareBtn .btnPrint{margin-left:6px;background-image:url('/images/stepien/renewal/icon_print.svg');background-color:#fff;background-size:auto 20px;border:none;}
.locationWrap .shareBox{position:absolute;top:42px;right:48px;padding:0;min-width:inherit;width:42px;height:42px;background:transparent;opacity:0;z-index:-1;}
.locationWrap .shareBox a{display:inline-block;margin-top:2px;width:42px;height:42px;text-indent:-9999px;background:#7756ff url('/images/stepien/renewal/icon_facebook.svg') no-repeat center / 9px auto;border-radius:50%;transition-delay:0s;}
.locationWrap .shareBox a.item1{background:#7756ff url('/images/stepien/renewal/icon_facebook.svg') no-repeat center / 9px auto;}
.locationWrap .shareBox a.item2{background:#7756ff url('/images/stepien/renewal/icon_twitter.svg') no-repeat center / 16px auto;}
.locationWrap .shareBtn.active .shareBox{opacity:1;z-index:3;min-width:inherit;}
.locationWrap .shareBtn.active .btnShare{background-image:url('/images/stepien/renewal/icon_close_sns.svg');background-size:auto 12px;}
.locationWrap .shareBtn .btnShare:hover,
.locationWrap .shareBtn .btnPrint:hover{background-color:rgba(255,255,255,0.8);}
.locationWrap .shareBtn .btnFontMinus:hover,
.locationWrap .shareBtn .btnFontPlus:hover{background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.8);}

#content{padding-top:65px;}
#content > .inner{display:flex;justify-content:space-between;}
#content > .inner:after{display:none;}
#content .sideMenu{flex-shrink:0;margin-top:-233px;width:260px;background:#fff;}
#content .sideMenu h3{display:flex;align-items:center;justify-content:center;margin:0;padding:10px;height:180px;font-family: 'ONE-Mobile-Title';font-weight:normal;font-size:34px;color:#fff;text-align:center;background:url('/images/stepien/renewal/bg_left_h2.png') no-repeat center;box-sizing:border-box;}
#content .sideMenu h3 span{position:relative;}
#content .sideMenu h3 span:before{content:'';position:absolute;left:0;top:-15px;width:7px;height:7px;background:#f08e32;border-radius:50%;}
.sideMenu .menu > li > a{display:flex;align-items:center;padding-left:20px;height:55px;font-size:18px;color:#383838;border-bottom:1px solid #e6e6e6;}
.sideMenu .menu > li.active > a{padding-right:40px;font-weight:700;color:#5c49d1;border-bottom:2px solid #5c49d1;background:#f3f6fd url('/images/stepien/renewal/arrow_on.svg') no-repeat right 17px center / 7px auto;}
.sideMenu .menu > li > a:hover{font-weight:700;color:#5c49d1;}
.sideMenu .menu > li > ul{display:none;padding:20px;border-bottom:1px solid #e6e6e6;}
.sideMenu .menu > li > ul > li{position:relative;margin-bottom:14px;padding-left:14px;}
.sideMenu .menu > li > ul > li:last-child{margin-bottom:0;}
.sideMenu .menu > li > ul > li:before{display:block;content:'-';position:absolute;left:0;top:0;color:#666;}
.sideMenu .menu > li > ul > li > a{display:inline-block;line-height:1.1em;font-weight:400;font-size:16px;color:#666;}
.sideMenu .menu > li > ul > li.active:before{color:#5c49d1;}
.sideMenu .menu > li > ul > li.active > a{font-weight:600;color:#5c49d1;border-bottom:2px solid #5c49d1;}
.sideMenu .menu > li > ul > li > a:hover{font-weight:600;color:#5c49d1;}
.sideMenu .menu > li.hasChild > a{padding-right:40px;background:url('/images/stepien/renewal/bg_dep2_off.png') no-repeat right 14px center;}
.sideMenu .menu > li.hasChild.active > a{background:#f3f6fd url('/images/stepien/renewal/bg_dep2_on.png') no-repeat right 14px center;border-bottom:2px solid #5c49d1;}
.sideMenu .menu > li.hasChild.active > ul{display:block;}
#content .subContents{width:calc(100% - 300px);}

/* button */
.btn{height:46px;line-height:44px;}
.btn.inline{height:35px;line-height:33px;}
.btn.small{width:auto;height:auto;}

/* file */
.btnFile{width:24px;height:24px;background-size:auto 24px !important;}
.btnFileDown{background-size:auto 21px !important;}
.pdf,
.PDF{background-image:url('/images/stepien/renewal/file_pdf.svg');}
.zip,
.ZIP{background-image:url('/images/stepien/renewal/file_zip.svg');}
.hwp,
.HWP{background-image:url('/images/stepien/renewal/file_hwp.svg');}
.xls,
.XLS,
.xlsx,
.XLSX{background-image:url('/images/stepien/renewal/file_excel.svg');}
.ppt,
.PPT{background-image:url('/images/stepien/renewal/file_ppt.svg');}
.docx,
.DOCX,
.doc,
.DOC{background-image:url('/images/stepien/renewal/file_doc.svg');}
.ima,
.IMG,
.jpg,
.JPG,
.png,
.PNG,
.gif,
.GIF{background-image:url('/images/stepien/renewal/file_img.svg');}
.jsp,
.JSP{background-image:url('/images/stepien/renewal/file_jsp.svg');}
.etc,
.ETC{background-image:url('/images/stepien/renewal/file_etc.svg');}

/*  title */
.bulTitle{margin-bottom:20px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:21px;color:#212121;}

/* contents */
.boardTop b{font-weight:400;}
.boardSearch{border:none;}
.boardTop + .boardSearch{border-top:1px solid #3a358e;}

table.list{border-color:#121212;}
table.list th,
table.list td{height:54px;font-size:18px;}
table.list th{color:#212121;border-color:#ddd;}
table.list .noti{font-weight:600;}
table.list tr{position:relative;}
table.list tr:hover{box-shadow:0 5px 25px rgba(0,0,0,0.06);}
table.list tr:hover td{border-bottom:2px solid #5c49d1;}
/* table.list tr:hover:after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:2px solid #5c49d1;} */
table.list tr:hover .title > a{font-weight:700;color:#333;}
.paging a{width:37px;height:37px;line-height:35px;font-weight:400;}

.boardView{border-top:2px solid #121212;}
.boardView .title{font-weight:700;font-size:22px;color:#212121;background:#f8f8f8;}
.boardView .title em{padding:0 15px;font-weight:400;font-size:16px;color:#373290;line-height:26px;border:1px solid #373290;border-radius:30px;vertical-align:middle;}
.boardView .info span{font-size:16px;}
.boardView .info b{font-weight:400;}
.viewCon{padding:35px 25px;}
.boardBtm > span{line-height:50px;}
.boardBtm .right{text-align:right;}

.viewContent{padding:0 15px;}
.viewContent .tabBar{border-bottom:none;}
.viewContent .tabBar li:before,
.viewContent .tabBar li.active a:after{display:none;}
.viewContent .viewTop{padding:15px 15px 35px;}
.viewContent .viewCon{padding:35px 15px;}
.boardTabView{border-top:2px solid #121212;border-bottom:1px solid #ddd;}
.boardTabView .title{padding:24px 280px 24px 15px;font-weight:700;font-size:22px;color:#212121;background:#f8f8f8;}
.boardTabView .title .info{right:15px;bottom:24px;}
.boardTabView .title .info span{font-weight:400;font-size:16px;}
.boardTabView .title .info b{font-weight:400;}
.boardTabContent .tabBar{position:relative;z-index:2;}
.boardTabContent .tabBar li{margin:0;flex:none;height:auto;border-top:none;}
.boardTabContent .tabBar li a{border-radius:5px 5px 0 0;}
.boardTabContent .tabBar li.active a{color:#fff;border-color:#02a7d5;}
.boardTabContent .tabBar li a:hover{color:#02a7d5;border-color:#02a7d5;}
.boardTabContent .tabBar li.active a:hover{color:#fff;}
.boardTabContent .tabPage{margin-top:-1px;}

.videoList{margin-bottom:60px;overflow:hidden;}
.videoList ul{display:flex;flex-wrap:wrap;gap:0 33px;border-top:1px solid #ddd;}
.videoList li{position:relative;padding:35px 0 40px;width:calc(25% - 25px);box-sizing:border-box;}
.videoList li.empty{padding:100px 0 !important;width:100% !important;font-size:20px;text-align:center;}
.videoList li:nth-child(4n+1):before,
.videoList li.empty:before{display:block;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #ddd;}
.videoList li:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#5c49d1;transition-duration:0.3s;}
.videoList li:hover:after{width:100%;}
.videoList li .img{display:block;margin-bottom:20px;height:158px;text-align:center;background:#f5f5f5 url('/images/stepien/renewal/img_noimage.png') center no-repeat;overflow:hidden;}
.videoList li .img img{width:100%;height:100%;transition-duration:0.3s;box-sizing:border-box;}
.videoList li a:hover img{transform:scale(1.1);}
.videoList li .title{display:block;display:-webkit-box;height:48px;line-height:24px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow: hidden;font-size:18px;color:#383838;}
.videoList li a:hover .title{color:#5c49d1;}

.videoList.cols3{margin-bottom:10px;}
.videoList.cols3 ul{gap:0 20px;border:none;}
.videoList.cols3 li{padding:25px 0;width:calc(100% / 3 - 14px);}
.videoList.cols3 li:nth-child(4n+1):before{display:none;}
.videoList.cols3 li:nth-child(3n+1):before{display:block;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px dashed #ddd;}

/* 조직도 */
table.info{border-top:2px solid #121212;}
table.info:before{display:none;}
table.info .profile{width:30px;height:30px;background:#5c49d1 url('/images/stepien/renewal/icon_profile.svg') no-repeat center / 12px auto;border-radius:50%;transition-duration:0.3s;}
table.info .profile:hover{background-color:#7756ff;}
table.info th,
table.info td{height:54px;}
table.info th{font-weight:500;color:#212121;background:#f8f8f8;}
table.info td.fontBig{font-size:18px;}
table.info + .listCon{margin:15px 0;}
table.ceo:before{background:#ddd;}
table.ceo th,
table.ceo td{padding:10px 25px;border-right:none;}
.scroll table.info:before{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#8e8e8e;}

.modalWrap .modalTitle .btn_modalClose{transition-duration:0.3s;}
.modalWrap .modalTitle .btn_modalClose:hover{transform:rotate(90deg);}

/* 인사말 */
.greeting-wrap{display:flex;justify-content:space-between;gap:100px;background:url('/images/stepien/renewal/bg_greeting.png') no-repeat left 54px;}
.greeting-wrap p{margin-bottom:30px;font-size:18px;line-height:1.5em;}
.greeting-wrap p.top{margin-bottom:60px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:26px;color:#212121;}
.greeting-wrap p.top b{font-weight:400;}
.greeting-wrap p.top .purple{color:#5c49d1;}
.greeting-wrap .img{flex-shrink:0;width:340px;}
.greeting-wrap .img p{margin-top:30px;font-weight:300;color:#212121;}
.greeting-wrap .img p b{font-weight:600;}
.greeting-wrap .img p b.big{font-weight:800;font-size:20px;}

/* 사업목적 및 연혁 */
.goal-top{margin-bottom:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:15px;height:307px;color:#fff;line-height:1.8em;text-align:center;background:url('/images/stepien/renewal/bg_goal.png') no-repeat center / cover;box-sizing:border-box;}
.goal-top strong{display:block;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:30px;}
.goal-top p{font-size:20px;}
.goal-list{margin-bottom:60px;}
.goal-list strong{display:block;margin-bottom:60px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:24px;color:#212121;text-align:center;}
.goal-list ul{display:flex;flex-wrap:wrap;gap:30px 12px;}
.goal-list ul li{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:23px;min-height:154px;padding:0 20px 28px;width:calc(25% - 11px);font-size:17px;line-height:1.5em;text-align:center;border:1px solid #ddd;box-sizing:border-box;}
.goal-list ul li em{display:block;margin-top:-12px;width:38px;height:38px;line-height:38px;font-size:17px;color:#fff;text-align:center;background:#191664;border-radius:50%;}

.history-top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:15px;height:240px;color:#fff;line-height:1.8em;text-align:center;background:url('/images/stepien/renewal/bg_history.png') no-repeat center / cover;box-sizing:border-box;}
.history-top strong{display:block;margin-top:-20px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:36px;}
.history-top p{font-size:17px;}

.tabContent.history{margin-top:-50px;}
.tabContent.history .tabBar{margin:0 80px;gap:0;}
.tabContent.history .tabBar > li > a{font-weight:600;font-size:20px;color:#fff;background:#030505;border:none;border-radius:0;}
.tabContent.history .tabBar > li.active > a{color:#212121;background:#fff;}

.history-list{position:relative;padding:47px 0 0;}
.history-list:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#e4e4e4;}
.history-list dl{position:relative;padding:13px 0;width:50%;box-sizing:border-box;}
.history-list dl:nth-child(odd){margin-left:50%;padding-left:60px;}
.history-list dl:nth-child(even){margin-right:50%;padding-right:60px;text-align:right;}
.history-list dl:before{content:'';position:absolute;top:37px;width:42px;height:1px;background:#ada4e8;}
.history-list dl:nth-child(odd):before{left:0;}
.history-list dl:nth-child(even):before{right:0;}
.history-list dl:after{content:'';position:absolute;top:29px;width:17px;height:17px;background:#fff;border:5px solid #5c49d1;border-radius:50%;box-sizing:border-box;}
.history-list dl:nth-child(odd):after{left:-9px;}
.history-list dl:nth-child(even):after{right:-9px;}
.history-list dt{margin-bottom:15px;font-size:38px;color:#5c49d1;}
.history-list dd > ul > li{display:flex;margin-bottom:13px;line-height:1.5em;}
.history-list dd > ul > li:last-child{margin-bottom:0;}
.history-list dd > ul > li > b{display:block;flex-shrink:0;width:105px;font-size:18px;color:#212121;}
.history-list dl:nth-child(even) dd > ul > li{flex-direction:row-reverse;}

.vision-wrap > div{display:flex;justify-content:space-between;gap:20px;margin-bottom:45px;}
.vision-wrap > .grp2{margin-bottom:60px;}
.vision-wrap > .grp3 .row1{margin-bottom:65px;}
.vision-wrap > div > strong{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:130px;height:147px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:22px;color:#fff;line-height:110%;text-align:center;background:url('../../images/stepien/renewal/bg_vision1.png') no-repeat center;background-size:contain;}
.vision-wrap > .grp2 > strong{background-image:url('/images/stepiko/renewal/bg_vision2.png');}
.vision-wrap > .grp3 > strong{background-image:url('/images/stepiko/renewal/bg_vision3.png');}
.vision-wrap > div > strong em{font-weight:400;font-size:18px;letter-spacing:-0.25px;}
.vision-wrap > div > div{width:calc(100% - 180px);box-sizing:border-box;}
.vision-wrap > .grp1 .box{display:flex;justify-content:center;align-items:center;padding:20px;background:#edf2f8;border-radius:15px;}
.vision-wrap > .grp1 p{font-size:26px;color:#212121;letter-spacing:-0.25px;text-align:center;line-height:1.55em;}
.vision-wrap > .grp1 p b{font-weight:600;font-size:28px;}
.vision-wrap > .grp1 p .purple{color:#5c49d1;}
.vision-wrap .value-list ul{display:flex;gap:36px;}
.vision-wrap .value-list li{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 15px;text-align:center;background:#edf2f8;border-radius:15px; height:130px}
.vision-wrap .value-list li b{display:block;padding:15px 0;font-weight:600;font-size:25px;color:#212121;}
.vision-wrap .value-list li span{display:block;padding:15px 0;font-weight:500;font-size:22px;border-bottom:1px solid #d6d7d9;}
.vision-wrap .value-list li em{display:inline-block;margin-right:4px;width:38px;height:38px;line-height:38px;font-weight:600;font-size:25px;color:#fff;text-align:center;background:#ef7b26;border-radius:50%;}
.vision-wrap .value-list li i{font-weight:800;font-size:30px;}
.vision-wrap > .grp3 .row1 p{text-align:center;font-weight:600;font-size:24px;color:#212121;}
.plan-list{display:flex;position:relative;gap:16px;padding:40px 0 30px;}
.plan-list:before{content:'';position:absolute;left:0;right:0;top:0;height:8px;background:#e5e5e5;border-radius:5px;}
.plan-list > div{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;padding:5px;background:#8e86ee;border-radius:15px;}
.plan-list > .item2{background:#6099ee;}
.plan-list > .item3{background:#5a53bc;}
.plan-list > .item4{background:#5a53bc;}
.plan-list > div:before{content:'';position:absolute;left:50%;top:-40px;width:1px;height:40px;background:#8e86ee;border-radius:5px;}
.plan-list > .item2:before{background:#6099ee;}
.plan-list > .item4:before{background:#5a53bc;}
.plan-list > div:after{content:'';position:absolute;top:-46px;left:calc(50% - 9px);width:19px;height:19px;background:#8e86ee;border:5px solid #fff;border-radius:50%;box-sizing:border-box;}
.plan-list > .item2:after{background:#6099ee;}
.plan-list > .item3:after{background:#5a53bc;}
.plan-list > .item4:after{background:#5a53bc;}
.plan-list > div .tit{display:flex;flex-direction:column;justify-content:center;padding:5px 0;min-height:60px;font-weight:600;font-size:22px;color:#fff;text-align:center;line-height:1.2em;box-sizing:border-box;}
.plan-list > .item3 .tit{font-size:20px;letter-spacing:-0.45px;}
.plan-list > .item4 .tit{letter-spacing:-0.25px;}
.plan-list > div .listCon{padding:20px 10px 20px 15px;}
.plan-list > div .listCon:before{content:'';position:absolute;left:5px;right:5px;top:65px;bottom:5px;background:#fff;border-radius:10px 10px 15px 15px;}
.plan-list > div .listCon > li{font-size:15px;line-height:130%;letter-spacing:-0.25px;}
.plan-list > div .listCon > li:before{top:10px;border-radius:50%;}
.plan-list > div .img{margin-top:auto;position:relative;z-index:1;}
.plan-list > div .img img{width:100%;height:148px;}
.vision-wrap > .grp3 .row2 .title{display:flex;justify-content:center;align-items:center;height:56px;font-family: 'ONE-Mobile-Title';font-weight:400;font-size:22px;color:#fff;text-align:center;background-image:linear-gradient(to right, #527aad, #36568f, #1d3674);border-radius:10px;}
.vision-wrap .plan-img{padding:40px 0 45px;text-align:center;}
.plan-list2{display:flex;align-items:flex-start;position:relative;gap:20px;padding:40px 0 20px;}
.plan-list2:before{content:'';position:absolute;left:0;right:0;top:0;height:8px;background:#e5e5e5;border-radius:5px;}
.plan-list2 > div{flex:1;position:relative;padding:5px;background:#8e86ee;border-radius:15px;}
.plan-list2 > .item2{background:#6099ee;}
.plan-list2 > .item3{background:#5a53bc;}
.plan-list2 > div:before{content:'';position:absolute;left:50%;top:-40px;width:1px;height:40px;background:#8e86ee;border-radius:5px;}
.plan-list2 > .item2:before{background:#6099ee;}
.plan-list2 > .item3:before{background:#5a53bc;}
.plan-list2 > div:after{content:'';position:absolute;top:-46px;left:calc(50% - 9px);width:19px;height:19px;background:#8e86ee;border:5px solid #fff;border-radius:50%;box-sizing:border-box;}
.plan-list2 > .item2:after{background:#6099ee;}
.plan-list2 > .item3:after{background:#5a53bc;}
.plan-list2 > div .tit{display:flex;flex-direction:column;justify-content:center;padding:5px 0;min-height:105px;font-weight:600;font-size:21px;color:#fff;text-align:center;line-height:135%;}
.plan-list2 > div .listCon.flex{margin-top:auto;padding:20px;min-height:304px;background:#fff;border-radius:10px;box-sizing:border-box;}
.plan-list2 > div .listCon.flex > li{display:flex;margin-bottom:11px;font-size:15px;line-height:140%;}
.plan-list2 > div .listCon.flex > li:last-child{margin-bottom:0;}
.plan-list2 > div .listCon.flex > li em{margin-right:5px;}
.vision-wrap > .grp3 .row2 p{text-align:center;font-size:16px;}
.vision-wrap > .grp3 .row2 p b{font-weight:700;}

.openTabContent .tabBar li{display:flex;justify-content:center;align-items:center;}
.openTabContent .tabBar li a{display:flex;background-position:left top;border:none;}
.openTabContent .tabBar li.active a,
.openTabContent .tabBar li a:hover{background-color:transparent;background-repeat:no-repeat;}

.tabBar.rows2{flex-wrap:wrap;}
.tabBar.rows2 > li{flex:none;width:calc(20% - 4px) !important;}

/* ************** responsive ************** */
@media screen and (max-width:1600px){
	.main-section2 > .inner{padding:0 30px;}
	.report-slider ul > li a{padding-right:40px;}
	.report-slider ul > li a:before{right:0;}
	.report-slider ul > li .img{width:100%;}
}

@media screen and (max-width:1550px){
	.inner{padding:0 15px;width:auto;}
	#header h1{left:15px;}
	#header .headerBtn{right:15px;}
	#allMenu .inner > .logo{padding:0 15px;}
	#allMenu .inner > ul{flex-wrap:wrap;padding:30px 15px;gap:0 10px;}
	#allMenu .inner > ul > li{flex:1 1 30%;}
	#allMenu #btnMenuClose{right:15px;}
	#footer #footerMenu li{margin-right:15px;}

	.tabBar > li > a{font-size:17px;}

	.main-section3 .right{width:calc(100% - 853px);}

	#content .sideMenu{width:200px;}
	#content .subContents{width:calc(100% - 220px);}
	.locationWrap .shareBtn{right:15px;}

	.videoList ul{gap:10px;}
	.videoList li{width:calc(25% - 8px);}

	.greeting-wrap{gap:50px;}
	.greeting-wrap .img{flex-shrink:inherit;}
	.plan-list2 > div .listCon.flex > li br{display:none;}
	.plan-list > div .img img{height:auto;}
}

@media screen and (max-width:1250px){
	#header h1 img{width:200px;}
	
	#header #gnb > li > a{padding:0 35px;font-size:17px;}
	#header #gnb > li .menu{padding:25px 0 25px 35px;}
	#header .headerBtn #btnSearch{margin:0 5px;}
	#header .headerBtn .btnLink{margin:0 7px;}
	#header .headerBtn .btnLink + .btnLink:before{left:-7px;}
	#etcSite{margin-top:0;}
	#footer #etcSite2 .btnEtcOpen,
	#footer #etcSite .btnEtcOpen{padding:0 35px 0 15px;width:200px;}
	.footerLogo{display:none;}

	.main-section1 .slogan{padding-top:100px;}
	.main-section1 .slogan > .txt-wrap > span{font-size:24px;line-height:1.5em;}
	.main-section1 .slogan > .txt-wrap.txt3 > span{font-size:26px;}
	.main-section1 .tag-list .title,
	.main-section1 .tag-list a{margin:5px 10px;}
	.main-section3 > .inner{flex-direction:column;}
	.main-section3 .left,
	.main-section3 .right{width:100%;}
	.main-section3 .left > div{width:50% !important;}

	.vision-wrap .value-list ul,
	.plan-list,
	.plan-list2{gap:10px;}
}

@media screen and (max-width:1024px){
	#header #gnb{display:none;}
	#allMenu{bottom:inherit;}
	#allMenu .inner > ul{position:static;}
	#footer .fTop > .inner{flex-direction:column;padding:0;height:auto;}
	#footer #footerMenu{padding:20px 15px;}
	#footer .fRight{margin:0;border-top:1px solid rgba(255, 255, 255, 0.15);border-right:none;}
	#footer #etcSite2,
	#footer #etcSite{flex:1;}
	#footer #etcSite2 .btnEtcOpen,
	#footer #etcSite .btnEtcOpen{width:auto;}
	#footer #etcSite2 .btnEtcOpen{border-left:none;}
	#footer > .inner{flex-direction:column;align-items:flex-start;padding-top:30px;gap:20px;}
	#footer .footerSns{margin:0;}

	.main-section1 .main-srch .box{margin-bottom:20px;width:90%;}
	.mark-list a span{top:-40px;width:auto !important;height:24px;line-height:24px;font-size:13px;white-space:nowrap;}

	.locationWrap .shareBtn .btnFontMinus,
	.locationWrap .shareBtn .btnFontPlus,
	.locationWrap .shareBtn .btnPrint{display:none;}
	.locationWrap .shareBox{right:0;}
	.locationWrap .shareBtn .btnShare{width:36px;height:36px;background-size:auto 18px;}
	.locationWrap .shareBtn{margin-top:-18px;}
	.locationWrap .shareBox{top:36px;width:36px;height:36px;}
	.locationWrap .shareBox a{width:36px;height:36px;}
	#content{padding:50px 0;}
	#content .sideMenu{display:none;}
	#content .subContents{width:100%;}

	.vision-wrap > div{flex-direction:column;align-items:center;}
	.vision-wrap > div > div{width:100%;}

	.openTabContent .tabBar li a{background-position:center top;}
}

@media screen and (max-width:767px){
	body{font-size:14px;}
	.listCon.dot li:before{top:10px;}
	.bulTitle{margin-bottom:10px;}
	.email2{background-position:left 2px;}
	.btnArea{margin:30px 0;}
	.btn-down{min-width:180px;min-height:44px;font-size:17px;}
	input[type='text'], input[type='password'], input[type='number'], select{font-size:15px;}

	#header{height:60px;}
	#header .headerBtn .btnLink{font-size:16px;}
	#header .headerBtn .btnLink.active{display:none;}
	#header .headerBtn .btnLink + .btnLink:before{display:none;}
	#header .headerBtn #btnMenuOpen{margin:0 -5px 0 5px;background-position:center;}
	#header .headerBtn #totalSearchWrap{left:0;padding:20px;}
	#header .headerBtn #totalSearchWrap .title{margin-top:30px;padding-top:30px;font-size:30px;}
	#header .headerBtn #totalSearchWrap p{margin-bottom:40px;font-size:15px;}
	#header .headerBtn .totalSearch{margin:0;width:100%;}
	#header .headerBtn #btnSearchClose{top:20px;right:20px;}
	#header .headerBtn .totalSearch input::-webkit-input-placeholder{font-size:17px;}
	#header .headerBtn .totalSearch input:-ms-input-placeholder{font-size:17px;}
	#header .headerBtn .totalSearch input[type="text"]{font-size:17px;}
	#allMenu{position:fixed;top:0;bottom:0;background:#f5f5f5;}
	#allMenu .logo.webOnly{display:none;}
	#allMenu h2.mobileOnly{display:block;}
	#allMenu .inner > ul{display:block;padding:0;position:absolute;left:0;right:0;top:60px;bottom:0;height:auto;overflow-y:auto;}
	#allMenu .inner > ul > li{border:none;}
	#allMenu .inner > ul > li > a{justify-content:flex-start;padding:5px 15px;font-size:15px;font-weight:400;color:#212121;text-align:left;background:transparent;border:none;border-bottom:1px solid #fff;box-sizing:border-box;}
	#allMenu .inner > ul > li:hover > a{background:transparent;}
	#allMenu .inner > ul > li.active > a{font-weight:400;}
	#allMenu .inner > ul > li > ul{display:none;position:absolute;left:40%;right:0;top:0;padding:0 15px;min-height:100%;}
	#allMenu .inner > ul > li > ul > li{margin-bottom:0;border-bottom:1px solid #dbdae8;}
	#allMenu .inner > ul > li > ul > li > a{padding:17px 25px 17px 10px;font-size:15px;}
	#allMenu .inner > ul > li > ul > li > a:hover:after{display:none;}
	#allMenu #btnMenuClose{right:0;width:60px;height:60px;background:url('/images/stepien/renewal/icon_menu_close.png') center no-repeat;}
	#btnTop{right:30px;bottom:30px;border-width:5px;}
	#footer{padding:0 0 50px;}
	#footer #footerMenu{padding:15px;flex-wrap:wrap;}
	#footer #footerMenu li a{padding:5px 0;font-size:14px;}
	#footer #etcSite2 .btnEtcOpen,
	#footer #etcSite .btnEtcOpen{height:50px;font-size:13px;}
	#footer #etcSite ul,
	#footer #etcSite2 ul{padding:15px;bottom:50px;}
	#etcSite ul li a,
	#etcSite2 ul li a{font-size:13px;text-align:left;}
	#footer .copy{font-size:13px;text-align:left;}
	
	#container{padding-top:60px;}

	.tabBar{flex-wrap:wrap;margin-bottom:30px;}
	.tabBar > li{flex:1 1 40%;}
	.tabBar > li > a,
	.viewContent .tabBar > li > a{height:40px;font-size:15px;}
	.tabBar.dep2 > li{flex:inherit;}
	.tabBar.dep2 > li > a{padding:10px;}

	.title-area{margin-bottom:20px !important;}
	.title-area h3{font-size:20px;}
	.title-area p{font-size:14px;word-break:keep-all;}
	.main-section1{height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
	.main-section1 .slogan{margin-bottom:20px;padding-top:0;}
	.main-section1 .slogan > .txt-wrap > span{font-size:15px;word-break:keep-all;}
	.main-section1 .slogan > .txt-wrap.txt3 > span{font-size:16px;}
	.main-section1 .main-srch .box{height:50px;}
	.main-section1 .main-srch .box input[type="text"]{padding:0 60px 0 30px;font-size:15px;}
	.main-section1 .main-srch .box .btn-srch{width:60px;background-size:20px auto;}
	.main-section1 .main-srch .box input::-webkit-input-placeholder{font-size:15px;}
	.main-section1 .main-srch .box input:-ms-input-placeholder{font-size:15px;}
	.main-section1 .tag-list .title,
	.main-section1 .tag-list a{margin:3px 5px;font-size:13px;}
	.main-section2{padding:40px 0;}
	.report-wrap:before{left:-20px;top:182px;}
	.report-slider ul > li a{padding-right:0;}
	.report-slider ul > li a:before{top:0;right:50%;margin-right:-104px;width:148px;height:200px;background-size:contain;}
	.report-slider ul > li .img{margin:0 auto 15px;width:147px;height:200px;}
	.report-slider ul > li em{font-size:14px;}
	.report-slider ul > li .title{font-size:17px;}
	.report-slider > .swiper-button-next{right:0;}
	.main-section3{padding:40px 0;}
	.main-section3 .left{flex-direction:column;}
	.main-section3 .left > div{padding:20px;width:auto !important;}
	.main-section3 .left .swiper-top h3{font-size:18px;}
	.main-section3 .left ul li .img{height:200px;}
	.main-section3 .left .video-slider ul li .img{height:190px;}
	.main-section3 .left > .video-wrap{border-left:1px solid #d9d9d9;border-top:none;}
	.main-section3 .right h3{font-size:18px;}
	.main-section3 .btn-more{top:20px;}
	.board-list > li > a{padding:15px 0;}
	.board-list > li .date{height:80px;font-size:14px;}
	.board-list > li em{font-size:24px;}
	.board-list > li .title{margin-bottom:10px;max-height:44px;line-height:22px;font-size:17px;}
	.board-list > li .desc{font-size:14px;}
	.main-section4{padding:40px 0;}
	.mark-list .item2:before{top:0;left:50%;}
	.mark-list .item2 span{top:30px;}
	.mark-list .item3:before{top:-20px;height:20px;}
	.mark-list .item3 span{top:-25px;}
	.main-section5{padding:40px 0;}
	.news-login li label{width:105px;font-size:15px;}
	.news-login .btn-login{width:100%;height:38px;font-size:17px;line-height:38px;}

	#content{padding:30px 0 50px;}
	.subTop{height:140px;}
	.subTop h3{margin-bottom:15px;font-size:24px;}
	.locationWrap .shareBtn{top:15px;margin-top:0;}
	.bulTitle{font-size:17px;}
	.h4Content{margin-bottom:40px;}

	.boardView .title{font-size:17px;}
	.boardView .info span{font-size:14px;}
	.viewCon{padding:15px;}
	table.list th,
	table.list td{height:auto;font-size:14px;}
	table.list .title{font-size:17px;}
	table.list tr:hover{border-bottom:2px solid #5c49d1;}
	table.list tr:hover td{border-bottom:none;}

	.viewCon img{height:auto !important;}
	.viewContent .viewTop{padding:10px 0 20px;}
	.viewContent .viewCon{padding:20px 0;}
	.boardTabView .title{padding:20px 15px;}
	.boardTabView .title .info span{font-size:14px;}
	
	.videoList{margin-bottom:40px;}
	.videoList li{width:calc(50% - 5px);}
	.videoList li.empty,
	.videoList.cols3 li.empty{padding:50px 0 !important;font-size:17px;}
	.videoList li:nth-child(odd):before{display:block;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #ddd;}

	table.info td.fontBig{font-size:14px;}
	table.ceo th,
	table.ceo td{padding:10px 5px;}

	.greeting-wrap{flex-direction:column-reverse;align-items:center;gap:20px;background-size:contain;background-position:left 80px;}
	.greeting-wrap .img{width:150px;}
	.greeting-wrap .img p{margin-top:20px;font-size:16px;text-align:center;}
	.greeting-wrap .img p b.big{font-size:17px;}
	.greeting-wrap p{margin-bottom:20px;font-size:15px;}
	.greeting-wrap p.top{margin-bottom:30px;font-size:17px;}

	.goal-top{margin-bottom:40px;height:200px;gap:20px;word-break:keep-all;}
	.goal-top strong{font-size:20px;}
	.goal-top p{font-size:16px;}
	.goal-list{margin-bottom:0;word-break:keep-all;}
	.goal-list strong{margin-bottom:30px;font-size:17px;}
	.goal-list ul{gap:20px 10px;}
	.goal-list ul li{gap:12px;min-height:inherit;padding:0 10px 20px;width:calc(50% - 5px);font-size:14px;}
	.goal-list ul li em{font-size:14px;}

	.tabContent.history{margin-top:-40px;}
	.tabContent.history .tabBar{margin:0 20px;}
	.tabContent.history .tabBar > li > a{font-size:17px;}
	
	.history-top{height:200px;gap:20px;word-break:keep-all;}
	.history-top strong{font-size:20px;}
	.history-top p{font-size:16px;}
	.history-list{padding:30px 20px 0;}
	.history-list:before{left:19px;}
	.history-list dl{margin:0 !important;padding:13px 0 13px 40px !important;width:auto;text-align:left !important;}
	.history-list dl:before{top:25px;width:30px;}
	.history-list dl:after{top:17px;}
	.history-list dl:nth-child(even):before{left:0;right:inherit;}
	.history-list dl:nth-child(even):after{left:-9px;right:inherit;}
	.history-list dt{font-size:20px;}
	.history-list dd > ul > li{flex-direction:row !important;}
	.history-list dd > ul > li > b{width:90px;font-size:15px;}

	.vision-wrap > div > strong{font-size:17px;}
	.vision-wrap > div > strong em{font-size:15px;}
	.vision-wrap > .grp1 p{font-size:17px;}
	.vision-wrap > .grp1 p b{font-size:19px;}
	.vision-wrap .value-list li{padding:10px;}
	.vision-wrap .value-list li b{padding:7px 0;font-size:17px;}
	.vision-wrap .value-list li em{width:25px;height:25px;line-height:25px;font-size:17px;}
	.vision-wrap .value-list li i{font-size:17px;}
	.vision-wrap .value-list li span{padding:7px 0;line-height:25px;font-size:14px;}
	.plan-list{flex-wrap:wrap;padding-bottom:20px;}
	.plan-list > div{flex:1 1 40%;}
	.plan-list > div .tit{font-size:17px !important;word-break:keep-all;}
	.plan-list > div .listCon{padding:20px 10px;}
	.plan-list > div .listCon:before{top:65px;}
	.plan-list > .item3:before,
	.plan-list > .item4:before,
	.plan-list > .item3:after,
	.plan-list > .item4:after{z-index:-1;}
	.vision-wrap > .grp3 .row1 p{font-size:15px;}
	.vision-wrap > .grp3 .row2 .title{font-size:17px;word-break:keep-all;}
	.plan-list2{flex-wrap:wrap;}
	.plan-list2 > div{flex:1 1 40%;}
	.plan-list2 > .item3:before,
	.plan-list2 > .item3:after{z-index:-1;}
	.plan-list2 > div .tit{min-height:60px;font-size:17px;word-break:keep-all;}
	.plan-list2 > div .listCon.flex{padding:20px 10px;min-height:inherit;}
	.plan-list2 > div .listCon.flex > li em{flex-shrink:0;width:30px;}
	.vision-wrap > .grp3 .row2 p{font-size:15px;}

	.openTabContent .tabBar li.active a,
	.openTabContent .tabBar li a:hover{background-size:50px;}
	.tabBar.rows2 > li{flex:1 1 40%;width:auto !important;}
}

@media screen and (max-width:500px){
	#header h1 img{width:170px;}

	.main-section1 .slogan > .txt-wrap > span{font-size:14px;}
	.main-section1 .slogan > .txt-wrap.txt3 > span{font-size:15px;}
	.board-list > li .date{width:60px;}
	.board-list > li .con{width:calc(100% - 75px);}
	.mou-map img{height:250px;}
	.mark-list a i{width:5px;height:5px;}
	.news-login{width:100%;}
	.news-login li{gap:8px;}

	.videoList li,
	.videoList.cols3 li{padding:20px 0;width:100%;}
	.videoList li .img{text-align:center;margin:0 auto 15px;width:280px;}
	.videoList li .title{height:auto;max-height:48px;font-size:17px;text-align:center;}
	.videoList li:before{display:block;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #ddd;}

	.vision-wrap > div{gap:15px;margin-bottom:40px;}
	.vision-wrap > .grp2{margin-bottom:40px;}
	.vision-wrap > .grp3{margin-bottom:0;}
	.vision-wrap > .grp3 .row1{margin-bottom:40px;}
	.vision-wrap .value-list ul{flex-direction:column;}
	.vision-wrap .plan-img{padding:30px 10px;}
	.plan-list2 > div{flex:1 1 50%;}
	.plan-list2 > .item2:before,
	.plan-list2 > .item2:after{z-index:-1;}
}

@media screen and (max-width:359px){

}

@media print {
	@page{size:A4;}
	* {-webkit-print-color-adjust:exact;print-color-adjust:exact;}
	#header #gnb,
	#content .sideMenu{display:none;}
	.inner{padding:0 15px;width:auto;}
	#header h1{left:15px;}
	#header .headerBtn{right:15px;}
	#content .subContents{width:100%;}
	#footer #footerMenu li{margin-right:15px;}
	#footer #etcSite2 .btnEtcOpen,
	#footer #etcSite .btnEtcOpen{padding:0 35px 0 15px;width:200px;}
}