@font-face {
	font-family: 'Godo';
	font-style: normal;
	font-weight: 400;
	src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}
  /* https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2 */
.trxIdx01Itm div{top:100px;}
.trxIdx01Itm{height:677px;}
.trxIdx01Itm div strong{font-family:'Godo';font-size:80px;}

.trxIdx01Itm > img:nth-child(2){display:none;}


#trxIdx04DivBrd{overflow:hidden;margin-bottom:50px;}
#trxIdx04DivBrd > div{width:100%;position:relative;}
#trxIdx04DivBrd > div > strong{font-weight:500;font-size:2.333em;color:#333333;line-height:1.714em;display:block;margin-bottom:20px;}
#trxIdx04DivBrd > div > div{border:1px #d9d9d9 solid;border-radius:10px;overflow:hidden;}
#trxIdx04DivBrd > div > div > ul{padding:0 20px;}
#trxIdx04DivBrd > div > div > ul > li{border-top:1px #d9d9d9 solid;}
#trxIdx04DivBrd > div > div > ul > li:first-child{border-top:0;}
#trxIdx04DivBrd > div > div > ul > li > a{line-height:89px;display:block;overflow:hidden;}
#trxIdx04DivBrd > div > div > ul > li > a > strong{float:left;font-size:1.500em;color:#333333;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:80%;}
#trxIdx04DivBrd > div > div > ul > li > a:hover > strong{text-decoration:underline;}
#trxIdx04DivBrd > div > div > ul > li > a > span{float:right;font-size:1.167em;color:#666666;}
#trxIdx04DivBrd > div > div > ul > li > a:hover > span{text-decoration:underline;}
#trxIdx04DivBrd > div > a{position:absolute;top:0;right:0;width:48px;height:48px;background-color:#3b77b6;border-radius:24px;}
#trxIdx04DivBrd > div > a > img{width:20px;position:absolute;top:14px;left:14px;}

.trxTabSub{margin-bottom:50px;display:flex;justify-content:center;flex-wrap:wrap;}
.trxTabSub > a{height:48px;margin:0 15px;font-size:18px;color:#666666;font-weight:400;min-width:100px;text-align:center;line-height:48px;}
.trxTabSub > a:hover,
.trxTabSub > a:focus,
.trxTabSub > a.on{color:#3b77b6;text-decoration:underline;font-weight:bold;}
.onlMob{display:none;}

.trxGllItm > a{position:relative;}
.trxGllItm > a > i{bottom:55px;left:30px;position:absolute;width:85px;line-height:26px;border-radius:5px;font-size:12px;color:#ffffff;text-align:center;font-style:normal;}
.trxGllItm > a:nth-last-child(2) > i{bottom:125px;}
.trxGllItm > a > i.type01{background-color:#89bc26;}
.trxGllItm > a > i.type02{background-color:#3b77b6;}
.trxGllItm > a > i.type03{background-color:#e15216;}
.trxGllItm > a > i.type04{background-color:#ee930f;}
.hlf.hveTyp .trxGllItm > a > span{padding-top:60px;}

.trxTabHex{border:2px #3b77b6 solid;border-radius:10px;background-color:#ffffff;overflow:hidden;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);}
.trxTabHex > a{width:calc(100% / 4);float:left;font-size:1.500em;line-height:4.222em;text-align:center;font-weight:300;color:#666666;background-color:#fff;}
.trxTabHex > a > span{color:#3b77b6}
.trxTabHex > a.on,
.trxTabHex > a:focus,
.trxTabHex > a:hover{background-color:#3b77b6;color:#fff;font-weight:500;}
.trxTabHex > a.on > span,
.trxTabHex > a:focus > span,
.trxTabHex > a:hover > span{color:#ffffff;}

@media (min-width: 320px) and (max-width: 1024px) {
	.trxIdx01Itm > img{position:static;width:100%;}
	.trxIdx01Itm > img:nth-child(1){display:none;}
	.trxIdx01Itm > img:nth-child(2){display:block;}
	.trxIdx01Itm{height:auto;}
	.trxIdx01Itm div strong{font-size:4.000em;}

	
	#trxIdx04DivBrd > div{width:100%;margin-top:50px;}
	#trxIdx04DivBrd > div:first-child{margin-top:0;}
	#trxIdx04DivBrd > div > strong{font-size:2.000em;}
	#trxIdx04DivBrd > div > a{width:40px;height:40px;}
	#trxIdx04DivBrd > div > a > img{width:16px;top:12px;left:12px;}
	#trxIdx04DivBrd > div > div > ul{padding:10px 20px;min-height:0;}
	#trxIdx04DivBrd > div > div > ul > li{padding:10px 0;}
	#trxIdx04DivBrd > div > div > ul > li > a{line-height:28px;}
	#trxIdx04DivBrd > div > div > ul > li > a > span{float:right;margin-left:5px;}
	#trxIdx04DivBrd > div > div > ul > li > a > strong{font-size:1.333em;width:70%;}
	#trxIdx04DivBrd > div > a{width:40px;height:40px;}
	#trxIdx04DivBrd > div > a > img{width:16px;top:12px;left:12px;}

	.hlf.hveTyp .trxGllItm > a > span{padding-top:40px;}
	.trxGllItm > a > i{bottom:55px;left:14px;position:absolute;width:80px;line-height:22px;border-radius:5px;font-size:12px;color:#ffffff;text-align:center;font-style:normal;}
	.trxGllItm > a:nth-last-child(2) > i{bottom:90px;}
	.onlMob{display:block;}
	.trxTabTrp{margin-bottom:10px;}
	.trxTabSub{margin-left:15px;margin-right:15px;}
	.trxTabSub > a{font-size:14px;height:30px;line-height:30px;min-width:0;margin:0 28px;margin-top:10px;}
	/*.trxTabTrp > a:last-child{line-height:1.5em;padding-top:0.5em;padding-bottom:0.5em;}*/
}

@media (min-width: 320px) and (max-width: 1200px) {
	.trxTabHex{margin-left:15px;margin-right:15px;}
	.trxTabHex > a{font-size:1.167em;line-height:4.000em;width:50%;border-left:1px #d9d9d9 solid;padding-bottom:25px;background-color:#fff;}
	.trxTabHex > a:nth-child(1){border-left:0;border-top:0;}
	.trxTabHex > a:nth-child(1),
	.trxTabHex > a:nth-child(3),
	.trxTabHex > a:nth-child(5){border-left:0;}
	.trxTabHex > a > span{display:block;width:100%;text-align:center;line-height:0;margin-top:-10px;}
	.trxTabHex > a:not(:nth-child(4n)) {border-right:0}
}