@font-face {
    font-family:'GmarketSansMedium';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'GmarketSansBold';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
#hyundai-conttop,
#hyundai-conttop * {font-family:'GmarketSansMedium', 'GmarketSansBold', 'Noto Sans KR', sans-serif;}
br {font-family:dotum;}

.trxAnm{opacity:0;transform:translateY(30px);transition:all 0.5s;}
.trxAnm.on{opacity:1;transform:translateY(0);transition:all 0.5s;}

.wide {display:block;}
.mob {display:none;}
@media all and (max-width:767px) {
	.wide {display:none;}
	.mob {display:block;}
}

#hyundai-conttop {min-width:360px;}
#hyundai-conttop .sec-main {width:100%; position:relative;overflow:hidden; padding:90px 15px 0; background:#f1f1f1 url("../conttop_bg.jpg") no-repeat center top;}
#hyundai-conttop .sec-main-title .logo {text-align:center; margin:0 0 28px;}
#hyundai-conttop .sec-main-title .logo img {max-width:110px;}
#hyundai-conttop .sec-main-title .logo img + img {margin-left:6px;}
#hyundai-conttop .sec-main-title h1 {text-align:center; line-height:100%;}
#hyundai-conttop .sec-main-title h1 span {margin:0; display:block;margin-bottom: 20px;}
#hyundai-conttop .sec-main-title p {font-size:26px;line-height:140%; color:#1e3449; text-align:center; margin:36px 0 54px;  word-break:keep-all; }
#hyundai-conttop .sec-main-title strong {color:#0aa6db; font-weight:normal;}
#hyundai-conttop .sec-main-title .tag {max-width:900px; text-align:center; margin:0 auto 66px;}
#hyundai-conttop .sec-main-title .tag span {display:inline-block; height:40px; line-height:0px; padding:0 30px; background:#fff; border-radius:40px; color:#1eb9ee; font-size:20px; margin:5px;}
#hyundai-conttop .sec-main-title .tag span:after { content: ""; display: inline-block; height:1.35em;}
#hyundai-conttop .img {text-align:center;margin-left: 10.416vw;}

.video-area {width:100%; background:#f1f1f1; margin:0 auto; padding:60px 15px 60px; text-align:center;}
.video-area .embed-youtube {display:none; position:relative; max-width:1260px; width:calc(100% - 30px); height:0; padding-bottom:56.25%; box-shadow:0px 15px 30px 0px rgba(89, 89, 89, 0.16); border-radius:10px; margin:0 0 20px;}
.video-area .embed-youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-area img {box-shadow:0px 15px 30px 0px rgba(89, 89, 89, 0.16); border-radius:10px; margin:0 0 20px;}
.video-area span {color:#768392; font-size:14px; display:block; word-break:keep-all; line-height:150%;}

@media all and (max-width:1200px) {
	/* #hyundai-conttop .sec-main {background:#f1f1f1 url("../mob/conttop_bg.jpg") no-repeat center bottom/cover;} */
	/* #hyundai-conttop .sec-main{background-position: center bottom -110px;} */
	#hyundai-conttop .img{margin-left: 3vw;}
}
@media all and (max-width:767px) {
	/* #hyundai-conttop .sec-main{background-position: center bottom -150px;} */
	#hyundai-conttop .sec-main{background:#edf6ff url("../conttop_bg_m.jpg") no-repeat;background-size:cover;background-position: center bottom -3px;}
	#hyundai-conttop .sec-main-title h1 span{margin-bottom: 10px;}

	#hyundai-conttop .sec-main-title .logo img {width:74px;}
	#hyundai-conttop .sec-main-title .logo img + img {margin-left:4px;}
	#hyundai-conttop .sec-main-title h1 {padding:0 10px;}
	#hyundai-conttop .sec-main-title h1 img {max-width:100%;}
	#hyundai-conttop .sec-main-title p {font-size:15px; margin:30px 0 40px;}
	#hyundai-conttop .sec-main-title p br {display:none;}
	#hyundai-conttop .sec-main-title .tag { margin:0 auto 40px;}
	#hyundai-conttop .sec-main-title .tag span {height:34px; font-size:14px; margin:5px; padding:0 15px;}
	#hyundai-conttop .sec-main-title .tag span:after {height:1.5em;}

	#hyundai-conttop .img img {width:80%;}

	.video-area {padding:30px 15px 0;}
}
@media all and (max-width:480px) {
	#hyundai-conttop .sec-main-title .logo img{width: 65px;}
	#hyundai-conttop .sec-main-title .tag span {width:80%; min-width:270px;}
	#hyundai-conttop .img img {width:90%;}
}


.iheHdeTab {display:block;}
.iheShwTab {display:none !important;}
@media all and (max-width:768px) {
	.iheHdeTab {display:none !important;}
	.iheShwTab {display:flex !important;}
}
/* 컨텐츠 버튼 */
.iheSecWrpBtn{width: 100%;height: 90px;z-index: 999;position: sticky;top: 10px;}
.iheSecWrpBtn > ul{width: calc(100% - 30px);max-width: 1200px;margin: 0 auto;border: 2px solid #145248;height: 100%;border-radius: 10px;box-shadow: 0 10px 30px rgba(13,48,51,0.3);display: flex;overflow: hidden;}
.iheSecWrpBtn > ul > li{width: 33.333%;background-color: #51c2af;height: 100%;box-sizing: content-box;}
.iheSecWrpBtn > ul > li.jsClr{background-color: #1e3449;border: none !important;}
.iheSecWrpBtn > ul > li.jsClr > a > span:nth-child(1){text-stroke: 5px #1e3449;-webkit-text-stroke: 5px #1e3449;}
.iheSecWrpBtn > ul > li:nth-child(1){border-right: 3px dotted #01967e;}
.iheSecWrpBtn > ul > li:nth-child(3){border-left: 3px dotted #01967e;}
.iheSecWrpBtn > ul > li > a{font-size: 28px;color: #ffffff;text-align: center;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;position: relative;}
.iheSecWrpBtn > ul > li > a > span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);white-space: nowrap;}
.iheSecWrpBtn > ul > li > a > span:nth-child(1){text-stroke: 5px #264c46;-webkit-text-stroke: 5px #264c46;}
@media all and (max-width:960px){
	.iheSecWrpBtn{height: 80px;}
	.iheSecWrpBtn > ul > li > a{font-size: 25px;}
}
@media all and (max-width:768px){
	.iheSecWrpBtn{position: absolute;top: 110px;height: 60px;}
	.iheSecWrpBtn.fixed{position: fixed;top: 10px;}
	.iheSecWrpBtn > ul > li > a{font-size: 18px;}
	.iheSecWrpBtn > ul > li > a > span:nth-child(1){text-stroke: 4px #264c46;-webkit-text-stroke: 4px #264c46;}
	.iheSecWrpBtn > ul > li.jsClr > a > span:nth-child(1){text-stroke: 4px #1e3449;-webkit-text-stroke: 4px #1e3449;}
}
@media all and (max-width:540px){
	.iheSecWrpBtn{height: 50px;}
	.iheSecWrpBtn > ul > li > a{font-size: 16px;}
	.iheSecWrpBtn > ul > li:nth-child(1){border-right: 2px dotted #01967e;}
	.iheSecWrpBtn > ul > li:nth-child(3){border-left: 2px dotted #01967e;}
}

/* 지원대상 및 내용 */
.sec.sec01 {width:100%; padding:150px 0 0; background:#f1f1f1 url("../sec01_bg.gif") no-repeat center bottom;margin-top: -90px;}

.sec01-title {color:#243953; font-size:40px; line-height:140%; padding:0 15px 40px; text-align:center; word-break:keep-all;}
.sec01-title h2{font-size:100%;}
.sec01-bottom {position:relative; max-width:1200px; margin:0 auto;width:calc(100% - 30px); border:2px solid #243953; padding:30px 50px; background:#e5eaf1; box-shadow:9px 15px 30px 0px rgba(89, 89, 89, 0.16); border-radius:10px;}
.sec01-bottom:before {content:''; position:absolute; right:46px; top:-25px; width:66px; height:60px; background:url("../sec01_leaf.png") no-repeat;}
.sec01-bottom dl {overflow:hidden;}
.sec01-bottom dl + dl {margin-top:26px; padding-top:30px; background:url("../sec01_icon_dot.gif") repeat-x left top;}
.sec01-bottom dt {float:left; background:url("../sec01_dt_bg.png") no-repeat; width:146px; height:47px; text-align:center; color:#fff; font-size:20px; line-height:120%; padding:12px 0 0;}
.sec01-bottom dl:nth-of-type(2) dt {height:63px; background:url("../sec01_dt_bg2.png") no-repeat; padding:7px 0 0;}
.sec01-bottom dd {float:left; width:calc(100% - 146px); padding:10px 0 0 38px;}
.sec01-bottom dd ul {}
.sec01-bottom dd ul li {position:relative; font-size:20px; color:#243953; padding-left:24px; line-height:120%; word-break:keep-all;}
.sec01-bottom dd ul li:before {content:''; position:absolute; left:0; top:4px; width:15px; height:12px; background:url("../sec_icon_check.png") no-repeat center center;}
.sec01-bottom dd ul li + li {margin-top:16px;}
.sec01-bottom dd ul li strong {color:#1b61b3; font-weight:normal;}
.sec01-bottom dd ul li span {display:block; color:#768392; font-size:16px; margin:6px 0 0;}

@media all and (max-width:1200px) {
	.sec01-bottom {padding:30px 30px;}
	.sec01-bottom:before {right:16px;}

}
@media all and (max-width:767px) {
	.sec.sec01 {width:100%; padding:80px 0px 0px;margin-top: 0;}
	.sec01-title {font-size:28px; padding:0 15px 20px;}
	.sec01-bottom {padding:20px 16px;}
	.sec01-bottom:before {display:none;}
	.sec01-bottom dl + dl {margin-top:16px; padding-top:20px;}
	.sec01-bottom dt {font-size:15px; width:106px; height:35px; background:url("../mob/sec01_dt_bg.png") no-repeat; background-size:cover; padding:8px 0 0;}
	.sec01-bottom dl:nth-of-type(2) dt {height:46px; background:url("../mob/sec01_dt_bg2.png") no-repeat;  background-size:contain; padding:3px 0 0;}
	.sec01-bottom dd { width:calc(100% - 106px); padding:10px 0 0 28px;}
	.sec01-bottom dd ul li {font-size:14px;}
	.sec01-bottom dd ul li:before {width:15px; height:12px; background:url("../mob/sec_icon_check.png") no-repeat center center/cover;}
	.sec01-bottom dd ul li span {font-size:12px;}
}
@media all and (max-width:480px) {
	.sec01-bottom dd { width:100%; padding:10px 0 0;}
}


/* 지원 일정 및 방법 */
.sec.sec02 {padding:130px 0 110px; background:#f1f1f1 url("../sec02_bg.gif") no-repeat center top/cover; }
.sec02-title {color:#fff; font-size:40px; line-height:140%; padding:0 15px 40px; text-align:center; word-break:keep-all;}
.sec02-title h2{font-size:100%;}
.sec02-top {max-width:1260px; margin:0 auto; overflow:hidden; padding:0 30px 40px;}
.sec02-top dl {float:left; width:590px; border:2px solid #1e3449; border-radius:10px; box-shadow:9px 15px 30px 0px rgba(89, 89, 89, 0.16); overflow:hidden;}
.sec02-top dl + dl {margin-left:20px;}
.sec02-top dl dt {width:100%; height:80px; line-height:86px; background:url("../sec02_dt_bg.png") no-repeat center -2px; color:#fff; font-size:28px; font-family:'GmarketSansBold'; text-align:center;}
.sec02-top dl dd {position:relative; height:540px; padding:30px 20px 0 30px; background:#fff;}
.sec02-top dl dd ul {}
.sec02-top dl dd ul li {position:relative; font-size:16px; color:#454c52; padding-left:24px; word-break:keep-all;}
.sec02-top dl dd ul li:before {content:''; position:absolute; left:0; top:4px; width:15px; height:12px; background:url("../sec_icon_check.png") no-repeat center center;}
.sec02-top dl dd ul li + li {margin-top:20px;}
.sec02-top dl dd ul li strong {display:block; color:#3d649c; font-size:20px; font-family:'GmarketSansBold'; margin:0 0 3px;}
.sec02-top dl dd ul li strong span {font-size:16px; font-family:'GmarketSansMedium'; padding-left:14px;}
.sec02-top dl dd ul li p {position:relative; display:block; font-size:16px; padding-left:16px; line-height:120%; word-break:keep-all;}
.sec02-top dl dd ul li p:before {content:''; position:absolute; left:2px; top:6px; width:5px; height:5px; background:#a6b9d0; border-radius:50%;}
.sec02-top dl dd ul li p + p {margin-top:20px;}
.sec02-top dl dd ul li p span {color:#768392; display:block; font-size:15px; margin:6px 0;}
.sec02-top dl dd .caution {position:absolute; bottom:48px; left:25px; right:25px; width:calc(100% - 50px); height:42px; line-height:42px; text-align:center; background:#ccd7e3; color:#8692a2; font-size:15px; border-radius:10px; word-break:keep-all;}

.sec02-bottom {position:relative; width:1200px; margin:0 auto; background:#58819c; border-radius:10px; padding:30px;}
.sec02-bottom:after {content:''; position:absolute; bottom:-33px; right:-29px; width:288px; height:196px; background:url(../sec02_caution_img.png) no-repeat center center;}
.sec02-bottom .box {width:100%; }
.sec02-bottom .box * {color:#fff;}
.sec02-bottom .box + .box {margin-top:28px; padding-top:28px; background:url("../sec_icon_dot.png") repeat-x left top;}
.sec02-bottom .box h3 {font-size:20px; font-family:'GmarketSansBold'; margin:0 0 10px;}
.sec02-bottom .box p {position:relative; display:block; font-size:16px; padding-left:16px; line-height:140%; word-break:keep-all;}
.sec02-bottom .box p:before {content:''; position:absolute; left:2px; top:8px; width:5px; height:5px; background:#a6b9d0; border-radius:50%;}
.sec02-bottom .box p + p {margin-top:4px;}

.sec02-btn-wrap {text-align:center; margin:48px auto 0; padding:0 0 20px;}
.sec02-btn-wrap.dwn{margin-top:20px;padding-bottom:0;}
.sec02-btn-wrap a {display:inline-block; width:300px; height:70px; line-height:74px; text-align:left; padding-left:40px; color:#fff; font-size:20px; font-family:'GmarketSansBold'; border-radius:50px; background:url("../sec02_btn01.png") no-repeat center center; box-shadow:9px 15px 30px 0px rgba(30, 52, 73, 0.16);    font-weight: bold;transition:box-shadow 0.25s;}
.sec02-btn-wrap a:hover{text-decoration: none !important;box-shadow:9px 15px 30px 0px rgba(30, 52, 73, 0.32);}
.sec02-btn-wrap a + a {color:#0c263e; margin-left:7px; background:url("../sec02_btn02.png") no-repeat center center;}
.sec02-btn-wrap a[download]{padding-left:30px;}

@media all and (max-width:1260px) {
	.sec02-top {padding:0 15px 30px;}
	.sec02-top dl {width:49%;}
	.sec02-top dl + dl {margin-left:2%;}
	.sec02-top dl dd {height:610px; padding:30px 15px;}
	.sec02-top dl dd .caution {bottom:20px;}

	.sec02-bottom {width:calc(100% - 30px);}
}
@media all and (max-width:950px) {
	.sec02-top dl {float:none; width:100%;}
	.sec02-top dl + dl {margin:30px 0 0;}
	.sec02-top dl dt {background-size:110%; background-position:center -4px;}
	.sec02-top dl dd {height:auto;}
	.sec02-top dl dd .caution {position:relative; bottom:auto;  margin-top:20px; left:auto; right:auto; width:calc(100%);}
}
@media all and (max-width:767px) {
	.sec.sec02 {padding:80px 0 80px;}
	.sec02-title {font-size:28px; padding:0 15px 20px;}
	.sec02-top dl + dl {margin:15px 0 0;}
	.sec02-top dl dt {background-size:240%; font-size:20px; height:64px; line-height:68px;}
	.sec02-top dl dd ul li {font-size:14px;}
	.sec02-top dl dd ul li:before {width:15px; height:12px; background:url("../mob/sec_icon_check.png") no-repeat center center/cover;}
	.sec02-top dl dd ul li strong {font-size:18px;}
	.sec02-top dl dd ul li strong span {font-size:14px;}
	.sec02-top dl dd ul li p {font-size:14px;}
	.sec02-top dl dd ul li p span {font-size:13px;}
	.sec02-top dl dd .caution {font-size:13px; line-height:120%; padding:13px 20px; height:auto;}

	.sec02-bottom {padding:20px; background:#4c6e84;}
	.sec02-bottom:after {bottom:-40px; right:20px; width:57px; height:100px; background-size:cover;}
	.sec02-bottom .box + .box {margin-top:18px; padding-top:18px;}
	.sec02-bottom .box h3 {font-size:18px;}
	.sec02-bottom .box p {font-size:14px;}

	.sec02-btn-wrap {margin:60px auto 0; width:calc(100% - 30px);}

}
@media all and (max-width:650px) {
	.sec02-bottom:after {bottom:-60px; right:10px;}
	.sec02-btn-wrap {margin:70px auto 0;}
	.sec02-btn-wrap a {width:250px; height:55px; display:block; margin:0 auto; background:url("../mob/sec02_btn01.png") no-repeat center center;font-size: 18px;line-height: 58px;padding-left: 25px;background-size: 270px 60px;background-size: 100% auto;}
	.sec02-btn-wrap a[download]{padding-left:20px;}
	/* .sec02-btn-wrap a {width:326px; height:70px; display:block; margin:0 auto; background:url("../mob/sec02_btn01.png") no-repeat center center/cover;} */
	.sec02-btn-wrap a + a {margin:10px auto 0; background:url("../mob/sec02_btn02.png") no-repeat center center;background-size: 100% auto;}

}

/* faq */
.sec.sec03 {padding:80px 0 130px; background:#f1f1f1 url("../sec03_bg.gif") no-repeat center top/cover;}
.sec03-title {color:#243953; font-size:40px; line-height:140%; text-align:center; padding:0 15px 40px; word-break:keep-all;}
.sec03-title h2{font-size:100%;}
.sec03-title h2.title {margin:0 0 10px;}
.sec03-title p {color:#768392; font-size:16px; line-height:140%;}
.sec03-title p a {color:#768392;}
.sec03-title p a:hover {color:#243953;}

.faq-wrap {max-width:1200px; margin:0 auto; width:calc(100% - 30px); background:#fff; box-shadow:9px 15px 30px 0px rgba(89, 89, 89, 0.16); border-radius:10px; overflow:hidden;}
.faq-wrap .faq-box {width:100%; background:#fff; overflow:hidden; border-bottom:1px solid #d9d9d9;}
.faq-wrap .faq-box:last-child {border-bottom:0;}
.faq-wrap .faq-box br {display:none;}
.faq-wrap .faq-box:first-child br{display:block;}
.faq-wrap .faq-q {min-height:84px; padding:23px 28px 20px; display:flex; align-items:center; cursor:pointer; background:url("../sec03_arrow_down.gif") no-repeat 96% center;}
.faq-wrap .faq-title {background:#1e3449; color:#fff;border-radius:50%; text-align:center; min-width:38px !important; width:38px; height:38px; line-height:0; font-size:20px;}
.faq-wrap .faq-title:after {content: ""; display: inline-block; height:1.2em;}
.faq-wrap .faq-q .faq-txt {color:#1e3449; font-size:22px; width:calc(100% - 38px); padding:0 70px 0 20px; word-break:keep-all; line-height:120%;}
.faq-wrap .faq-q .faq-txt br {display:block;}
.faq-wrap .faq-q .faq-txt:after {content: ""; display: inline-block; height:1em;}
.faq-wrap .faq-a {display:flex;align-items:center; padding:36px 82px; align-items:flex-start; background:#e5eaf1;}
.faq-wrap .faq-a .faq-title2 {font-size:18px; color:#1b61b3; font-family:'GmarketSansBold'; line-height:150%;}
.faq-wrap .faq-a .faq-txt {color:#1b61b3; font-size:16px; line-height:140%; width:calc(100% - 30px); word-break:keep-all; padding:2px 0 0 10px;}
.faq-wrap .faq-a .faq-txt:after {content: ""; display: inline-block; height:0.95em;}
.faq-wrap .faq-a .faq-txt br {display:block;}

.faq-wrap .on .faq-q { background:url("../sec03_arrow_up.gif") no-repeat 96% center;}
.faq-wrap .on .faq-title {background:#3d649c; color:#fff;}
.faq-wrap .on .faq-q .faq-txt {color:#1b61b3;}

@media all and (max-width:767px) {
	.sec.sec03 {padding:80px 0 100px;}
	.sec03-title {font-size:28px; padding:0 15px 20px;}
	.sec03-title p {font-size:14px;}
	.faq-wrap .faq-q {min-height:auto; padding:17px 44px 15px 20px; background:url("../mob/sec03_arrow_down.gif") no-repeat 96% center; background-size:23px;}
	.faq-wrap .faq-title {display:block; min-width:30px !important; width:30px; height:30px; font-size:16px; line-height:0;}
	.faq-wrap .faq-q .faq-txt {width:calc(100% - 30px); font-size:16px; padding:0 20px 0 12px;;}
	.faq-wrap .faq-q .faq-txt:after {height:0.4em;}
	.faq-wrap .faq-a {padding:24px 24px 24px 60px;}
	.faq-wrap .faq-a .faq-title2 {font-size:16px;}
	.faq-wrap .faq-a .faq-txt {font-size:14px;}

	.faq-wrap .on .faq-q {background:url("../mob/sec03_arrow_up.gif") no-repeat 96% center; background-size:23px;}
	.faq-wrap .on .faq-title {background:#3d649c;}
}
@media all and (max-width:480px) {
	.faq-wrap .on .faq-q { background-size:23px;}
}
@media all and (max-width:380px) {
	.faq-wrap .faq-q { background-size:23px; align-items:flex-start;}
}

/* 사용후기 */
.sec.sec04 {display:none; padding:100px 0 120px; background:url("../sec04_bg.gif") no-repeat center top/cover;}
.sec04-title {color:#243953; font-size:40px; line-height:140%; text-align:center;  padding:0 15px 10px; word-break:keep-all;}
.sec04-frame {max-width:1250px; margin:0 auto;width:calc(100% - 30px);}
.sec04-frame ul {overflow:hidden; }
.sec04-frame ul li {float:left; position:relative; width:285px; height:370px; background:#fff; border-radius:12px; overflow:hidden; margin:0 20px 30px 0; transition:.4s; top:30px;}
.sec04-frame ul li:nth-of-type(4n) {margin-right:0;}
.sec04-frame ul li a {display:block; cursor:pointer;}
.sec04-frame ul li .img {position:relative; width:100%; height:220px;overflow:hidden;}
.sec04-frame ul li .img img {position:absolute; min-width:100%; max-width:100%; max-height:auto; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sec04-frame ul li .desc {position:relative; width:100%; padding:30px 30px 0;}
.sec04-frame ul li .desc .title {font-size:16px; color:#364353; line-height:160%; height:70px; word-break:keep-all;}
.sec04-frame ul li .desc .date {font-size:14px; color:#8c96a1;}
.sec04-frame ul li .desc span {position:absolute; width:20px; height:21px; display:block; bottom:0px; right:30px; background:url("../sec04_icon_plus.png") no-repeat; cursor:pointer;}

.sec04-frame ul li:hover {background:#3d649c; top:0; box-shadow:9px 15px 30px 0px rgba(89, 89, 89, 0.16); }
.sec04-frame ul li:hover .desc .title {color:#fff;}
.sec04-frame ul li:hover .desc .date {color:#fff;}
.sec04-frame ul li:hover .desc a {background:url("../sec04_icon_plus_on.png") no-repeat;}

.sec04-paging {padding:60px 0 0; text-align:center;}
.sec04-paging a {display:inline-block; margin:6px 28px 0; color:#8c96a1; font-size:18px; line-height:160%; padding:0 2px;}
.sec04-paging a.on {color:#1b61b3; border-bottom:2px solid #1b61b3; font-family:'GmarketSansBold';}
.sec04-paging a.prev {margin-left:0; vertical-align:bottom; margin-bottom:9px;}
.sec04-paging a.next {margin-right:0; vertical-align:bottom; margin-bottom:9px;}
.sec04-paging a.prev img, .sec04-paging a.next img {width:16px;}

@media all and (max-width:1200px) {
	.sec04-frame ul li {width:32%; margin-right:2%;}
	.sec04-frame ul li:nth-of-type(4n) {margin-right:2%;}
	.sec04-frame ul li:nth-of-type(3n) {margin-right:0;}
	.sec04-frame ul li:hover {top:30px;}
}
@media all and (max-width:940px) {
	.sec04-frame ul li {height:340px;}
	.sec04-frame ul li .img {height:180px;}
	.sec04-frame ul li .desc .title {height:90px;}
}
@media all and (max-width:840px) {
	.sec04-frame ul {padding:0 0 10px;}
	.sec04-frame ul li {width:49%; height:320px; margin-bottom:20px; top:0;}
	.sec04-frame ul li:nth-of-type(3n) {margin-right:2%;}
	.sec04-frame ul li:nth-of-type(2n) {margin-right:0;}
	.sec04-frame ul li .img {height:180px;}
	.sec04-frame ul li .desc {padding:20px 20px 0;}
	.sec04-frame ul li .desc .title {height:70px;}
	.sec04-frame ul li:hover {background:#fff; box-shadow:none; top:0;}
	.sec04-frame ul li:hover .desc .title {color:#364353;}
	.sec04-frame ul li:hover .desc .date {color:#8c96a1;}
	.sec04-frame ul li:hover .desc a {background:url("../sec04_icon_plus.png") no-repeat;}
	.sec04-frame ul li .desc span {right:20px;}
}

@media all and (max-width:767px) {
	.sec.sec04 {padding:80px 0;}
	.sec04-title {font-size:28px; padding:0 15px 20px;}
	.sec04-frame ul li .desc span {width:36px; height:36px; background:url("../mob/sec04_icon_plus.png") no-repeat;}
	.sec04-frame ul li:hover .desc a {background:url("../mob/sec04_icon_plus.png") no-repeat;}

	.sec04-paging {padding:40px 0 0;}
	.sec04-paging a {font-size:16px; margin:6px 15px 0;}
	.sec04-paging a.prev {margin-bottom:5px;}
	.sec04-paging a.next {margin-bottom:5px;}
}
@media all and (max-width:560px) {
	.sec04-frame ul li {float:none; width:100%; height:auto; margin:0;}
	.sec04-frame ul li + li {margin-top:15px;}
	.sec04-frame ul li .desc {padding:20px;}
	.sec04-frame ul li .desc .title {height:auto; margin:0 0 10px;}
	.sec04-frame ul li .desc span {bottom:20px; width:18px; height:18px; background:url("../mob/sec04_icon_plus.png") no-repeat center center/cover;}
	.sec04-frame ul li:hover .desc a {background:url("../mob/sec04_icon_plus.png") no-repeat center center/cover;}
}

.popup-div {opacity:0; display:none; position:relative; width:auto; }
.modal-content {position:relative; background:#fff; margin:80px auto auto; padding:50px 20px; border-radius:10px; width:1000px; height:85vh; -webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; animation-name:animatetop; animation-duration:0.4s;}
.modal-content .b-close {position:absolute; top:-50px; right:0; cursor:pointer;}
.modal-frame {padding:10px 20px; width:960px; height:100%; overflow-x:hidden; overflow-y:auto;}
.modal-frame::-webkit-scrollbar {width:6px;border-radius:3px; }
.modal-frame::-webkit-scrollbar-track { background-color:#eaeaea;border-radius:3px; }
.modal-frame::-webkit-scrollbar-thumb { background:#1f8eff;border-radius:3px; }
.modal-frame::-webkit-scrollbar-thumb:hover { background:#1f8eff;border-radius:3px; }
.modal-frame::-webkit-scrollbar-thumb:active { background:#1f8eff;border-radius:3px; }
.modal-frame::-webkit-scrollbar-button { display:none; }
.modal-frame .img {width:900px; box-shadow:0 28px 28px 0px rgba(0,0,0,0.06); border-radius:10px; overflow:hidden; margin:0 0 40px;}
.modal-frame .img img {width:100%; }
.modal-frame .desc {}
.modal-frame .desc .title {font-size:26px; color:#1f8eff; margin:0 0 12px; line-height:140%; word-break:keep-all;}
.modal-frame .desc .date {font-size:14px; color:#959da6; margin:0 0 20px;}
.modal-frame .desc .txt {font-size:16px; color:#4c4c4c; line-height:150%; margin:0 0 24px; word-break:keep-all;}
.modal-frame .desc .file {font-size:14px; color:#4c4c4c; line-height:24px;}
.modal-frame .desc .file img {vertical-align:middle; margin:0 8px 0 0;}

@media all and (max-width:1200px) {
	.modal-content {padding:30px 20px; width:98%;}
	.modal-frame {padding:10px 20px; width:100%;}
	.modal-frame .img {width:100%;}
}
@media all and (max-width:767px) {
	.modal-content {padding:20px 20px;}
	.modal-frame {padding:10px;}
	.modal-frame .img { box-shadow:0 18px 18px 0px rgba(0,0,0,0.06); margin:0 0 30px;}
	.modal-frame .desc .title {font-size:16px; margin:0 0 10px;}
	.modal-frame .desc .date {font-size:13px; margin:0 0 15px;}
	.modal-frame .desc .txt {font-size:14px;}
	.modal-frame .desc .file {font-size:13px;}
}
@media all and (max-width:480px) {
	.modal-content {padding:15px 10px;}
}


@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}


/* 플로팅 */
#iheFlt{position: fixed;right: 60px;bottom: 60px;z-index: 999;}
#iheFlt > ul{}
#iheFlt > ul > li{}
#iheFlt > ul > li > a::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;height: 90%;border-radius: 50%;opacity: 0.2;}
#iheFlt > ul > li > a{display: flex;justify-content: center;align-items: center; width: 110px;height: 110px;box-shadow: 0 5px 15px rgba(14,28,41,0.2);background-color: #0c263e;color: #fff;font-size: 20px;font-family:'GmarketSansBold';text-align: center;font-weight: bold;line-height: 30px;border-radius: 50%;overflow: hidden;text-decoration: none;position: relative;transition: all .3s ease-in-out;}
#iheFlt.jsDown > ul > li > a{width: 90px;height: 90px;font-size: 17px;line-height: 25px;}
#iheFlt > ul > li > a:hover{transform: scale(1.1);transform-origin: center center;
transition: all .3s ease-in-out;}
#iheFlt > ul > li:nth-child(2) > a{background-color: #3884c9;margin-top: -10px;}
#iheFlt > ul > li:nth-child(1) > a::before{border: 1px solid #e5eaf1;}
#iheFlt > ul > li:nth-child(2) > a::before{border: 1px solid #243953;}
#iheFlt > ul > li:nth-child(1) > a > span{margin-top: 3px;}
#iheFlt > ul > li:nth-child(2) > a > span{margin-top: 12px;}
#iheFlt .iheFltChk.jsFltClr{background-color: #f6d976;color: #0c263e;}
#iheFlt .iheFltChk.jsFltClr::before{border: 1px solid #897a46;}

@media (max-width:1500px){
	#iheFlt{right: 10px;}
}
@media (max-width:768px){
	#iheFlt > ul > li > a,
	#iheFlt.jsDown > ul > li > a{width: 70px;height: 70px;font-size: 14px;line-height: 20px;}
	#iheFlt > ul > li:nth-child(2) > a > span{margin-top: 9px;}
	#iheFlt{bottom: 30px;}
}



/* 플로팅 배너 : 메뉴 4개만 사용시 height:260px 메뉴5개 사용시 height:320px */
#trxFlt {position:fixed; top:50%; right:56px; width:189px; height:320px; border:2px solid #1e3449; background:url("../navi_bg.png") no-repeat center top; border-radius:6px; box-shadow:9px 15px 30px 0px rgba(13, 48, 51, 0.5);z-index:1000; -webkit-transform:translateY(-50%); -ms-transformY:translate(-50%); transform:translateY(-50%); transition: .4s;}
#trxFlt ul {position:absolute; top:0; left:-38px; width:263px; padding:0;}
#trxFlt ul li {position:relative;text-align:center; color:#fff; font-size:19px; letter-spacing:-0.5px;}
#trxFlt ul li a {height:64px; display:block; width:100%;}
#trxFlt ul li .bar {display:none; position:absolute; left:0; top:5px; width:263px; height:75px; background:url("../navi_bar.png") no-repeat left top; z-index:-1;}
#trxFlt ul li .on {display:block;}

#trxFlt ul li:nth-of-type(1) .bar {display:block;}

.on1 a {background:url("../nav1.png") no-repeat center center !important;}
.on2 a {background:url("../nav2.png") no-repeat center center !important;}
.on3 a {background:url("../nav3.png") no-repeat center center !important;}
.on4 a {background:url("../nav5.png") no-repeat center center !important;}
.on5 a {background:url("../nav4.png") no-repeat center center !important;}
.on6 a {background:url("../nav6.png") no-repeat center center !important;}

#trxFlt ul li:nth-of-type(1) a {background:url("../nav1_on.png") no-repeat center center;}
#trxFlt ul li:nth-of-type(2) a {background:url("../nav2_on.png") no-repeat center center;}
#trxFlt ul li:nth-of-type(3) a {background:url("../nav3_on.png") no-repeat center center;}
#trxFlt ul li:nth-of-type(4) a {background:url("../nav4_on.png") no-repeat center center;}
#trxFlt ul li:nth-of-type(5) a {background:url("../nav5_on.png") no-repeat center center;}
#trxFlt ul li:nth-of-type(6) a {background:url("../nav6_on.png") no-repeat center center;}

/* 플로팅 모바일 배너 : 메뉴 4개만 사용시 width:25% 메뉴5개 사용시 width:20% */
#trxFlt_m {display:none; position:fixed;  top:110px; right:auto; left:10px; width:calc(100% - 20px); height:49px;  border:1px solid #1e3449; background:#51c2af; border-radius:6px; box-shadow:5px 5px 20px 0px rgba(13, 48, 51, 0.3);z-index:99; -webkit-transform:translateY(0%); -ms-transformY:translate(0%); transform:translateY(0%);}
#trxFlt_m ul {position:absolute; top:0; left:0; width:100%; padding:2px; overflow:hidden;}
#trxFlt_m ul li {float:left; width:25%; text-align:center; color:#fff; font-size:16px; letter-spacing:-0.5px;}
#trxFlt_m ul li a {height:44px; display:block; width:100%;}
#trxFlt_m ul li .on {display:block;}

@media (min-width:1001px) and (max-width:1600px) {
	#trxFlt {right:40px; width:160px; }
	#trxFlt ul {left:-24px; width:200px;}
	#trxFlt ul li a {height:64px; background-size:72% !important;}
	#trxFlt ul li .bar {top:12px; width:200px; background-size:100%;}
}
@media all and (max-width:1000px) {
	#trxFlt {display:none;}
	#trxFlt_m {display:block;}

	.on1 a {background:url("../mob/m_nav1_on.png") no-repeat center center/contain !important;}
	.on2 a {background:url("../mob/m_nav2_on.png") no-repeat center center/contain !important;}
	.on3 a {background:url("../mob/m_nav3_on.png") no-repeat center center/contain !important;}
	.on4 a {background:url("../mob/m_nav4_on.png") no-repeat center center/contain !important;}
	.on5 a {background:url("../mob/m_nav5_on.png") no-repeat center center/contain !important;}

	#trxFlt_m ul li:nth-of-type(1) a {background:url("../mob/m_nav1.png") no-repeat center center/contain;}
	#trxFlt_m ul li:nth-of-type(2) a {background:url("../mob/m_nav2.png") no-repeat center center/contain;}
	#trxFlt_m ul li:nth-of-type(3) a {background:url("../mob/m_nav3.png") no-repeat center center/contain;}
	#trxFlt_m ul li:nth-of-type(4) a {background:url("../mob/m_nav4.png") no-repeat center center/contain;}
	#trxFlt_m ul li:nth-of-type(5) a {background:url("../mob/m_nav5.png") no-repeat center center/contain;}
}


/* #trxFlt_m{display:none !important;}
#trxFlt_m_new{position:absolute;top:110px;left:10px;width:calc(100vw - 20px);display:none;z-index: 10;}
@media all and (max-width:1000px) {
	#trxFlt_m_new{display:block;}
}
#trxFlt_m_new.fxd{top:10px;position:fixed;}
#trxFlt_m_new > div{position:absolute;top:0;left:0;width:100%;max-height:52px;padding-top:50px;background-color:#51c2af;border-radius:5px;border:1px #145248 solid;transition:max-height 0.25s;overflow:hidden;}
#trxFlt_m_new > div.on{max-height:302px;}
#trxFlt_m_new > div > ul{border-top:1px #145248 solid;}
#trxFlt_m_new > div > ul > li > a{display:block;position:relative;transition:background 0.25s;}
#trxFlt_m_new > div > ul > li > a > img{height:50px;transition:opacity 0.25s;}
#trxFlt_m_new > div > ul > li > a > img:nth-child(2){position:absolute;top:0;left:0;opacity:0;}
#trxFlt_m_new > div > ul > li.on > a{background-color:#1e3449;}
#trxFlt_m_new > div > ul > li.on > a > img:nth-child(1){opacity:0;}
#trxFlt_m_new > div > ul > li.on > a > img:nth-child(2){opacity:1;}
#trxFlt_m_new > a{position:relative;display:block;transition:box-shadow 0.25s;}
#trxFlt_m_new > a > img{height:50px;}
#trxFlt_m_new > a > s{width:18px;position:absolute;top:calc(50% - 5.5px);right:20px;transition:transform 0.25s;transform:rotate(180deg);}
#trxFlt_m_new > a > s > img{width:100%;display:block;}
#trxFlt_m_new > div.on + a > s{transform:rotate(0deg);}
#trxFlt_m_new > div.on + a{box-shadow: 5px 9px 10px 0px rgba(13, 48, 51, 0.4);} */