@charset "utf-8";
/*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansKR-Light-Hestia.woff) format('woff'),
       url(../font/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(../font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(../font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../font/NotoSansKR-Bold-Hestia.woff) format('woff'),
        url(../font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../font/NotoSansKR-Black-Hestia.woff) format('woff'),
        url(../font/NotoSansKR-Black-Hestia.otf) format('opentype');
}
*/
#skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;}
#skipNavi a:active,
#skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;}
#wrap{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:300;font-size:13px;line-height:150%;}
button, input, textarea{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}

/* main_layout */
#fullpage .section{background-repeat:no-repeat;}
#fullpage .movieFrame{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;overflow:hidden;}
#fullpage .movieFrame .in{display:block;position:relative;padding-bottom:56.25%;overflow:hidden;height:0;max-width:100%;}
#fullpage .movieFrame .in iframe{width:100%;height:105.5%;position:absolute;left:0;right:0;bottom:0;top:-5.5%;}
#fullpage .movieFrame:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.2);}
#fullpage .section#section0{background:none;}

@keyframes moving{
    0%{transform:translateZ(0);opacity:0}
    20%{transform:translateZ(0);opacity:1}
    70%{transform:translate3d(0,11px,0);opacity:1}
    to{transform:translate3d(0,11px,0);opacity:0}
}

@-ms-keyframes allMenuBefore {
	0% {width:29px;}
	50% { width:0px;}
	100% { width:29px;}
}
@keyframes allMenuBefore {
	0% {width:29px;}
	50% { width:0px;}
	100% { width:29px;}
}
@-ms-keyframes allMenuSpan {
	0% {width:45%;}
	50% { width:25px;}
	100% { width:45%;}
}
@keyframes allMenuSpan {
	0% {width:45%;}
	50% { width:25px;}
	100% { width:45%;}
}

/* ===== header 영역 : S ===== */
.eg{background:#4F6280;text-align:right;padding:7px 50px;position:fixed;left:0;right:0;top:0;z-index:1000;}
.eg p{color:#fff;font-size:13px;line-height:18px;}
.eg p img{margin:1px 5px 0 0;vertical-align:top;}
body > header{position:fixed; top:32px;width:100%; height:100px;border-bottom:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.4); z-index:999; -webkit-transition:all .3s ease; transition: all .3s ease;}
body > header.scroll{position:fixed; top:0;}
header .header{width:100%; height:100%; display:flex; align-items:center; padding:20px 40px 20px 50px; box-sizing: border-box;}
header .header > div{width:auto; display:flex; align-items:center; height:auto;}
header .eg{}
	
/* -- 왼쪽 영역 -- */
	header .header > div.left{text-align:left; flex:none;}
	header .header > div.left .home{width:143px; height:48px; flex:none; background:url('../../images/2022/logo.svg') center left no-repeat; font-size:0; margin-right:35px; transition:0s all;}
    header .header > div.left .policy{width:125px; height:48px; flex:none; background:url('../../images/2022/img_logo02.svg') center left no-repeat;background-size:cover;font-size:0; margin-right:0; transition:0s all;}
	/* - 1뎁스 메뉴 */
    header .header > div.center{flex:auto; justify-content:flex-end;}
	header .header > div.center .menu{width:auto; height:auto; display:flex; align-items:center; }
	header .header > div.center .menu > li{width:auto; height:100%; display:inline-block;}
	header .header > div.center .menu > li > a{font-family:'Noto Sans KR', sans-serif; font-weight:bold; letter-spacing:-0.05em; color:#fff; font-size:20px; line-height:60px; margin:0 30px; padding-bottom:5px; position:relative; overflow:hidden;}
	header .header > div.center .menu > li > a:before{content:''; position:absolute; width:0; height:2px; background:#578ad5; bottom:0; left:0; }	
	header .header > div.center .menu > li > a.menuListOn:before{width:100%;-webkit-transition:all .5s ease; transition: all .5s ease;}
	header .header > div.center .menu > li > a.selectedMenuOn:before{width:100%;-webkit-transition:all .5s ease; transition: all .5s ease; background:#bbb;}
	header .header > div.center .menu > li > a.menuListOn:hover, 
	header .header > div.center .menu > li > a.menuListOn:focus,
	header .header > div.center .menu > li > a.menuListOn:active{color:#000;}
		/* ^ 마우스오버 했을때 드롭다운 2뎁스 메뉴 */
		.menuList{display:none; width:100%; height:auto; position:Absolute; top:100px; left:0; background:#fff; padding:0 12% 0 400px; border-bottom:2px solid #888888;font-family:'Noto Sans KR', sans-serif;}
        .menuList .leftH2{position:absolute;left:0;top:0;width:400px;height:100%;background:#EBEDEF url(../../images/2022/bg_gnb_subLeft.png) no-repeat right top;box-sizing:border-box;text-align:right;padding:25px 50px 25px 50px}
        .menuList .leftH2 h2{font-size:32px;color:#003668;font-weight:600;letter-spacing:-1px;margin-bottom:15px;padding-bottom:15px;position:relative;}
        .menuList .leftH2 h2:after{content:'';display:block;position:absolute;right:0;bottom:0;width:30px;height:1px;background:#000;}
        .menuList .leftH2 p{display:none;font-size:16px;color:#676767;line-height:150%;letter-spacing:-1px;}
		.menuList .mlWrap{display:block; width:100%; height:100%; text-align:center; margin:0 auto; padding:0; position:relative;}
		.menuList .mlBG{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; text-align:center; margin:0 auto; padding:0; border-left:1px solid #ececec;}
		.menuList .mlBG > span{display:block; width:20%; height:100%; position:relative;}
	header .header > div.center .menu > li:nth-child(1) .menuList .mlBG > span:nth-child(3){width:22%;}
	header .header > div.center .menu > li:nth-child(1) .menuList .mlBG > span:nth-child(5){width:18%;}
	header .header > div.center .menu > li:nth-child(3) .menuList .mlBG > span:first-child{width:23%;}
	header .header > div.center .menu > li:nth-child(3) .menuList .mlBG > span:last-child{width:17%;}
		.menuList .mlBG > span:after{content:''; width:1px; height:100%; display:block; background:#ececec; right:0; top:0; position:absolute;}
		.menuList .mlCnt{width:100%; height:100%; display:flex; flex-wrap:wrap; text-align:center; margin:0 auto; padding:30px 0 0 0; border-left:1px solid #ececec;}
		.menuList .mlCnt > ul{width:20%; display:block;padding:0 2.3%; margin-bottom:45px; text-align:left; position:relative; z-index:99;}
	header .header > div.center .menu > li:nth-child(1) .menuList .mlCnt > ul:nth-child(3){width:22%;}
	header .header > div.center .menu > li:nth-child(1) .menuList .mlCnt > ul:nth-child(5){width:18%;}
	header .header > div.center .menu > li:nth-child(3) .menuList .mlCnt > ul:first-child{width:23%;}
	header .header > div.center .menu > li:nth-child(3) .menuList .mlCnt > ul:last-child{width:17%;}
		.menuList .mlCnt li > a{margin-right:0 !important;}
		.menuList .mlCnt li.depth02{position:relative; display:inline-block; font-family:'Noto Sans KR', sans-serif; font-weight:bold; font-size:19px; color:#333333; /*padding-bottom:14px; letter-spacing:-0.05em*/}
		.menuList .mlCnt li.depth02_let{letter-spacing:-0.05em}
		.menuList .mlCnt li.depth03{padding-top:14px;}
		.menuList .mlCnt li.depth03 > a{position:relative; display:block; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:17px; color:#838383; padding-bottom:1px;line-height:120%; margin-bottom:7px;}
		.menuList .mlCnt li.depth03 > a:last-child{padding-bottom:0;}
		.menuList .mlCnt li.depth03 > a.hoverOn, 
		.menuList .mlCnt li.depth03 > a:focus{color:#578ad5;}
		.menuList .mlCnt li.depth03 > a.newTab > i{display:inline-block; vertical-align:middle; /*margin-top:8px;*/ width:18px; height:18px; margin-left:8px; background:url('../../images/2019/controls.png') -148px -59px  / auto no-repeat;  }
		.menuList .mlCnt li.depth03 > a.newTab:after{display:none}
		.menu a.depth01 i{display:inline-block; width:14px; height:12px; /*margin-top:5px;*/ margin-bottom:8px; margin-left:8px; vertical-align:middle; background:url('../../images/2019/controls.png') -131px -59px / auto no-repeat;}
		
/* -- 오른쪽 영역 -- */
	header .header > div.right{flex:auto; justify-content:flex-end;}
	/* - 보다나은정부 */
	header .header > div.right .gotoEng{color:#fff;margin-right:20px;}
	header .header > div.right .wording{width:132px;height:49px; font-size:0; }
	body.black header .header > div.right .wording,
	body.vsc-initialized header .header > div.right .wording,
	header.headerHover .header > div.right .wording,
	header#whiteSkin-scroll .header > div.right .wording {background:url('../../images/2022/header-wording_20220824.png') center right / auto no-repeat !important;}
	body.white header .header > div.right .wording{background:url('../../images/2022/header-wording_20220824.png') center right / auto no-repeat;}
	/* - 전체 메뉴 */
	header .header > div.right .allMenu{width:40px; height:41px; padding:10px; margin:10px 0 10px 10px; position:relative; overflow:hidden; z-index:9999;}
	header .header > div.right .allMenu > span{width:45%; height:2px; background:#fff; display:block; font-size:0;position:absolute;right:0;}
	header .header > div.right .allMenu:before{content:''; position:absolute; width:29px; height:2px; top:10px; background:#fff; display:block;right:0;}
	header .header > div.right .allMenu:after{content:''; position:absolute; width:29px; height:2px; bottom:9px; background:#fff; display:block;right:0;}
	header .header > div.right .allMenu:hover:before, header .header > div.right .allMenu:hover:after{-webkit-animation: allMenuBefore 1s ease-out; -moz-animation: allMenuBefore 1s ease-out; animation: allMenuBefore 1s ease-out; }
	header .header > div.right .allMenu:hover > span{-webkit-animation: allMenuSpan 1s ease-out; -moz-animation: allMenuSpan 1s ease-out; animation: allMenuSpan 1s ease-out; }
	/* - 즐겨찾는 메뉴(아이콘) */
	header .header > div.right .popMenu{width:21px; height:21px; margin:0 10px 0 0; display:inline-block; position:relative; overflow:hidden;}
	header .header > div.right .popMenu > span{width:21px; height:10px; display:block;}
	header .header > div.right .popMenu > span > i{width:10px; height:10px; border:2px solid #fff; display:inline-block; vertical-align:top;border-radius:4px;}
	header .header > div.right .popMenu > span > i:nth-child(1){margin-right:1px; }
	header .header > div.right .popMenu > span:nth-child(1){margin-bottom:1px;}
		/* ^ 아이콘: 즐겨찾는 메뉴 */
		header .header > div.right .popMenu:hover > span > i.box-01{-webkit-animation: popMenuIcon 1s; animation: popMenuIcon 1s; }
		header .header > div.right .popMenu:hover > span > i.box-02{-webkit-animation: popMenuIcon 3s; animation: popMenuIcon 3s; }
		header .header > div.right .popMenu:hover > span > i.box-03{-webkit-animation: popMenuIcon 5s; animation: popMenuIcon 5s; }
		header .header > div.right .popMenu > span > i.plus{border:none !important; width:9px; height:9px; margin:1px 0 0 1px; text-align:right; position:relative;}
		header .header > div.right .popMenu > span > i.plus:before{content:''; position:absolute; width:8px; height:2px; background:#fff; right:0; bottom:3px;}
		header .header > div.right .popMenu > span > i.plus:after{content:''; position:absolute; width:2px; height:8px; background:#fff; right:3px; bottom:0;}
		header .header > div.right .popMenu:hover > span > i.plus:before, 
		header .header > div.right .popMenu:hover > span > i.plus:after{-webkit-animation: plusIcon 4s ease-out ; -moz-animation: plusIcon 4s ease-out ; animation: plusIcon 4s ease-out ; }
	/* - 검색바 (input) */
	.searchIcon_mobile{display:none ;}
	.search_mobile{display:inline-block; width:auto; height:auto;}
	#searchFrm{ overflow:hidden;}
	header .header > div.right .searchFrmWrap input[name="searchInput"]{width:180px; height:100%; border:1px solid #ccc;background:none; border-radius:18px;  padding:0 15px 0 15px; color:#fff; font-size:12px; -webkit-transition:all .3s ease; transition: all .3s ease;}
	header .header > div.right .searchFrmWrap input[name="searchInput"]:focus,
	header .header > div.right .searchFrmWrap input[name="searchInput"]:active{width:200px !important; border-radius:0 !important; }
	header .header > div.right .searchFrmWrap input::-webkit-input-placeholder{color:rgba(255,255,255,.8);}
	header .header > div.right .searchFrmWrap{ width:auto; height:36px; margin-right:25px; position:relative; display:inline-block; vertical-align:middle;}
	header .header > div.right .searchFrmWrap label{display:none;}
	header .header > div.right .searchFrmWrap input[name="searchInput"]::-ms-clear{display: none;}
    header .header > div.right .lang{position:relative; margin-right:20px}
    header .header > div.right .lang a{display:inline-block;vertical-align:top;position:relative;font-size:12px;font-weight:400;margin-left:10px;padding-left:14px;color:rgba(255,255,255,0.5);letter-spacing:0;}
    header .header > div.right .lang a.on{font-weight:600;color:rgba(255,255,255,1)}
    header .header > div.right .lang a:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:11px;background:rgba(255,255,255,0.5);}
    header .header > div.right .lang a:first-child{}
    header .header > div.right .lang a:first-child:before{display:none;}
	input[name="searchInput"]:-ms-clear{display: none;}
		/* ^ 아이콘(작성 검색어 삭제) */
		.schButton .searchClear{width:24px; height:24px; display:inline-block; margin-right:10px; }
		.schButton .searchClear span{height:100%; width:100%; display:block; position:relative; font-size:0;} 		
		.schButton .searchClear span:before, .schButton .searchClear span:after{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#999; -webkit-transition:all .3s ease; transition: all .3s ease; }
		.schButton .searchClear span:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
		.schButton .searchClear span:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
		.schButton .searchClear:hover span:before, .schButton .searchClear:hover span:after{background:#578ad5;}
		/* ^ 아이콘(검색하기) */
		.schButton{position:absolute; right:0; top:0; width:auto; height:100%; padding:6px 12px 6px 0;}
		.schButton .schButtonWrap{display:flex; align-items:center; justify-content:flex-end; margin:0;}
		.schButton .searchIcon{width:22px; height:22px; display:inline-block; font-size:0;}
		.schButton .searchIcon span{height:100%;width:100%;display:block;position:relative;} 
		.schButton .searchIcon span:before, .schButton .searchIcon span:after{content:''; display:block; position:absolute; top:2px; left:2px;  -webkit-transition:all .3s ease; transition: all .3s ease; }
		.schButton .searchIcon span:before{width:12px; height:12px; border:2px #fff solid; border-radius:100%;}
		.schButton .searchIcon span:after{width:2px; height:7px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:14px; left:17px;}
		.schButton .searchIcon.active{width:60px; font-family:'Noto Sans KR', sans-serif;}
		.schButton .searchIcon.active span:before{content:'검색'; width:60px; height:22px; border-radius:30px; background:#555; border:none !important; color:#fff; font-weight:300; font-size:12px; line-height:20px;}
		.schButton .searchIcon.active span:after{transform: scale(0);}		
		.schButton .searchIcon.active:hover span:before{background:#578ad5;}
		/* ^ 자동완성형 검색창 */
		#tbList{border-left:1px solid #eee;}
		.auto_complete {position:absolute;z-index:9999;right:-211px;width:626px;margin-top:0;background-color:#fff; box-shadow:0px 3px 5px rgba(0,0,0,.25); text-align:left; border-bottom:2px solid #888888; padding:10px; }
		.auto_complete > div {display:block;padding:5px;overflow:hidden;}
		.auto_complete > div:after {content:'';display:block;clear:left;visibility:hidden;height:0;}
		.auto_complete ul {display:inline-block;float:left;width:170px;height:auto;margin:8px;}
		.auto_complete li {font-size:13.5px;padding:5px 0;}
		.auto_complete li:first-child {padding-top:0;}
		.auto_complete dl {padding:0 10px;}
		.auto_complete dl dt {font-weight:600;font-size:13.5px;padding:5px 0;}
		.auto_complete dl dd {font-size:13px;color:#777;margin-bottom:10px;}
		.auto_complete a strong, .auto_complete .search_keyword {color:#ed1a3b;}
		.auto_complete .tbList {float:left;width:400px;}
		.auto_complete .auto_rlist { display:inline-block;float:left;width:390px;height:auto; border-left:1px solid #ccc;padding:0 10px;margin:8px;	}

/* 글자크기 */
    header .header > div.right .lang button.fontsize{display:inline-block; vertical-align:middle; position:relative; margin:0 0 2px 8px; padding-left:10px; font-size:12px; font-family:'Nanum Gothic', sans-serif; font-weight:600; color:rgba(255,255,255,1); letter-spacing:0;}
    header.headerHover .header > div.right .lang button.fontsize{color:#000;}
    header .header > div.right .lang .sizeBox {display:none; position:absolute; z-index:9999; top:40px; right:0; /*padding:22px 23px 24px 24px;*/ background:#fff; border-radius:6px; font-family:'Noto Sans KR', sans-serif;
		border:1px solid rgba(0,0,0,0.2);
		/*
		border:1px solid transparent;
		background-image:linear-gradient(#fff, #fff), linear-gradient(120deg, #bd445b, #bd445b, #bd445b, #41478f, #41478f, #41478f);
		background-origin:border-box; 
		background-clip:content-box, border-box;
		*/
		box-shadow:0 6px 13px rgb(0 0 0 / 10%);
	}
    header .header > div.right .lang .sizeBox .btn_close {position:absolute; top:24px; right:24px; display:block; width:14px;height:14px;background:url('../../images/2022/btn_close_ft.svg') no-repeat;}
    header .header > div.right .lang .sizeBox>.tit {margin:22px 0 24px 24px; font-size:15px; font-weight:500; color:#222;}
    header .header > div.right .lang .sizeBox ul {position:relative; display:flex; justify-content: space-between; width:300px; margin:0 28px 24px 24px;}
    header .header > div.right .lang .sizeBox ul:before {content:''; position:absolute; left:0; top:17px; display:block; width:calc(100% - 10px); height:6px; background:#E9E9E9;}
    header .header > div.right .lang .sizeBox ul > li {position:relative; padding-bottom:20px;}
    header .header > div.right .lang .sizeBox ul > li:nth-child(n+4) .txt {width:calc(100% + 30px); margin-left:-15px;}
    header .header > div.right .lang .sizeBox ul > li span {display:block;}
    header .header > div.right .lang .sizeBox ul > li .btn_plus {display:block;}
    header .header > div.right .lang .sizeBox ul > li .ico {position:relative; display:flex; justify-content:center; align-items:center; width:36px; height:36px; margin:0 auto; margin-bottom:8px; border:1px solid #D4D4D4; border-radius:50%; font-size:15px; color:#555; background:#fff; z-index:2; transition:.2s all;}
    header .header > div.right .lang .sizeBox ul > li .txt {position:absolute; bottom:0; width:100%; font-size:14px; color:#666; transition:.2s all;}
    header .header > div.right .lang .sizeBox ul > li.lv1 .ico {font-size:12px;}
    header .header > div.right .lang .sizeBox ul > li.lv2 .ico {font-size:13px;}
    header .header > div.right .lang .sizeBox ul > li.lv3 .ico {font-size:14px;}
    header .header > div.right .lang .sizeBox ul > li.lv4 .ico {font-size:15px;}
    header .header > div.right .lang .sizeBox ul > li.lv5 .ico {font-size:16px;}
    header .header > div.right .lang .sizeBox ul > li .btn_plus:hover .ico {background:#578ad5; border-color:#578ad5; color:#fff;}
    header .header > div.right .lang .sizeBox ul > li .btn_plus:hover .txt {color:#222;}
    header .header > div.right .lang .sizeBox ul > li .btn_plus.on .ico {background:#578ad5; border-color:#578ad5; color:#fff;}
    header .header > div.right .lang .sizeBox ul > li .btn_plus.on .txt {color:#222;}

/* -- 마우스 오버 -- */
	/* - 공통 */
	body > header.headerHover{background:#fff; border-bottom:1px solid #ddd;  }
	/* - 왼쪽 영역 */
	header.headerHover .header > div.left .home{background:url('../../images/2022/logo-dark.svg') center left / auto no-repeat !important;}
    header.headerHover .header > div.left .policy{background:url('../../images/2022/img_logo02_dk.svg') center left;background-size:cover;}
	header.headerHover .header > div.center .menu > li > a{color:#333;}
	/* - 오른쪽 영역 */
		header.headerHover .header > div.right .gotoEng{color:#333;}
        header.headerHover .header > div.right .lang a{color:#7e7e7e;}
        header.headerHover .header > div.right .lang a:before{background:#7e7e7e;}
        header.headerHover .header > div.right .lang a.on{color:#000;}
		/* ^ 즐겨찾기 메뉴 */
		header.headerHover .header > div.right .popMenu > span > i{border:2px solid #000;}
		header.headerHover .header > div.right .popMenu > spa n > i.plus{border:none;}
		header.headerHover .header > div.right .popMenu > span > i.plus:before,
		header.headerHover .header > div.right .popMenu > span > i.plus:after{background:#000; }
		/* ^ 전체메뉴 */
		header.headerHover .header > div.right .allMenu > span{background:#000;}
		header.headerHover .header > div.right .allMenu:before{background:#000;}
		header.headerHover .header > div.right .allMenu:after{background:#000;}
		/* ^ 검색바 */
		header.headerHover .header > div.right .searchFrmWrap input[name="searchInput"]{background:none; color:#333333;}
		header.headerHover .header > div.right .searchFrmWrap input::-webkit-input-placeholder{color:#787878;}
		header.headerHover .schButton .searchIcon span:before{border:2px #787878 solid;}
		header.headerHover .schButton .searchIcon span:after{background:#787878;}
		header.headerHover .schButton .searchIcon:hover span:before{border:2px #578ad5 solid; -webkit-transition:all .3s ease; transition: all .3s ease;}
		header.headerHover .schButton .searchIcon:hover span:after{background:#578ad5; -webkit-transition:all .3s ease; transition: all .3s ease;}

/* -- 테마 : black -- */
	/* - 공통 */
	body.black header{border-bottom:1px solid rgba(51,51,51,.1);  }
	/* - 왼쪽 영역 */
	body.black .header > div.left .home{background:url('../../images/2022/logo-dark.png') center right / auto no-repeat !important;}
	body.black .header > div.left .menu > li > a{color: rgba(0,0,0,.7);}
	/* - 오른쪽 영역 */
		/* ^ 즐겨찾기 메뉴 */
		body.black .header > div.right .popMenu > span > i{border: 1px solid rgba(0,0,0,.7);}
		body.black .header > div.right .popMenu > span > i.plus{border:none;}
		body.black .header > div.right .popMenu > span > i.plus:before,
		body.black .header > div.right .popMenu > span > i.plus:after{background:#578ad5; }
		/* ^ 전체 메뉴 */
		body.black .header > div.right .allMenu > span{background: rgba(87,138,213,.7);}
		body.black .header > div.right .allMenu:before{background: rgba(0,0,0,.7);}
		body.black .header > div.right .allMenu:after{background: rgba(0,0,0,.7);}
		/* ^ 검색바 */
		body.black .header > div.right .searchFrmWrap input[name="searchInput"]{background:rgba(0,0,0,.05); color:#333333;}
		body.black .header > div.right .searchFrmWrap input::-webkit-input-placeholder{font-family:'Nanum Gothic', sans-serif; color:#777;}
		body.black .schButton .searchIcon span:before{border: 1px rgba(0,0,0,.7) solid;}
		body.black .schButton .searchIcon span:after{background: rgba(0,0,0,.7);}
		body.black .schButton .searchIcon:hover span:before{border:1px #578ad5 solid; -webkit-transition:all .3s ease; transition: all .3s ease;}
		body.black .schButton .searchIcon:hover span:after{background:#578ad5; -webkit-transition:all .3s ease; transition: all .3s ease;}
		/* ^ 상단 SNS 채널(블로그,페이스북,트위터,유튜브) */
		body.black .gotoLink a:before{opacity:0.7;}
		body.black .gotoLink a.facebook:before{background:url('../../images/2019/controls.png') -92px -78px  / auto no-repeat;}
		body.black .gotoLink a.twitter:before{background:url('../../images/2019/controls.png') -101px -79px  / auto no-repeat;}
		body.black .gotoLink a.youtube:before{background:url('../../images/2019/controls.png') -119px -78px  / auto no-repeat;}
		body.black .gotoLink a.naverblog:before{background:url('../../images/2019/controls.png') -140px -78px  / auto no-repeat;}
		body.black .gotoLink a.instagram:before{background:url('../../images/2019/controls.png') -46px -96px  / auto no-repeat;}
		body.black .gotoLink a.english:before{background:url('../../images/2019/controls.png') -162px -78px  / auto no-repeat;}

/* -- 스크롤 했을 때 -- */
	/* - 공통 : 높이값을 100px에서 80px로 줄임 */
    .eg.up{top:-35px}
	body > header#whiteSkin-scroll{background:#fff !important; border-bottom:1px solid #ddd !important; height:80px !important; }
	header#whiteSkin-scroll .header{padding:10px 40px 10px 50px !important;}
	/* - 왼쪽 영역 */
	header#whiteSkin-scroll .header > div.left .home{background:url('../../images/2019/logo-dark.png') center right / auto no-repeat !important;}
	header#whiteSkin-scroll .header > div.left .menu > li > a{color:#333;}
	header#whiteSkin-scroll .menuList{width:100%; height:auto; position:Absolute; top:80px; left:0; background:#fbfbfb; padding:0 12% 0 400px;}
	/* - 오른쪽 영역 */
		/* ^ 즐겨찾기 메뉴 */
		header#whiteSkin-scroll .header > div.right .popMenu > span > i{border:2px solid #555;}
		header#whiteSkin-scroll .header > div.right .popMenu > span > i.plus{border:none;}
		header#whiteSkin-scroll .header > div.right .popMenu > span > i.plus:before,
		header#whiteSkin-scroll .header > div.right .popMenu > span > i.plus:after{background:#555; }
		/* ^ 전체 메뉴 */
		header#whiteSkin-scroll .header > div.right .allMenu > span{background:#555;}
		header#whiteSkin-scroll .header > div.right .allMenu:before{background:#555;}
		header#whiteSkin-scroll .header > div.right .allMenu:after{background:#555;}
		/* ^ 검색바 */
		header#whiteSkin-scroll .header > div.right .searchFrmWrap input[name="searchInput"]{background:rgba(0,0,0,.05); color:#333333;}
		header#whiteSkin-scroll .header > div.right .searchFrmWrap input::-webkit-input-placeholder{color:#333333;}
		header#whiteSkin-scroll .schButton .searchIcon span:before{border:2px #333 solid;}
		header#whiteSkin-scroll .schButton .searchIcon span:after{background:#333;}
		header#whiteSkin-scroll .schButton .searchIcon:hover span:before{border:2px #578ad5 solid; -webkit-transition:all .3s ease; transition: all .3s ease;}
		header#whiteSkin-scroll .schButton .searchIcon:hover span:after{background:#578ad5; -webkit-transition:all .3s ease; transition: all .3s ease;}
/* ===== header 영역 : E ===== */

/* ===== footer 영역 : S ===== */
	footer{width:100%; height:auto; display:block;} 
	
/* -- footerBanner -- */
	.footerBanner{width:100%;height: auto;background:#f9f9f9;border-top:1px solid #ddd;padding:25px 50px;display: block;}
	.fbWrap{width:100%;height: auto;}/* footerBanner 감싸기 */
	.fbBox{width:100%;height: auto;display:flex;align-items: center;justify-content: flex-start;}/* footerBanner 콘텐츠 */
	/* - 배너 아이콘 : 국민의나라 정의로운 대한민국 */
	.mainSymbol{flex:none;height: auto;font-size:0;display: flex;align-items: center;justify-content: flex-start;}
	.mainSymbol:before{content:'';display:block;width:150px;height: 50px;background:url('../../images/2019/mainSymbol.png') 0 0 / auto no-repeat;}
	.mainSymbol:hover:before{background:url('../../images/2019/mainSymbol.png') 0 0px / auto no-repeat; transition:all .5s; -webkit-transition:all .5s;}
	/* - 배너 아이콘 : 국가상징 알아보기 */
	.mainFlag{flex:none;height: auto;font-size:0;}
	.mainFlag:before{float:right; content:''; display:block; width:124px; height:40px; margin:5px 0;  background:url('../../images/2019/mainFlag.png') 0 0 / auto no-repeat;}
	.mainFlag:hover:before{background:url('../../images/2019/mainFlag.png') 0 0px / auto no-repeat; transition:all .5s; -webkit-transition:all .5s;}
	/* - 배너 슬라이드 */
	.rbWrap{width:100%;height: auto;display:flex;}
	.rollBanner{flex:auto; }
	.rollBanner .slide-wrapper{flex:auto;height: 50px;margin: 0 auto;flex:9.6;vertical-align:top;position:relative;overflow:hidden;}
	.rollBanner .slide{width:120%;height: auto;display:block;position:absolute;}
	.rollBanner .slide li{  text-align: center;  font-size: 18px; float:left;}
	.rollBanner .slide li a{height:50px; display: block;}
	.rollBanner .slide li a:focus {border:1px dotted #555;}
	.rollBanner .slick-slide img{height:200%;}
		/* ^ 버튼 : 좌우 슬라이드 */	
		.rollBanner button{position:relative;overflow: visible;width: auto;height: auto;flex:none;padding: 0 19px;font-size:0;-webkit-transition:all .5s ease;transition: all .5s ease;}
		.rollBanner button > span{position:relative; overflow: visible; display:block; width:12px; height:25px; font-size:0; text-align:center; margin:0 auto; -webkit-transition:all .5s ease; transition: all .5s ease;}
		.rollBanner button > span:before{content:''; position:absolute; top:0; left:40%; height:50%; width:1px; background:#888888; -webkit-transform:skew(135deg, 0deg); transform:skew(135deg, 0deg);}
		.rollBanner button > span:after{content:''; position:absolute; bottom:0; left:40%; height:50%; width:1px; background:#888888; -webkit-transform:skew(-135deg, 0deg); transform:skew(-135deg, 0deg);}
		.rollBanner button.rollBanner-next{ transform:rotate(180deg);	-webkit-transform:rotate(180deg);}
		.rollBanner button:hover span{width:70px;}
		.rollBanner button:hover span:before, .rollBanner button:hover span:after{background:#578ad5; left:10%;}
		.rollBanner button > span > i{display:block; position:absolute; left:2px; top:12.5px; width:0; height:1px; background:#578ad5;  }
		.rollBanner button:hover > span > i{width:100%;}
		.rollBanner .slick-slide{margin-right:10px;}
		/* - 재생·정지 아이콘 */
		.rbWrap{padding: 0 20px;}
		.rbWrap > button.slide-controls{display: inline-flex;align-items: center;justify-content: center;font-size:0;text-align: center;vertical-align:top;margin: 0 auto;padding: 0 17px;}
		.rbWrap > button.slide-controls > i{display:block; width:17px; height:25px; position:relative; font-size:0;}
			/* ^ 정지 */
			.rbWrap > button.slide-pause i:before, .rbWrap > button.slide-pause i:after{content:''; display:block; position:absolute; background:#999; width:1px; height:100%; top:0;}
			.rbWrap > button.slide-pause i:before{left:0;}
			.rbWrap > button.slide-pause i:after{right:0;}
			.rbWrap > button.slide-pause:hover i:before, .rbWrap > button.slide-pause:hover i:after{background:#578ad5;  transition: all 1s;}
			/* ^ 재생 */
			.rbWrap > button.slide-play{display:none;}
			.rbWrap > button.slide-play i:before{content:''; display:block; position:absolute; top:0; left:0; border-top:12px solid transparent; border-left:15.5px solid #999; border-bottom:12px solid transparent}
			.rbWrap > button.slide-play:hover i:before{ border-left:15.5px solid #578ad5; transition: all 1s;}
		.rbWrap .slick-dots{display:none !important;}




#lnbNav{position:fixed;right:25px;top:50%;margin-top:-70px;z-index:999;}
#lnbNav li{margin-top:10px;position:relative;}
#lnbNav li:after{content:'';display:block;width:1px;height:25px;background:rgb(153,153,153,0.15);position:absolute;left:50%;top:-18px;margin-left:-1px;}
#lnbNav li:first-child:after{display:none;}
#lnbNav li a{display:block;width:25px;height:25px;background:url(../../images/2022/ico_nav.png) no-repeat center center;text-indent:-9999px;overflow:hidden;}
#lnbNav li.active a{background-image:url(../../images/2022/ico_nav_ov.png)}
#lnbNav.white li a{background-image:url(../../images/2022/ico_nav_w.png)}
#lnbNav.white li.active a{background-image:url(../../images/2022/ico_nav_w_ov.png)}
#lnbNav.white li:after{background:rgb(255,255,255,0.15);}
#lnbNav li a:focus{border-radius:100%; border:3px solid #3B9DF8; opacity:1;}

.btn_top{position:fixed;right:15px;bottom:50px;}
.btn_top a{display:block;width:48px;height:48px;background:url(../../images/2022/btn_top.png) no-repeat center center;text-indent:-9999px;overflow:hidden;z-index:100;transition:all .3s;}
.btn_top a:hover{background-image:url(../../images/2022/btn_top_ov.png)}
.btn_top.white a{background-image:url(../../images/2022/btn_top_w.png)}
.btn_top.white a:hover{background-image:url(../../images/2022/btn_top_ov.png)}


.main_section0{}
.main_section0 .searchBar{position:absolute;left:50%;top:75%;width:540px;margin-left:-270px;background:#fff;border-radius:50px;border:2px solid rgba(59,157,248,0);transition:all .3s;box-sizing:border-box;}
.main_section0 .searchBar:hover{border:2px solid rgba(59,157,248,1)}
.main_section0 .searchBar div{position:relative;}
.main_section0 .searchBar div input[type="text"]{width:100%;border:0;height:60px;line-height:60px;text-indent:20px;font-size:16px;border-radius:50px;}
.main_section0 .searchBar button{position:absolute;right:0;top:0;width:60px;height:60px;border:0;background:none;border-radius:50px;}

.scroll_txt{display: block;position: absolute;z-index: 1;width: 100%;left: 0;bottom: 10px;color: #f2f2f2;font-size: 15px;}
.scroll_txt span{display: block;text-align: center;}
.scroll_txt span:before{content: "";display: block;position: absolute;bottom: 100%;left: 50%;width: 18px;height: 35px;margin-bottom:2px;margin-left: -10px;border-radius: 12px;background:url(../../images/2022/ico_scroll.png) no-repeat center center;background-size:auto 35px;}
.scroll_txt span:after{content: "";position: absolute;bottom: 100%;left: 50%;width: 4px;height: 4px;margin-left: -3px;margin-bottom: 30px;border-radius: 50%;background-color: #fff;animation: moving 1.2s ease-in-out infinite forwards;}
.scroll_txt.black{color:#000;}
.scroll_txt.black span{}
.scroll_txt.black span:before{background:url(../../images/2022/ico_scroll_black.png) no-repeat center center;background-size:auto 35px;}
.scroll_txt.black span:after{background-color: #000;}

#fullpage{font-family: 'Noto Sans KR', sans-serif;}
#section1{background:url(../../images/2022/bg_section01.jpg) no-repeat center center;background-size:cover;}
#section2{background:url(../../images/2022/bg_section03.png) no-repeat center center;background-size:cover;}

.main_section0{height:100%;}
.main_visual{height:100%;}
.main_visual ul li{height:100%;}
.main_visual ul li a{display:block;width:100%;height:100%;}
.main_visual ul li .img{position:absolute;left:0;right:0;top:0;bottom:0;background-position:center top;background-repeat:no-repeat;background-size:cover;transition:all 1s;text-indent:-9999px;overflow:hidden;transform:scale(1.05);}
.main_visual ul li .img:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.2)}
.main_visual ul li .txt{position:absolute;left:50%;top:67%; width:80%; text-align:center;transform:translate(-50%, -50%);}
.main_visual ul li .txt strong{display:block; /*max-width:700px;*/ margin:0 auto 25px auto;font-size:62px;/*font-weight:600;*/letter-spacing:-0.05em;line-height:113%;color:#fff;opacity:0;transition:all 1.5s;transform:translateY(10px); text-shadow:0px 1px 3px rgba(0,0,0,0.45);}
.main_visual ul li .txt p{font-size:22px/*19px*/;line-height:140%;color:#fff;letter-spacing:-0.03em;/*max-width:1200px;*/margin:0 auto 25px auto;opacity:0;transition:all 1.5s;transition-delay:0.4s;transform:translateY(10px);word-break:break-all;  text-shadow:0px 1px 3px rgba(0,0,0,0.45);}
.main_visual ul li .txt .more{display:inline-block;background:#000;color:#fff;font-size:16px;text-align:center;width:150px;height:48px;line-height:46px;/*font-weight:500;*/border-radius:5px;opacity:0;transition:all 1.5s;transition-delay:0.8s;transform:translateY(10px)}
.main_visual ul li .txt .more:focus,
.main_visual ul li .txt .more:hover{outline:3px solid #3B9DF8; transition:all 0s; opacity:1;}
.main_visual ul li.swiper-slide-active .img{transform:scale(1);transition:all 3.5s;}
.main_visual ul li.swiper-slide-active .txt{}
.main_visual ul li.swiper-slide-active .txt p{opacity:1;transform:translateY(0)}
.main_visual ul li.swiper-slide-active .txt strong{opacity:1;transform:translateY(0)}
.main_visual ul li.swiper-slide-active .txt .more{opacity:1;transform:translateY(0)}
.main_visual .swiper-prev{display:none;position:absolute;left:50%;bottom:100px;width:40px;height:40px;display:block;background:none;z-index:100;cursor:pointer;margin-left:-230px;background:url(../../images/2022/btn_prev.png) no-repeat center center;}
.main_visual .swiper-next{display:none;position:absolute;right:50%;bottom:100px;width:40px;height:40px;display:block;background:none;z-index:100;cursor:pointer;margin-right:-230px;background:url(../../images/2022/btn_next.png) no-repeat center center;}
.main_visual .swiper-pagination{display:block;position:absolute;left:50% !important;top:auto;margin-left:calc(/*3장일때는 60px*/80px/-2);height:10px;z-index:100;bottom:110px !important;right:auto !important;width:/*3장일때는 60px*/80px !important;text-align:center;}
.main_visual .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;line-height:10px;vertical-align:top;background:url(../../images/2022/ico_nav02.png) no-repeat center center;opacity:1;margin:0 5px !important;}
.main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image:url(../../images/2022/ico_nav02_ov.png)}
.main_visual .swiper-button-play{display:none;position:absolute;left:50%;bottom:110px;z-index:100;width:10px;height:10px;background:url(../../images/2022/ico_play.png) no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;margin-left:/*3장일때는 -50px*/-60px;}
.main_visual .swiper-button-pause{display:block;position:absolute;left:50%;bottom:110px;z-index:100;width:10px;height:10px;background:url(../../images/2022/ico_pause.png) no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;margin-left:/*3장일때는 -50px*/-60px;} 
.main_visual .swiper-pagination .swiper-pagination-bullet:focus,
.main_visual .swiper-button-play:focus,
.main_visual .swiper-button-pause:focus{outline:3px solid #3B9DF8;}
.main_visual .swiper-pagination .swiper-pagination-bullet{text-indent:-9999em;}
/* 버튼 링크 없는경우 사용
.main_visual ul li:first-child a.more {display:none;}
 */
.main_section1{}
.main_section1 h2{font-size:40px;color:#000;line-height:150%;letter-spacing:-1px;font-weight:bold;text-align:center;letter-spacing:-2px;margin-bottom:5px;margin-top:80px;}
.main_section1 h2 span{color:#248ff3}
.main_section1 .sub_txt{font-size:20px;color:#333;line-height:150%;text-align:center;margin-bottom:20px;}
.main_section1 .inner{max-width:1200px;margin:0 auto;}
.main_section1 .inner:after{content:'';display:block;clear:both;}
.main_section1 .inner .leftCont{float:left;width:49%;}
.main_section1 .inner .leftCont .cont{margin-bottom:25px;background:#fff;border:1px solid #CAD0DC;padding:25px 30px;transition:all .3s;max-height:280px;border-radius:8px;height:280px;}
.main_section1 .inner .leftCont .cont:hover{border:1px solid #3B9DF8;box-shadow:0 4px 12px rgba(0,0,0,0.25)}
.main_section1 .inner .rightCont{float:right;width:49%;}
.main_section1 .tab_area{margin-bottom:17px;position:relative;}
.main_section1 .tab_area > ul:after{content:'';display:block;clear:both;}
.main_section1 .tab_area > ul > li{float:left;margin-right:30px;}
.main_section1 .tab_area > ul > li > a{display:block;font-size:20px;color:rgba(0,0,0,0.3);line-height:38px;padding-bottom:0;font-weight:bold;-webkit-transition:all .3s;transition:all .3s;}
.main_section1 .tab_area > ul > li > a:after{content:'';display:block;width:0;height:2px;background:#000;opacity:0;-webkit-transition:all .3s;transition:all .3s;}
.main_section1 .tab_area > ul > li > a:hover{color:#000;}
.main_section1 .tab_area > ul > li > a:hover:after{width:100%;opacity:1;}
.main_section1 .tab_area > ul > li > a.on{color:#000;}
.main_section1 .tab_area > ul > li > a.on:after{width:100%;opacity:1;}
.main_section1 .tab_area > ul > li .item{position:absolute;left:0;top:60px;width:100%;display:none;}
.main_section1 .tab_area > ul > li .item .more{display:block;position:absolute;right:0;top:-55px;width:33px;height:32px;background:url(../../images/2022/ico_more.png) no-repeat center center;text-indent:-9999px;overflow:hidden;transition:all .3s;}
.main_section1 .tab_area > ul > li .item .more:hover{background-image:url(../../images/2022/ico_more_ov.png)}
.main_section1 .tab_area > ul > li .item .more:focus{background-image:url(../../images/2022/ico_more_ov.png)}
.main_section1 .list ul li a{display:block;}
.main_section1 .list ul li{border-top:1px solid #e6e6e6;}
.main_section1 .list ul li:first-child{border-top:0;}
.main_section1 .list ul li a{display:block;padding:11px 0;position:relative;background:url(../../images/2022/ico_arrow.png) no-repeat right center;-webkit-transition:all .3s;transition:all .3s;}
.main_section1 .list ul li a .cate{display:block;position:absolute;left:0;top:11px;width:126px;height:20px;line-height:20px;font-size:16px;color:#000;font-weight:400;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;}
.main_section1 .list ul li a p{font-size:16px;color:#000;font-weight:400;height:20px;line-height:20px;margin:0 75px 0 90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;transition:all .3s;}
.main_section1 .list ul li a .date{position:absolute;right:0;top:50%;height:32px;margin-top:-16px;line-height:32px;font-size:14px;color:#909090;font-weight:300;}
.main_section1 .list ul li a:hover .cate{color:#3B9DF8}
.main_section1 .list ul li a:hover p{color:#3B9DF8}
.main_section1 .list_thumb{/*margin-top:10px;*/}
.main_section1 .list_thumb ul{overflow:hidden;margin-left:-3%;}
.main_section1 .list_thumb ul li{float:left;width:30.33%;margin-left:3%;}
.main_section1 .list_thumb ul li a{display:block;position:relative;background:url(../../images/2022/ico_arrow.png) no-repeat right center;-webkit-transition:all .3s;transition:all .3s;}
.main_section1 .list_thumb ul li a .img{height:0;padding-bottom:59%;overflow:hidden;margin-bottom:10px;}
.main_section1 .list_thumb ul li a .img img{width:100%;}
.main_section1 .list_thumb ul li a p{font-size:14px;color:#000;font-weight:400;height:42px;line-height:21px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;}
.main_section1 .list_thumb ul li a .date{font-size:14px;color:#909090;font-weight:300;display:block;line-height:23px;}
.main_section1 .list_thumb ul li a:hover p{color:#3B9DF8}
.main_section1 .rightCont{}
.main_section1 .banner01{position:relative; margin-bottom:25px;}
.main_section1 .banner01 ul li a{display:block;position:relative;border-radius:8px;overflow:hidden;height:280px;background-size:cover;background-repeat:no-repeat;background-position:center center; background-image:none !important;}
.main_section1 .banner01 ul li a:after,
.main_section1 .banner01 ul li a:focus:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:4px solid #3B9DF8;-webkit-transition:all .3s;transition:all .3s;opacity:0;z-index:100;}
.main_section1 .banner01 ul li a:hover{}
.main_section1 .banner01 ul li a:hover:after,
.main_section1 .banner01 ul li a:focus:after{opacity:1;}
.main_section1 .banner01 ul li a img{/*display:none;*/vertical-align:top;width:100%;max-width:588px;object-fit: cover;position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;}
.main_section1 .banner01 .swiper-banner_prev01{position:absolute;left:20px;bottom:15px;width:32px;height:32px;background:url(../../images/2022/btn_prev02.png) no-repeat center center;margin-top:-30px;z-index:101;cursor:pointer;transition:all .3s;text-indent:-9999px;overflow:hidden;}
.main_section1 .banner01 .swiper-banner_next01{position:absolute;left:100px;bottom:15px;width:32px;height:32px;background:url(../../images/2022/btn_next02.png) no-repeat center center;margin-top:-30px;z-index:101;cursor:pointer;transition:all .3s;text-indent:-9999px;overflow:hidden;}
.main_section1 .banner01 .swiper-banner_pause01{display:block;position:absolute;left:60px;bottom:15px;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_pause.png) no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;border-radius:50px;border:1px solid #fff;} 
.main_section1 .banner01 .swiper-banner_play01{display:none;position:absolute;left:60px;bottom:15px;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_play.png) no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;border-radius:50px;border:1px solid #fff;}
.main_section1 .banner01 .swiper-banner_prev01:focus,
.main_section1 .banner01 .swiper-banner_next01:focus,
.main_section1 .banner01 .swiper-banner_pause01:focus,
.main_section1 .banner01 .swiper-banner_play01:focus{border-radius:100%; outline:3px solid #3B9DF8;}

/* 메인 정책기획영상 추가 0406*/
.main_section1 .banner_add > div {display:flex; margin-left:-24px;}
.main_section1 .banner_add > div > div {width:282px; float:left; margin-left:24px;}
.main_section1 .banner_video {overflow:hidden; margin-bottom:25px; border-radius:8px; background-color:#fff;}
.main_section1 .banner_video > ul{margin-left:-24px;overflow:hidden;}
.main_section1 .banner_video > ul:after{content:'';display:block;clear:both;}
.main_section1 .banner_video > ul > li{float:left;width:282px;margin-left:24px;}
.main_section1 .banner_video > ul > li a{display:block; /*border:1px solid #CAD0DC;*/ position:relative;transition:all .3s;border-radius:8px;overflow:hidden; background-color:#fff;}
.main_section1 .banner_video > ul > li a:after,
.main_section1 .banner_video > ul > li a:focus:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:4px solid #3B9DF8;-webkit-transition:all .3s;transition:all .3s;opacity:0;}
.main_section1 .banner_video > ul > li a .img{height:177px;overflow:hidden;position:relative;}
.main_section1 .banner_video > ul > li a .img img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%; image-rendering:-webkit-optimize-contrast;}
.main_section1 .banner_video > ul > li a .txt{padding:21px 20px 22px 20px;background:#fff;position:relative;}
.main_section1 .banner_video > ul > li a .txt strong{display:block;font-size:20px;/*font-weight:600;*/color:#000;line-height:150%; margin-bottom:4px;}
.main_section1 .banner_video > ul > li a .txt p{color:#000;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:26px;transition:all .3s;}
.main_section1 .banner_video > ul > li a .txt .date{position:absolute;right:20px;top:22px;display:block;font-size:14px;color:#787878;line-height:25px;}
.main_section1 .banner_video > ul > li a:hover{}
.main_section1 .banner_video > ul > li a:hover .txt p,
.main_section1 .banner_video > ul > li a:focus .txt p{color:#3B9DF8}
.main_section1 .banner_video > ul > li a:hover:after,
.main_section1 .banner_video > ul > li a:focus:after{opacity:1;}
.main_section1 .banner02:before {content:''; display:block; clear:both;}

.main_section1 .banner02 > ul{margin-left:-24px;overflow:hidden;}
.main_section1 .banner02 > ul:after{content:'';display:block;clear:both;}
.main_section1 .banner02 > ul > li{float:left;width:282px;margin-left:24px;}
.main_section1 .banner02 > ul > li a{display:block; /*border:1px solid #CAD0DC;*/ position:relative;transition:all .3s;border-radius:8px;overflow:hidden; background-color:#fff;}
.main_section1 .banner02 > ul > li a:after,
.main_section1 .banner02 > ul > li a:focus:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:4px solid #3B9DF8;-webkit-transition:all .3s;transition:all .3s;opacity:0;}
.main_section1 .banner02 > ul > li a .img{height:177px;overflow:hidden;position:relative;}
.main_section1 .banner02 > ul > li a .img img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%; image-rendering:-webkit-optimize-contrast;}
.main_section1 .banner02 > ul > li a .txt{padding:21px 20px 22px 20px;background:#fff;position:relative;}
.main_section1 .banner02 > ul > li a .txt strong{display:block;font-size:20px;/*font-weight:600;*/color:#000;line-height:150%; margin-bottom:4px;}
.main_section1 .banner02 > ul > li a .txt p{color:#000;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:26px;transition:all .3s;}
.main_section1 .banner02 > ul > li a .txt .date{position:absolute;right:20px;top:22px;display:block;font-size:14px;color:#787878;line-height:25px;}
.main_section1 .banner02 > ul > li a:hover{}
.main_section1 .banner02 > ul > li a:hover .txt p,
.main_section1 .banner02 > ul > li a:focus .txt p{color:#3B9DF8}
.main_section1 .banner02 > ul > li a:hover:after,
.main_section1 .banner02 > ul > li a:focus:after{opacity:1;}
.main_section1 .banner02 .swiper-noticeBanner_prev01{position: absolute;left: 0;top: 50%;width: 40px;height: 40px;background:rgba(0,0,0,0.5) url(../../images/2022/btn_prev03.png) no-repeat center center;margin-top: -60px;z-index: 101;cursor: pointer;transition: all .3s;text-indent:-9999px;overflow:hidden;}
.main_section1 .banner02 .swiper-noticeBanner_next01{position: absolute;right: 0;top: 50%;width: 40px;height: 40px;background:rgba(0,0,0,0.5) url(../../images/2022/btn_next03.png) no-repeat center center;margin-top: -60px;z-index: 101;cursor: pointer;transition: all .3s;text-indent:-9999px;overflow:hidden;}
.main_section1 .banner02 .swiper-noticeBanner_prev01:hover,
.main_section1 .banner02 .swiper-noticeBanner_prev01:focus{background-color:rgba(0,0,0,0.75)}
.main_section1 .banner02 .swiper-noticeBanner_next01:hover,
.main_section1 .banner02 .swiper-noticeBanner_next01:focus{background-color:rgba(0,0,0,0.75)}

.main_section2{padding-top:50px}
.main_section2 h2{font-size:40px;color:#fff;line-height:150%;letter-spacing:-1px;font-weight:bold;text-align:center;letter-spacing:-2px;margin-bottom:10px;}
.main_section2 h2 img{margin-right:10px;}
.main_section2 .sub_txt{font-size:20px;color:#fff;line-height:150%;text-align:center;margin-bottom:40px;}
.main_section2 .sub_txt br{display:none;}
.main_section2 .tab_area{margin-bottom:50px;position:relative;height:500px}
.main_section2 .tab_area > ul{text-align:center;}
.main_section2 .tab_area > ul > li{display:inline-block;vertical-align:top;margin:0 5px;}
.main_section2 .tab_area > ul > li > a{display:block;border:1px solid #fff;padding:0 30px;height:53px;line-height:51px;border-radius:50px;font-weight:500;font-size:16px;color:#2D57BF;-webkit-transition:all .3s;transition:all .3s;background:#fff;}
.main_section2 .tab_area > ul > li > a:hover{background:#3B9DF8;border-color:#3B9DF8;color:#fff;}
.main_section2 .tab_area > ul > li > a.on{background:#3B9DF8;border-color:#3B9DF8;color:#fff;}
.main_section2 .tab_area > ul > li .item{display:none;position:absolute;left:0;top:100px;width:100%;display:none;}
.main_section2 .tab_area > ul > li .item .more{display:block;position:absolute;right:50%;bottom:0;margin-right:-600px;background:url(../../images/2022/ico_more02.png) no-repeat right center;padding-right:40px;height:32px;line-height:32px;color:#fff;font-size:14px;transition:all .3s;z-index:100;}
.main_section2 .tab_area > ul > li .item .more:hover{background-image:url(../../images/2022/ico_more02_ov.png);}
.main_section2 .tab_area > ul > li .item .more:focus{background-image:url(../../images/2022/ico_more02_ov.png);}
.main_section2 .list.swiper-container{margin-left:-900px;padding-bottom:50px;}
.main_section2 .list ul li{float:left;width:282px;margin-right:24px;text-align:left;}
.main_section2 .list ul li a{display:block;border:1px solid #fff;padding:40px 35px;transition:all .3s;position:relative;opacity:0.2;height:343px}
.main_section2 .list ul li a:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:4px solid #3B9DF8;opacity:0;transition:all .3s;}
.main_section2 .list ul li a .cate{color:#fff;font-size:16px;font-weight:500;line-height:150%;margin-bottom:20px;transition:all .3s;}
.main_section2 .list ul li a p{color:#fff;font-size:24px;line-height:32px;font-weight:400;letter-spacing:-1px;height:96px;overflow:hidden;margin-bottom:25px;transition:all .3s;}
.main_section2 .list ul li a .div{color:#fff;font-size:16px;line-height:150%;margin-bottom:50px;transition:all .3s;height:24px;}
.main_section2 .list ul li a .period{color:#fff;font-size:14px;line-height:150%;transition:all .3s;}
.main_section2 .list ul li a:hover{background:#fff;border-color:#3B9DF8;}
.main_section2 .list ul li a:hover .cate{color:#000;}
.main_section2 .list ul li a:hover p{color:#000;}
.main_section2 .list ul li a:hover .div{color:#000;}
.main_section2 .list ul li a:hover .period{color:#000;}
.main_section2 .list ul li a:hover:after{opacity:1;}
.main_section2 .list ul li a:focus{background:#fff;border-color:#3B9DF8;opacity:1;}
.main_section2 .list ul li a:focus .cate{color:#000;}
.main_section2 .list ul li a:focus p{color:#000;}
.main_section2 .list ul li a:focus .div{color:#000;}
.main_section2 .list ul li a:focus .period{color:#000;}
.main_section2 .list ul li a:focus:after{opacity:1;}
.main_section2 .list ul li.swiper-slide-active > a{opacity:1;}
.main_section2 .list ul li.swiper-slide-active + li > a{opacity:1;}
.main_section2 .list ul li.swiper-slide-active + li + li > a{opacity:1;}
.main_section2 .list ul li.swiper-slide-active + li + li + li > a{opacity:1;}
.main_section2 .swiper-news-pagination01{position:absolute;left:50%;margin-left:-556px;bottom:0;color:#fff;font-size:14px;line-height:32px;width:auto;z-index:100;}
.main_section2 .swiper-news-prev01{position:absolute;left:50%;margin-left:-604px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_prev02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}
.main_section2 .swiper-news-next01{position:absolute;left:50%;margin-left:-514px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_next02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}
.main_section2 .swiper-news-pagination02{position:absolute;left:50%;margin-left:-556px;bottom:0;color:#fff;font-size:14px;line-height:32px;width:auto;z-index:100;}
.main_section2 .swiper-news-prev02{position:absolute;left:50%;margin-left:-604px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_prev02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}
.main_section2 .swiper-news-next02{position:absolute;left:50%;margin-left:-514px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_next02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}
.main_section2 .swiper-news-pagination03{position:absolute;left:50%;margin-left:-556px;bottom:0;color:#fff;font-size:14px;line-height:32px;width:auto;z-index:100;}
.main_section2 .swiper-news-prev03{position:absolute;left:50%;margin-left:-604px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_prev02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}
.main_section2 .swiper-news-next03{position:absolute;left:50%;margin-left:-514px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_next02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}
.main_section2 .swiper-news-pagination04{position:absolute;left:50%;margin-left:-556px;bottom:0;color:#fff;font-size:14px;line-height:32px;width:auto;z-index:100;}
.main_section2 .swiper-news-prev04{position:absolute;left:50%;margin-left:-604px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_prev02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}
.main_section2 .swiper-news-next04{position:absolute;left:50%;margin-left:-514px;bottom:0;width:32px;height:32px;display:block;text-indent:-9999px;overflow:hidden;background:url(../../images/2022/btn_next02.png) no-repeat center center;cursor:pointer;transition:all .3s;z-index:100;}

.main_section2 .swiper-news-pause01{display:block;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_pause.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;} 
.main_section2 .swiper-news-play01{display:none;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_play.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;}
.main_section2 .swiper-news-pause02{display:block;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_pause.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;} 
.main_section2 .swiper-news-play02{display:none;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_play.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;}
.main_section2 .swiper-news-pause03{display:block;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_pause.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;} 
.main_section2 .swiper-news-play03{display:none;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_play.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;}
.main_section2 .swiper-news-pause04{display:block;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_pause.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;} 
.main_section2 .swiper-news-play04{display:none;position:absolute;left:50%;bottom:0;z-index:100;width:32px;height:32px;background:url(../../images/2022/ico_play.png) no-repeat center center;text-indent:-9999px;overflow:hidden;margin-left:0;cursor:pointer;border-radius:50px;border:1px solid #fff;}

#section3{background:url(../../images/2022/bg_section02.png) no-repeat center center;background-size:cover;}
.main_section3{}
.main_section3 h2{font-size:40px;color:#000;line-height:150%;letter-spacing:-1px;font-weight:bold;text-align:center;letter-spacing:-2px;margin-bottom:5px;margin-top:60px;}
.main_section3 h2 img{margin-right:10px;}
.main_section3 h2 span{color:#248ff3;}
.main_section3 .sub_txt{font-size:20px;color:#333;line-height:150%;text-align:center;margin-bottom:20px;}
.main_section3 .sub_txt br{display:none;}
.main_section3 .inner{max-width:1200px;margin:0 auto;position:relative;}
.main_section3 .inner .list  > ul.swiper-wrapper{position:static;}
.main_section3 .inner .list  > ul > li.swiper-slide{position:static;}
.main_section3 .ico_sns{margin-bottom:30px; text-align:center;}
.main_section3 .ico_sns button{display:inline-block;vertical-align:top;width:36px;height:36px;background-repeat:no-repeat;background-position:center center;margin:0 6px;opacity:1;background:none;text-indent:-9999px;overflow:hidden;}
.main_section3 .ico_sns button.ico_sns01{background-image:url(../../images/2022/ico_sns01.png)}
/*.main_section3 .ico_sns button.ico_sns02{background-image:url(../../images/2022/ico_sns02.png)}*/
/*.main_section3 .ico_sns button.ico_sns03{background-image:url(../../images/2022/ico_sns03.png)}*/
.main_section3 .ico_sns button.ico_sns02{background-image:url(../../images/2022/ico_sns04.png)}
.main_section3 .ico_sns button.ico_sns05{background-image:url(../../images/2022/ico_sns05.png)}
.main_section3 .ico_sns button.ico_sns01:hover{background-image:url(../../images/2022/ico_sns01_ov.png)}
/*.main_section3 .ico_sns button.ico_sns02:hover{background-image:url(../../images/2022/ico_sns02_ov.png)}*/
/*.main_section3 .ico_sns button.ico_sns03:hover{background-image:url(../../images/2022/ico_sns03_ov.png)}*/
.main_section3 .ico_sns button.ico_sns02:hover{background-image:url(../../images/2022/ico_sns04_ov.png)}
.main_section3 .ico_sns button.ico_sns05:hover{background-image:url(../../images/2022/ico_sns05_ov.png)}
.main_section3 .ico_sns button.ico_sns01:focus{background-image:url(../../images/2022/ico_sns01_ov.png)}
/*.main_section3 .ico_sns button.ico_sns02:focus{background-image:url(../../images/2022/ico_sns02_ov.png)}*/
/*.main_section3 .ico_sns button.ico_sns03:focus{background-image:url(../../images/2022/ico_sns03_ov.png)}*/
.main_section3 .ico_sns button.ico_sns02:focus{background-image:url(../../images/2022/ico_sns04_ov.png)}
.main_section3 .ico_sns button.ico_sns05:focus{background-image:url(../../images/2022/ico_sns05_ov.png)}
.main_section3 .ico_sns button.ico_sns01.swiper-pagination-bullet-active{background-image:url(../../images/2022/ico_sns01_ov.png)}
/*.main_section3 .ico_sns button.ico_sns02.swiper-pagination-bullet-active{background-image:url(../../images/2022/ico_sns02_ov.png)}*/
/*.main_section3 .ico_sns button.ico_sns03.swiper-pagination-bullet-active{background-image:url(../../images/2022/ico_sns03_ov.png)}*/
.main_section3 .ico_sns button.ico_sns02.swiper-pagination-bullet-active{background-image:url(../../images/2022/ico_sns04_ov.png)}
.main_section3 .ico_sns button.ico_sns05.swiper-pagination-bullet-active{background-image:url(../../images/2022/ico_sns05_ov.png)}
.main_section3 .list ul li h3{position:absolute;left:-9999px;overflow:hidden;width:1px;height:1px;font-size:1px}
.main_section3 .list ul li ul{overflow:hidden;margin-bottom:20px;border:1px solid #dadada;padding:2% 1%;box-sizing:border-box;background:#fff;border-radius:8px;}
.main_section3 .list ul li ul li{float:left;width:23%;margin:0 1%;}
.main_section3 .list ul li ul li a {display: block;}
.main_section3 .list ul li ul li a .img{height:0;padding-bottom:100%; overflow:hidden; margin-bottom:20px; position:relative; border-radius:8px; background-color:#646263;}
.main_section3 .list ul li ul li a .img:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:4px solid #3B9DF8;-webkit-transition:all .3s;transition:all .3s;opacity:0;}
.main_section3 .list ul li ul li a .img img{width:100%;max-width:282px;}
.main_section3 .list ul li ul li a .img img.youtube_img{position:absolute;left:50%;top:50%;transform:scale(1.8) translateX(-28%) translateY(-28%);}
.main_section3 .list ul li ul li a .img img.wide_img{position:absolute;left:50%;top:50%;transform:scale(1.8) translateX(-28%) translateY(-28%);}
.main_section3 .list ul li ul.fbMainList li a .img img.youtube_img{position:absolute;left:50%;top:50%;transform:scale(1.4) translateX(-35%) translateY(-35%) !important;}
.main_section3 .list ul li ul li a .txt strong{display:block;font-size:18px;color:#000;line-height:24px;height:48px;overflow:hidden;font-weight:500;margin-bottom:0;-webkit-transition:all .3s;transition:all .3s;margin-bottom:10px;}
.main_section3 .list ul li ul li a .txt .date{font-size:16px;color:#787878;line-height:150%;letter-spacing:0;overflow:hidden;font-weight:300;height:48px;}
.main_section3 .list ul li ul li a:hover .img{box-shadow:0 5px 15px rgba(0,0,0,0.5)}
.main_section3 .list ul li ul li a:hover .img:after{opacity:1;}
.main_section3 .list ul li ul li a:hover .txt strong{color:#148EFF;}
.main_section3 .list ul li ul li.service_error{width:100%; padding:30px 0; text-align:center;}
.main_section3 .more{text-align:right;}
.main_section3 .more a{display:inline-block;vertical-align:top; background:url(../../images/2022/ico_more_sns.png) no-repeat right center;padding-right:40px;height:32px;line-height:32px;color:#454545;font-size:16px; font-weight:600; text-decoration:underline; transition:all .3s;}
.main_section3 .more a:hover{color:#3b9df8; background-image:url(../../images/2022/ico_more_ov.png);}
.main_section3 .more a:focus{background-image:url(../../images/2022/ico_more_ov.png);}
.main_section3 .swiper-sns-pause{display:block;position:absolute;left:0;bottom:0;z-index:100;width:30px;height:30px;background:url(../../images/2022/ico_pause02.png) no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;border:1px solid #cecece;border-radius:50px;} 
.main_section3 .swiper-sns-play{display:none;position:absolute;left:0;bottom:0;z-index:100;width:30px;height:30px;background:url(../../images/2022/ico_play02.png) no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;border:1px solid #cecece;border-radius:50px;}

/* SNS소식 버튼 링크로 변경 */
.main_section3 .inner{padding-top:61px;}
.main_section3 .ico_sns,
.main_section3 .ico_sns_link {position:absolute; top:0; height:66px; margin-bottom:30px;}
.main_section3 .ico_sns {left:0; width:47.5%; text-align:right;/*left:43.5%; transform:translateX(-43.5%);*/}
.main_section3 .ico_sns_link {right:0; width:52.5%; text-align:left; /*left:54.6%; transform:translateX(-54.6%);*/}
.main_section3 .ico_sns_link li {float:left;}
.main_section3 .ico_sns_link a {display:inline-block;vertical-align:top;width:36px;height:36px;background-repeat:no-repeat;background-position:center center;margin:0 6px;opacity:1;background:none;text-indent:-9999px;overflow:hidden;}
.main_section3 .ico_sns_link a.ico_is {background-image:url(../../images/2022/ico_sns02.png)}
.main_section3 .ico_sns_link a.ico_is:hover/*,
.main_section3 .ico_sns_link a.ico_is:focus*/ {background-image:url(../../images/2022/ico_sns02_ov.png)}
.main_section3 .ico_sns_link a.ico_fb {background-image:url(../../images/2022/ico_sns03.png)}
.main_section3 .ico_sns_link a.ico_fb:hover/*,
.main_section3 .ico_sns_link a.ico_fb:focus*/ {background-image:url(../../images/2022/ico_sns03_ov.png)}
.main_section3 .ico_sns_link a.ico_tw {background-image:url(../../images/2022/ico_sns05.png)}
.main_section3 .ico_sns_link a.ico_tw:hover/*,
.main_section3 .ico_sns_link a.ico_tw:focus*/ {background-image:url(../../images/2022/ico_sns05_ov.png)}
.main_section3 .ico_sns_link:after {content:''; display:block; clear:left; visibility:hidden; height:0;}

.familySite{position:relative;width:200px;margin-top:15px;}
.familySite .open_familySite{display:block;height:30px;line-height:30px;border:1px solid #888;background:url(../../images/2022/bg_familySite_arrow.png) no-repeat right 12px center;font-size:12px;color:#b3b3b3;text-indent:10px;width:200px;text-align:left;}
.familySite .open_familySite.on{background-image:url(../../images/2022/bg_familySite_arrow_ov.png);}
.familySite ul{display:none;border:1px solid #888;position:absolute;left:0;right:0;bottom:29px;background:#fff;}
.familySite ul li a{display:block;font-size:12px;text-indent:10px;height:30px;line-height:30px;}
.familySite ul li a:hover{background:#d1d1d1;}

/* 정책브리핑 위젯 */
#section4 .inner{max-width:1200px; margin:40px auto 20px; height:330px; /*margin:40px 10px 20px;*/}
#section4 .inner iframe{width:100%; /*height:100%;*/ overflow:hidden;}

@media only screen and (max-width: 1775px) {
    header .header > div.center .menu > li > a{margin:0 15px}
}
@media only screen and (max-width: 1601px) {
    /*경제정책방향메뉴 추가 전 header .header > div.center .menu > li > a{margin:0 15px}*/
	.main_visual ul li.swiper-slide-active .txt strong br{display:none;}
	.main_visual ul li.swiper-slide-active .txt p br{display:none;}

    .main_visual .swiper-pagination{left:50px !important; bottom:30px !important;}
    .main_visual .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 3px !important;}
    .main_visual .swiper-button-play{left:20px;bottom:14px;}
    .main_visual .swiper-button-pause{left:20px;bottom:14px;}
}
@media only screen and (max-width: 1535px) {
    header .header > div.center{display:none;}
}
@media only screen and (max-width: 1451px) {
    /*경제정책방향메뉴 추가 전 header .header > div.center{display:none;} */
}
@media only screen and (max-width: 1281px) {
    .main_visual ul li .txt strong{font-size:40px;}
    .main_section1{padding:0 20px}
    .main_section1 h2{font-size:30px;}
    .main_section1 .sub_txt{font-size:16px;margin-bottom:15px;}
    .main_section1 .list ul li a .date{height:25px;line-height:25px;font-size:13px;margin-top:-13px;}
    .main_section1 .tab_area{margin-bottom:12px;}
    .main_section1 .tab_area > ul > li a{font-size:17px;}

	/* 메인 정책기획영상 추가 0406*/
	.main_section1 .banner_add > div {margin-left:-2%;}
	.main_section1 .banner_add > div > div {width:48%; margin-left:2%;}
    .main_section1 .banner_video > ul{margin-left:-2%;}
	.main_section1 .banner_video > ul > li{width:98%;margin-left:2%;}
	.main_section1 .banner_video > ul > li a .txt{padding:23px 20px 25px 20px}
    .main_section1 .banner_video > ul > li a .txt strong{font-size:17px;}
    .main_section1 .banner_video > ul > li a .txt .date{font-size:13px;top:15px;}

    .main_section1 .banner02 > ul{margin-left:-2%;}
    .main_section1 .banner02 > ul > li{width:48%;margin-left:2%;}
    .main_section1 .banner02 > ul > li a .txt strong{font-size:17px;}
    .main_section1 .banner02 > ul > li a .txt .date{font-size:13px;top:15px;}
    .main_section3{padding:0 20px;}
    .main_section3 h2{font-size:30px;}
    .main_section3 .sub_txt{font-size:16px;margin-bottom:15px;}
    .main_section3 .ico_sns{margin-bottom:15px;}
    .main_section3 .list ul li ul{margin-bottom:10px;}
    .main_section3 .list ul li ul li a .img{margin-bottom:10px;}
    .main_section3 .list ul li ul li a .txt strong{font-size:16px;line-height:20px;height:40px;}
    .main_section3 .list ul li ul li a .txt .date{font-size:14px;height:42px;}
    .main_section2 h2{font-size:30px;}
    .main_section2 .sub_txt{font-size:16px;margin-bottom:25px;}
    .main_section2 .tab_area{margin-bottom:25px;}
    .main_section2 .tab_area > ul > li > a{padding:0 20px;font-size:14px;line-height:45px;height:45px;}
    .main_section2 .tab_area > ul > li .item .more{margin-right:-435px}
    .main_section2 .list.swiper-container{margin-left:-650px;}
    .main_section2 .list ul li{width:200px}
    .main_section2 .list ul li a{padding:20px;height:233px}
    .main_section2 .list ul li a .cate{font-size:14px;margin-bottom:10px;}
    .main_section2 .list ul li a p{font-size:17px;line-height:22px;height:66px;}
    .main_section2 .list ul li a .div{font-size:14px;margin-bottom:25px;height:21px;}
    .main_section2 .list ul li a .period{font-size:14px;}
    .main_section2 .swiper-news-pagination01{margin-left:-65px;}
    .main_section2 .swiper-news-prev01{margin-left:-113px;}
    .main_section2 .swiper-news-next01{margin-left:-22px;}
    .main_section2 .swiper-news-pagination02{margin-left:-65px;}
    .main_section2 .swiper-news-prev02{margin-left:-113px;}
    .main_section2 .swiper-news-next02{margin-left:-22px;}
    .main_section2 .swiper-news-pagination03{margin-left:-65px;}
    .main_section2 .swiper-news-prev03{margin-left:-113px;}
    .main_section2 .swiper-news-next03{margin-left:-22px;}
    .main_section2 .swiper-news-pagination04{margin-left:-65px;}
    .main_section2 .swiper-news-prev04{margin-left:-113px;}
    .main_section2 .swiper-news-next04{margin-left:-22px;}
    .main_section2 .swiper-news-pause01{margin-left:25px;} 
    .main_section2 .swiper-news-play01{margin-left:25px;}
    .main_section2 .swiper-news-pause02{margin-left:25px;} 
    .main_section2 .swiper-news-play02{margin-left:25px;}
    .main_section2 .swiper-news-pause03{margin-left:25px;} 
    .main_section2 .swiper-news-play03{margin-left:25px;}
    .main_section2 .swiper-news-pause04{margin-left:25px;} 
    .main_section2 .swiper-news-play04{margin-left:25px;}

    .main_section2 .cont_area .item .more{margin-right:-440px;}
    .btn_top{right:15px;bottom:15px;}
}
/* 테블릿부터 슬라이드 사진 영역 모바일 레이아웃으로 변경 23.09.20 */
@media only screen and (max-width: 1280px) {
    header .header > div.right .lang{display:none;}
    #lnbNav{display:none;}
    #section0{height:auto !important;}
    #section0 .fp-tableCell{height:auto !important;}
    #section1{height:auto !important;}
    #section1 .fp-tableCell{height:auto !important;}
    #section2{height:auto !important;}
    #section2 .fp-tableCell{height:auto !important;}
    #section3{height:auto !important;}
    #section3 .fp-tableCell{height:auto !important;}
    .main_visual ul li .img{position:static;height:0;padding-bottom:50%;overflow:hidden;}
    .main_visual ul li .txt p{display:none;}
    .scroll_txt{display:none;}
	.main_visual ul li.swiper-slide-active .txt strong br{display:none;}
	.main_visual ul li .txt{top:70%;}
	.main_visual ul li .txt .more{font-size:15px;width:120px;height:38px;line-height:36px;}
}

@media only screen and (max-width: 1021px) {
    .scroll_txt{display:none;}
    .main_section1{padding:30px 20px;}
    .main_section1 .tab_area > ul > li{margin-right:20px;}
    .main_section1 .tab_area > ul > li .item ul li a{padding:7px 0}
    .main_section2 .tab_area > ul > li .item .more{right:20px;margin-right:0;}
    .main_section1 .inner .leftCont .cont{padding:15px;height:230px;}
    .main_section1 .list ul li a .cate{font-size:14px;top:6px;}
    .main_section1 .list ul li a p{font-size:14px;}
    .main_section1 .list_thumb{margin-top:5px;}
    .main_section1 .list_thumb ul li a .img{margin-bottom:5px;}
    .main_section1 .list_thumb ul li a p{text-overflow:ellipsis;white-space:nowrap;height:21px;}
    .main_section1 .banner01 ul li a{height:230px;}

	/* 메인 정책기획영상 추가 0406*/
    .main_section1 .banner_video > ul > li a .txt{padding:15px;}
    .main_section1 .banner_video > ul > li a .txt p{font-size:14px;}
    .main_section1 .banner_video > ul > li a .img{height:144px;}

    .main_section1 .banner02 > ul > li a .txt{padding:15px;}
    .main_section1 .banner02 > ul > li a .txt p{font-size:14px;}
    .main_section1 .banner02 > ul > li a .img{height:144px;}
    .main_section2 .list.swiper-container{margin-left:20px}
    .main_section2 .swiper-news-next01{left:0;margin-left:90px;}
    .main_section2 .swiper-news-prev01{left:0;margin-left:0;}
    .main_section2 .swiper-news-pagination01{left:0;margin-left:50px;}
    .main_section2 .swiper-news-next02{left:0;margin-left:90px;}
    .main_section2 .swiper-news-prev02{left:0;margin-left:0;}
    .main_section2 .swiper-news-pagination02{left:0;margin-left:50px;}
    .main_section2 .swiper-news-next03{left:0;margin-left:90px;}
    .main_section2 .swiper-news-prev03{left:0;margin-left:0;}
    .main_section2 .swiper-news-pagination03{left:0;margin-left:50px;}
    .main_section2 .swiper-news-next04{left:0;margin-left:90px;}
    .main_section2 .swiper-news-prev04{left:0;margin-left:0;}
    .main_section2 .swiper-news-pagination04{left:0;margin-left:50px;}
    .main_section2 .swiper-news-pause01{left:0;margin-left:135px;}
    .main_section2 .swiper-news-play01{left:0;margin-left:135px;}
    .main_section2 .swiper-news-pause02{left:0;margin-left:135px;}
    .main_section2 .swiper-news-play02{left:0;margin-left:135px;}
    .main_section2 .swiper-news-pause03{left:0;margin-left:135px;}
    .main_section2 .swiper-news-play03{left:0;margin-left:135px;}
    .main_section2 .swiper-news-pause04{left:0;margin-left:135px;}
    .main_section2 .swiper-news-play04{left:0;margin-left:135px;}
    .main_section2 .cont_area .item .more{right:20px;margin-right:0;}
}
@media only screen and (max-width: 1000px) {
    .main_visual{padding-top:79px;}
}

/*정책브리핑 위젯 스크롤 */
@media only screen and (min-width: 1000px) {
	#section4 .inner iframe {height:350px;}
}
@media only screen and (max-width: 999px) {
	#section4 .inner iframe {height:100%;}
}

@media only screen and (max-width: 768px) {
    .eg p{font-size:11px;}
    header .header > div.right .lang{display:none;}
    #lnbNav{display:none;}
    #section0{height:auto !important;}
    #section0 .fp-tableCell{height:auto !important;}
    #section1{height:auto !important;}
    #section1 .fp-tableCell{height:auto !important;}
    #section2{height:auto !important;}
    #section2 .fp-tableCell{height:auto !important;}
    #section3{height:auto !important;}
    #section3 .fp-tableCell{height:auto !important;}
    .main_visual{padding-top:79px;}
    .main_visual ul li .img{position:static;height:0;padding-bottom:50%;overflow:hidden;}
    .main_visual ul li .txt strong{font-size:23px;margin-bottom:15px;/*height:90px;*/}
    .main_visual ul li .txt p{display:none;}
    .main_visual ul li .txt .more{font-size:12px;width:80px;height:30px;line-height:26px;}
    .main_visual .swiper-pagination{left:35px !important;bottom:13px !important;}
    .main_visual .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px !important;}
    .main_visual .swiper-button-play{left:20px;bottom:14px;}
    .main_visual .swiper-button-pause{left:20px;bottom:14px;}
    .main_section1{padding:30px 20px 30px 20px;}
    .main_section1 h2{margin-top:0;font-size:24px;}
    .main_section1 .sub_txt{font-size:14px;}
    .main_section1 .inner .leftCont{float:none;width:auto;}
    .main_section1 .inner .rightCont{float:none;width:auto;}
    .main_section1 .tab_area > ul > li{margin-right:15px;}
    .main_section1 .tab_area > ul > li a{font-size:15px;line-height:30px;}
    .main_section1 .cont_area > .item .more{width:27px;height:27px;background-size:auto 27px;top:-44px;}
    .main_section1 .list ul li a .date{height:30px;line-height:30px;}
    .main_section1 .list ul li a .cate{font-size:12px;}
    .main_section1 .list ul li a p{font-size:12px;margin:0 55px 0 65px}
    .main_section1 .list ul li a .date{font-size:11px;}
    .main_section1 .list_thumb ul li a .img{margin-bottom:5px;}
    .main_section1 .list_thumb ul li a p{font-size:12px;line-height:19px;height:38px;}
    .main_section1 .list_thumb ul li a .date{font-size:11px;}
    .main_section1 .banner01 ul li a{height:auto;}
    .main_section1 .banner01 ul li a img{display:block;width:100%;position:static;max-width:none;transform:translateX(0)}

	/* 메인 정책기획영상 추가 0406*/
    .main_section1 .banner_video > ul > li a .txt{padding:10px;}
    .main_section1 .banner_video > ul > li a .txt strong{font-size:15px;}
    .main_section1 .banner_video > ul > li a .txt p{font-size:12px;}
    .main_section1 .banner_video > ul > li a .txt .date{font-size:11px;top:10px;line-height:20px;}
    .main_section1 .banner_video > ul > li a .img{height:218px;}

    .main_section1 .banner02 > ul > li a .txt{padding:10px;}
    .main_section1 .banner02 > ul > li a .txt strong{font-size:15px;}
    .main_section1 .banner02 > ul > li a .txt p{font-size:12px;}
    .main_section1 .banner02 > ul > li a .txt .date{font-size:11px;top:10px;line-height:20px;}
    .main_section1 .banner02 > ul > li a .img{height:218px;}
    .main_section1 .banner02 .swiper-noticeBanner_prev01{width:30px;height:30px;background-size:auto 16px;margin-top:-50px;}
    .main_section1 .banner02 .swiper-noticeBanner_next01{width:30px;height:30px;background-size:auto 16px;margin-top:-50px;}
    .main_section2{padding:30px 20px 30px 20px;}
    .main_section2 h2{font-size:24px;}
    .main_section2 .sub_txt{font-size:14px;}
    .main_section2 .sub_txt br{display:block;}
    .main_section2 .tab_area{overflow-x:auto;margin:0 -10px 25px -10px;padding-bottom:5px;height:410px;}
    .main_section2 .tab_area > ul{}
    .main_section2 .tab_area > ul > li{display:block;float:left;margin-right:0;margin-left:0;margin-bottom:5px;width:48%;margin:0 1% 2% 1%;}
    .main_section2 .tab_area > ul > li > a{display:block;height:35px;line-height:35px;}
    .main_section2 .tab_area > ul > li .item .more{right:12px;}
    .main_section2 .tab_area > ul > li .item{top:100px;right:0;}
    .main_section2 .list.swiper-container{margin-left:0;}
    .main_section2 .list ul li{width:48%;margin-right:12px;box-sizing:border-box;}
    .main_section2 .list ul li.swiper-slide-active + li > a{opacity:1;}
    .main_section2 .list ul li.swiper-slide-active + li + li > a{opacity:0.2;}
    .main_section2 .list ul li.swiper-slide-active + li + li + li > a{opacity:0.2;}
    .main_section3{padding:30px 20px 30px 20px;}
    .main_section3 h2{margin-top:0;}
    .main_section3 .more{text-align:center;}
    .main_section3 .list ul li ul{padding:20px;}
    .main_section3 .list ul li ul li{width:98%;float:none;margin-bottom:20px;}
    .main_section3 .list ul li ul li:last-child{margin-bottom:0;}
    .main_section3 .list ul li ul li:nth-child(3){display:none;}
    .main_section3 .list ul li ul li:nth-child(4){display:none;}
    .main_section3 .list ul li ul li a .img img{max-width:none;}
    .main_section3 .list ul li ul li a .txt strong{margin-bottom:5px;}
	.main_section3 .list ul li ul li.service_error{padding:334px 0;}
	.main_section3 .list ul li ul li.service_error img{width:100%;}
    .main_section3 h2{font-size:24px;}
    .main_section3 .sub_txt{font-size:14px;}
    .main_section3 .sub_txt br{display:block;}
    .btn_top{display:none;}

	.main_section3 .ico_sns {width:44.5%;}
	.main_section3 .ico_sns_link {width:55.5%;}
}
@media only screen and (max-width: 640px) {
    .main_section1 .banner02 > ul > li a .img{height:108px;}

	/* 메인 정책기획영상 추가 0406*/
    .main_section1 .banner_video > ul > li a .txt{padding:7px 10px 8px;}
    .main_section1 .banner_video > ul > li a .txt strong{margin-bottom:0;}
    .main_section1 .banner_video > ul > li a .img{height:94px;}
	.main_section1 .banner_video > ul > li a .txt .date,
	.main_section1 .banner02 > ul > li a .txt .date{top:8px;right:12px;font-size:11px;}
    .main_section1 .banner_video > ul > li a .txt strong,
    .main_section1 .banner02 > ul > li a .txt strong{font-size:14px;}

	.main_visual ul li.swiper-slide-active .txt strong br{display:none;}

	/* 정책브리핑 */
	#section4 .inner{height:365px; margin:40px 10px;}
}