@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/*font-family: 'Montserrat', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*font-family: 'Noto Sans KR', sans-serif;*/
body{font-family:'Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;font-size:0.75em;letter-spacing:-0.06em;}
input,textarea,select{font-family:'Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;font-size:0.75em;letter-spacing:-0.06em;}
.fntSze1{font-size:1em;}
.fntSze2{font-size:1.1em;}
.fntSze3{font-size:1.2em;}
.fntSze4{font-size:1.3em;}
.fntSze5{font-size:1.4em;}
.fntSze6{font-size:1.5em;}
.fntSze7{font-size:1.6em;}
.fntSze8{font-size:1.7em;}
*:focus{}
a:focus,
a:hover{text-decoration:underline;}

.bx-wrapper{box-shadow:none;border:0;margin-bottom:0;}
.trxBtnLnk{font-size:1.667em;color:#666666;font-weight:400;line-height:44px;}
.trxBtnLnk:hover{text-decoration:underline;}
.trxBtnLnk > span{margin-left:15px;display:inline-block;height:44px;width:44px;position:relative;background-color:#3b77b6;border-radius:100%;vertical-align:middle;}
.trxBtnLnk > span > img{width:10px;position:absolute;top:13px;left:18px;}
.trxCstSlc{background:#fff url("/kce/assets/front/img/img_drpDwn.png") no-repeat;background-size:14px auto;background-position:center right 20px;-webkit-appearance: none;-moz-appearance: none;}
.trxCstSlc::-ms-expand {display: none;}
.trxHde{display:none !important;}


.trxSkpNavPnt{font-size:0;}

/* #trxSkp{position:fixed;top:0;left:0;} */
#trxSkp a{width:180px;background-color:#333333;color:#fff;font-size:1.333em;line-height:3.125em;text-align:center;display:block;position:fixed;top:-100px;left:0;z-index:600;border-radius:0 0 8px 0;}
#trxSkp a:focus{top:0;}

#trxHdrWrp{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:50;border-bottom:1px #e3e3e3 solid;}
#trxHdr{margin:0 80px;height:93px;}
#trxHdrLft{float:left;position:relative;}
#trxHdrRgt{float:right;position:relative;}
#trxLgo{position:absolute;top:16px;left:0;display:block;}
#trxLgo a{display:block;}
#trxLgo img{width:144px;display:block;}
#trxNav{margin-left:200px;}
#trxNav > ul > li:first-child{margin-left:0;}
#trxNav > ul > li{margin-left:15px;display:inline-block;padding:0 10px;vertical-align:top;position:relative;}
#trxNav > ul > li > a{display:block;font-size:1.667em;line-height:4.650em;color:#333333;letter-spacing:-0.06em;position:relative;padding:0 10px;}
#trxNav > ul > li > a > span{bottom:0;left:50%;width:0;height:4px;background-color:#3b77b6;position:absolute;opacity:0;transition:width 0.5s, opacity 0.5s, left 0.5s;}
#trxNav > ul > li:hover > a{color:#3b77b6;font-weight:500;}
#trxNav > ul > li:hover > a > span{width:100%;opacity:1;left:0;}
#trxNav > ul > li > ul{top:100%;left:-30px;position:absolute;width:calc(100% + 60px);border:1px #e3e3e3 solid;overflow:hidden;opacity:0;display:none;transition:opacity 0.5s;}
#trxNav > ul > li > ul > li{border-top:1px #e3e3e3 solid;}
#trxNav > ul > li > ul > li:first-child{border-top:0;}
#trxNav > ul > li > ul > li > a{display:block;width:100%; padding:19px 5px; text-align:center;font-weight:400;color:#333333;font-size:1.500em;line-height:1.5;background-color:#fff; word-break:keep-all}
#trxNav > ul > li > ul > li > a:hover{font-weight:500;text-decoration:underline;text-underline-position:under}
#trxNav > ul > li:hover > ul,
#trxNav > ul > li.on > ul{opacity:1;display:block;}

#trxSchRcm{display:inline-block;margin-right:30px;position:relative;padding-right:14.167em;}
#trxSchRcm > strong{font-size:1.333em;line-height:5.813em;font-weight:400;color:#333333;}
#trxSchRcm > i{width:1px;height:1em;background-color:#d9d9d9;position:absolute;top:3.333em;left:6.667em;}
#trxSchRcm > div{height:1.250em;position:absolute;top:3.167em;left:8.333em;width:12.500em;overflow:hidden;}
#trxSchRcm > div > a{display:none;width:28px;height:28px;border:1px #d9d9d9 solid;border-radius:3px;position:absolute;bottom:8px;right:18px;}
#trxSchRcm > div > a > img{width:12px;position:absolute;top:8px;left:8px;}
#trxSchRcm > div > ul > li{margin-top:20px;}
#trxSchRcm > div > ul > li:first-child{margin-top:0;}
#trxSchRcm > div > ul > li > a{font-size:1.167em;line-height:1.167em;color:#666666;font-weight:400;width:140px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#trxSchRcm > div > ul > li > a:hover,
#trxSchRcm > div > ul > li > a:focus{color:#333333;text-decoration:underline;}
#trxSchRcm > div > ul > li > a > span{display:inline-block;width:1em;height:1em;line-height:1em;background-color:#3b77b6;border-radius:3px;text-align:center;color:#fff;font-weight:700;margin-right:9px}

@media (min-width: 1025px){
	#trxSchRcm > div.on{top:0.833em;left:5.417em;width:19.167em;height:18.333em;border:2px #3b77b6 solid;border-radius:5px;background-color:#fff;z-index:20;padding:2.083em 2.500em;}
	#trxSchRcm > div.on > a{display:block;}
	#trxSchRcm > div.on > ul > li > a{width:100%;}
}


#trxSchFrm{display:inline-block;position:relative;margin-top:23px;}
#trxSchFrm .trxSchFrmIpt{border:1px #d9d9d9 solid;width:17.5em;height:48px;padding:0 28px;color:#666666;font-size:1.333em;font-weight:400;border-radius:24px;max-width:320px;}
#trxSchFrm .trxSchFrmBtn{width:36px;height:36px;background-color:#3b77b6;border-radius:18px;position:absolute;top:7px;right:6px;}
#trxSchFrm .trxSchFrmBtn input{width:16px;height:16px;top:10px;left:10px;position:absolute;}
#trxSchFrm > a{display:none;}

.trxMobNav{display:none;}
.trxMobNavOpn{display:none;}
.trxMobSchOpn{display:none;}


#trxIdxCnt{margin-top:93px;overflow:hidden;margin-bottom:140px;}


#trxIdx01{margin-bottom:170px;position:relative;}
.trxIdx01Itm{position:relative;height:760px;overflow:hidden;background-color:#f2f5f7;}
.trxIdx01Itm img{position:absolute;top:0;right:0;height:100%;}
.trxIdx01Itm div{position:absolute;top:200px;left:0;width:100%;}
.trxIdx01Itm div strong{max-width:1280px;margin:0 auto;width:100%;font-size:6.667em;color:#333333;line-height:0.938em;font-weight:500;display:block;margin-bottom:40px;}
.trxIdx01Itm div p{max-width:1280px;margin:0 auto;width:100%;font-size:1.500em;color:#333333;line-height:1.556em;}

.trxIdx01CtlWrp{position:absolute;top:500px;left:0;width:100%;}
.trxIdx01CtlWrp > div{max-width:1280px;width:100%;position:relative;margin:0 auto;}
.trxIdx01CtlWrp > div > span{display:block;width:85px;text-align:center;text-align:center;color:#fff;font-size:1.333em;line-height:2.500em;background-color:#3b77b6;border-radius:20px;}
.trxIdx01Ctl{position:absolute;top:0;border:1px #b5b5b5 solid;width:40px;height:40px;border-radius:20px;text-indent:-60px;overflow:hidden;}
.trxIdx01Prv{left:125px;background:#fff url("/kce/assets/front/img/btn_sldPrv.png") no-repeat;background-size:8px auto;background-position:center center;}
.trxIdx01Nxt{left:170px;background:#fff url("/kce/assets/front/img/btn_sldNxt.png") no-repeat;background-size:8px auto;background-position:center center;}
.trxIdx01Pse{left:215px;background:#fff url("/kce/assets/front/img/btn_sldPse.png") no-repeat;background-size:8px auto;background-position:center center;display:none;}
.trxIdx01Ply{left:215px;background:#fff url("/kce/assets/front/img/btn_sldPly.png") no-repeat;background-size:8px auto;background-position:center center;display:none;}
.trxIdx01Ctl.on{display:block;}


#trxIdx02{max-width:1280px;margin:0 auto;margin-bottom:240px;position:relative;}
#trxIdx02 > span{font-weight:bold;color:#666666;font-size:1.667em;line-height:0.700em;display:block;margin-bottom:30px;letter-spacing:-0.06em;}
#trxIdx02 > strong{display:block;font-weight:500;color:#333333;font-size:5.000em;line-height:0.917em;margin-bottom:33px;letter-spacing:-0.06em;}
#trxIdx02 > p{font-size:1.500em;line-height:1.556em;color:#666666;font-weight:400;position:relative;margin-bottom:53px;}
#trxIdx02 > a{position:absolute;top:140px;right:0;}
#trxIdx02 > ul{height:280px}
#trxIdx02 > ul > li{float:left;width:200px;margin-left:16px;border:1px #d9d9d9 solid;border-radius:8px;}
#trxIdx02 > ul > li:first-child{margin-left:0;}
#trxIdx02 > ul > li > a{display:block;position:relative;transition:box-shadow 0.5s;}
#trxIdx02 > ul > li > a:hover{box-shadow: 11px 10px 30px 0px rgba(0, 0, 0, 0.2);}
#trxIdx02 > ul > li > a > img{width:100%;border-radius:8px;}
#trxIdx02 > ul > li > a > strong{display:block;text-align:center;font-size:2.167em;font-weight:500;line-height:0.923em;color:#333333;margin-bottom:17px;}
#trxIdx02 > ul > li > a > span{display:block;text-align:center;font-size:1.333em;line-height:1.000em;font-weight:400;color:#666666;padding-bottom:44px;}
#trxIdx02 > ul > li > a > i{position:absolute;top:-6px;left:-6px;width:210px;height:103%;border:6px #3b77b6 solid;border-radius:8px;opacity:0;transition:opacity 0.5s;}
/* height:290px; */
#trxIdx02 > ul > li > a:hover > i{opacity:1;}
#trxIdx02 > ul > li > a > i > b{width:50px;height:50px;background-color:#3b77b6;position:absolute;top:0;right:0;border-radius:0 0 0 5px;}
#trxIdx02 > ul > li > a > i > b > img{width:20px;position:absolute;top:14px;left:17px;}


#trxIdx03{min-width:1000px;max-width:1280px;margin:0 auto;width:100%;height:500px;position:relative;}
#trxIdx03Lft{float:left;}
#trxIdx03Lft > div{width:1220px;height:480px;background-color:#3b77b6;position:absolute;top:-80px;right:380px;border-radius:10px;}
#trxIdx03Lft > span{margin-top:60px;position:relative;font-weight:bold;color:#ffffff;font-size:1.667em;line-height:0.900em;display:block;}
#trxIdx03Lft > strong{margin-top:20px;position:relative;font-weight:500;color:#ffffff;font-size:5.000em;line-height:1.000em;display:block;}
#trxIdx03Lft > p{margin-top:30px;position:relative;color:#fff;font-size:1.500em;line-height:1.667em;}
#trxIdx03Rgt{float:right;}
#trxIdx03Rgt > div{width:960px;height:450px;background-color:#fff;position:absolute;top:0;left:640px;border:2px #3b77b6 solid;border-radius:10px;box-shadow: 11px 10px 30px 0px rgba(0, 0, 0, 0.2);}
/* height:37.500em; */
#trxIdx03Rgt > ul{margin-top:35px;position:relative;}
#trxIdx03Rgt > ul > li{width:550px;overflow:hidden;margin-top:70px;}
/* margin-top:5.833em; */
#trxIdx03Rgt > ul > li:first-child{margin-top:0;}
#trxIdx03Rgt > ul > li > span{display:block;border-bottom:1px #d9d9d9 solid;position:absolute;left:0;width:960px;left:-88px;margin-top:-35px;}
#trxIdx03Rgt > ul > li > div{float:left;}
#trxIdx03Rgt > ul > li > div > img{width:80px;display:inline-block;margin-right:20px;vertical-align:top;}
#trxIdx03Rgt > ul > li > div > span{font-size:2.333em;line-height:80px;font-weight:300;color:#333333;display:inline-block;}
/* line-height:2.857em; */
#trxIdx03Rgt > ul > li > div > span > strong{font-weight:500;}
#trxIdx03Rgt > ul > li > a{float:right;margin-top:17px;}
#trxIdx03Rgt > ul > li > a:hover{text-decoration:underline;}


#trxIdx04{min-width:1000px;max-width:1280px;margin:0 auto;width:100%;}
#trxIdx04 > span{font-weight:bold;color:#666666;font-size:1.667em;line-height:0.700em;display:block;margin-bottom:30px;}
#trxIdx04 > strong{display:block;font-weight:500;color:#333333;font-size:5.000em;line-height:0.917em;margin-bottom:65px;}
#trxIdx04Div{overflow:hidden;}
#trxIdx04Div > div{float:right;width:620px;position:relative;}
#trxIdx04Div > div:first-child{float:left;}
#trxIdx04Div > div > strong{font-weight:500;font-size:2.333em;color:#333333;line-height:1.714em;display:block;margin-bottom:20px;}
#trxIdx04Div > div > div{border:1px #d9d9d9 solid;border-radius:10px;overflow:hidden;}
#trxIdx04Div > div > div > ul{padding:0 20px;min-height:449px;}
#trxIdx04Div > div > div > ul > li{border-top:1px #d9d9d9 solid;}
#trxIdx04Div > div > div > ul > li:first-child{border-top:0;}
#trxIdx04Div > div > div > ul > li > a{line-height:89px;display:block;overflow:hidden;}
#trxIdx04Div > 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%;}
/* width:85%; */
#trxIdx04Div > div > div > ul > li > a:hover > strong{text-decoration:underline;}
#trxIdx04Div > div > div > ul > li > a > span{float:right;font-size:1.167em;color:#666666;}
#trxIdx04Div > div > div > ul > li > a:hover > span{text-decoration:underline;}
#trxIdx04Div > div > a{position:absolute;top:0;right:0;width:48px;height:48px;background-color:#3b77b6;border-radius:24px;}
#trxIdx04Div > div > a > img{width:20px;position:absolute;top:14px;left:14px;}
.trxIdx04Itm > img{width:100%;display:block;max-height:370px;border-bottom:1px #d9d9d9 solid;}
.trxIdx04Itm > a{display:block;font-size:1.500em;color:#333333;font-weight:400;line-height:78px;padding:0 30px;width:75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* line-height:4.333em; */
.trxIdx04Itm > a:hover{text-decoration:underline;}

#trxIdx04Div .bx-wrapper{position:relative;}
.trxIdx04Ctl{position:absolute;bottom:18px;border:1px #b5b5b5 solid;width:40px;height:40px;border-radius:20px;text-indent:-60px;overflow:hidden;}
.trxIdx04Prv{right:120px;background:#fff url("/kce/assets/front/img/btn_sldPrv.png") no-repeat;background-size:8px auto;background-position:center center;}
.trxIdx04Nxt{right:75px; background:#fff url("/kce/assets/front/img/btn_sldNxt.png") no-repeat;background-size:8px auto;background-position:center center;}
.trxIdx04Pse{right:30px; background:#fff url("/kce/assets/front/img/btn_sldPse.png") no-repeat;background-size:8px auto;background-position:center center;display:none;}
.trxIdx04Ply{right:30px; background:#fff url("/kce/assets/front/img/btn_sldPly.png") no-repeat;background-size:8px auto;background-position:center center;display:none;}
.trxIdx04Ctl.on{display:block;}


#trxFtrWrp{background-color:#17375e;position:relative;}
#trxFtr{min-width:1000px;max-width:1280px;margin:0 auto;width:100%;}
#trxFtrTop{height:125px;padding:40px 0 20px 0;border-bottom:1px #3a5576 solid;}
#trxFtrTop > a{float:left;}
#trxFtrTop > a > img{width:343px;}
#trxFtrTop > ul{float:right;}
#trxFtrTop > ul > li{float:left;margin-left:10px;}
#trxFtrTop > ul > li > a{display:block;width:14.667em;height:3.200em;border-radius:24px;font-size:1.333em;line-height:3.000em;color:#ffffff;font-weight:400;border:1px #7d7d7d solid;}
#trxFtrTop > ul > li > a:hover{text-decoration:underline;}
#trxFtrTop > ul > li > a > img{width:30px;vertical-align:middle;margin-right:15px;margin-left:18px;margin-top:-3px;}
#trxFtrTop > ul > li > div{width:18.333em;height:4em;position:relative;}
#trxFtrTop > ul > li > div > div{background-color:#fff;border-radius:24px;border:1px #7d7d7d solid;position:absolute;bottom:0;left:0;width:100%;height:4em;overflow:hidden;transition:height 0.5s;z-index:999;}
#trxFtrTop > ul > li > div > div.on{height:36.504em;}
#trxFtrTop > ul > li > div > div > a{display:block;width:100%;font-size:1.333em;line-height:3.000em;color:#4c4c4c;font-weight:400;padding:0 22px;position:absolute;left:0;bottom:0;}
#trxFtrTop > ul > li > div > div > a > img{width:14px;position:absolute;right:20px;top:19px;}
#trxFtrTop > ul > li > div > div > ul{position:absolute;bottom:3.833em;left:0;width:100%;}
#trxFtrTop > ul > li > div > div > ul > li{border-bottom:1px #d9d9d9 solid;}
#trxFtrTop > ul > li > div > div > ul > li > a{display:block;width:100%;font-size:1.222em;line-height:3.200em;color:#666666;font-weight:400;padding:0 22px;}
#trxFtrTop > ul > li > div > div > ul > li > a:hover{text-decoration:underline;}
/* #trxFtrTop > ul > li:last-child{background-color:#fff;border-radius:24px;border:1px #7d7d7d solid;position:relative;}
#trxFtrTop > ul > li:last-child > a{color:#4c4c4c;padding-left:22px;border:0;} */
#trxFtrBtm{padding-top:30px;padding-bottom:100px;overflow:hidden;}
#trxFtrBtm > p{float:left;font-weight:400;color:#ffffff;font-size:1.333em;line-height:1.733em;word-break:keep-all;}
#trxFtrBtm > div{float:right;}
#trxFtrBtm > div > b{display:block;font-weight:500;font-size:1.667em;line-height:1.000em;color:#ffffff;text-align:right;margin-bottom:20px;}
#trxFtrBtm > div > strong{display:block;font-weight:500;font-size:3.000em;line-height:0.833em;color:#ffffff;text-align:right;margin-bottom:15px;}
#trxFtrBtm > div > strong *{color:#ffffff !important;}
#trxFtrBtm > div > i{font-style:normal;text-align:right;display:block;}
#trxFtrBtm > div > i > span{display:inline-block;font-weight:400;color:#ffffff;font-size:16px;height:10px;line-height:9px;}
#trxFtrBtm > div > i > span:first-child{border-right:1px #fff solid;margin-right:10px;padding-right:10px;}


#trxTolBox{position:fixed;top:50%;right:80px;z-index: 500;margin-top:-105px;}
#trxTolBox > div{padding:5px;border:1px #588abf solid;background-color:#fff;position:relative;border-radius:30px;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);}
#trxTolBox > div > span{font-size:1.167em;line-height:9.286em;font-weight:500;text-align:center;display:block;width:46px;letter-spacing:-0.06em;}
#trxTolBox > div > a{width:44px;height:44px;background-color:#588abf;position:absolute;left:6px;border-radius:22px;}
#trxTolBox > div > a.pls{top:5px;}
#trxTolBox > div > a.mns{bottom:5px;}
#trxTolBox > div > a img{width:20px;position:absolute;top:12px;left:12px;}
#trxTolBox > a{display:block;font-size:1.167em;color:#d5403c;font-weight:bold;border:3px #d5403c solid;text-align:center;min-height:58px;height:3.2em;border-radius:30px;background-color:#fff;margin-top:10px;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);}
#trxTolBox > a > img{width:18px;display:block;margin:10px auto 3px auto;}


#trxSubCnt{margin-top:93px;padding-bottom:140px;background-color:#f7f7f7;}
#trxSubCnt > div{min-width:1024px;max-width:1280px;margin:0 auto;width:100%;}
.trxSubTtl{padding:120px 0 70px 0;}
.trxSubTtl > strong{display:block;text-align:center;font-size:5.000em;line-height:0.917em;font-weight:500;letter-spacing:-0.06em;}
.trxSubTtl > strong > span{color:#3b77b6;}
.trxSubSchFrm{border:2px #3b77b6 solid;border-radius:8px;background-color:#fff;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);padding:22px;}
.trxSubSchFrm > form > div{overflow:hidden;position:relative;}
.trxSubSchFrm > form > div > select{float:left;border:0;font-size:1.5em;color:#666666;width:190px;margin-right:10px;height:32px;}
.trxSubSchFrm > form > div > select:focus{border: none !important;outline: none !important;box-shadow: none !important;}
.trxSubSchFrm > form > div > input[type="text"]{border:0;border-left:1px #d9d9d9 solid;padding-left:30px;width:650px;height:32px;font-size:1.375em;color:#666666;letter-spacing:-0.06em}
.trxSubSchFrm > form > div > input[type="text"]:first-child{border-left:0;padding-left:0;width:100%;}
.trxSubSchFrm > form > div > input[type="image"]{position:absolute;top:4px;right:5px;width:24px;}

.trxSlcGrp{margin-top:30px;display:block;}
.trxSlcGrp > ul{overflow:hidden;}
.trxSlcGrp > ul > li{width:360px;float:left;overflow:hidden;margin-left:5px;}
.trxSlcGrp > ul > li:first-child{margin-left:0px;}
.trxSlcGrp > ul > li > select{padding:0 20px;height:48px;width:282px;border:1px #d9d9d9 solid;border-radius:5px;font-size:1.333em;color:#666666;float:left;}
.trxSlcGrp > ul > li > a{width:48px;height:48px;display:block;float:left;margin-left:5px;background-color:#3b77b6;border-radius:5px;position:relative;}
.trxSlcGrp > ul > li > a > img{width:20px;top:16px;left:14px;position:absolute;}


.trxFaqLst{margin-top:80px;}
.trxFaqLst > div > ul > li{margin-top:20px;background-color:#fff;border:1px #d9d9d9 solid;border-radius:5px;position:relative;overflow:hidden;}
.trxFaqLst > div > ul > li.on{border:2px #3b77b6 solid;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);}
.trxFaqLst > div > ul > li:first-child{margin-top:0;}
.trxFaqLst > div > ul > li > div{position:relative;border-top:1px #d9d9d9 solid;padding:20px 30px 105px 30px;display:none;}
.trxFaqLst > div > ul > li > div:first-child{border-top:0;padding:20px 30px;display:block;}
.trxFaqLst > div > ul > li.on > div{display:block;}
.trxFaqLst > div > ul > li > div > strong{display:inline-block;width:52px;height:52px;line-height:48px;text-align:center;border-radius:26px;color:#fff;font-size:1.500em;background-color:#333333;}
.trxFaqLst > div > ul > li > div > b{display:inline-block;width:52px;height:52px;line-height:48px;text-align:center;border-radius:26px;color:#fff;font-size:1.500em;background-color:#3b77b6;}
.trxFaqLst > div > ul > li > div > span{display:inline-block;width:200px;font-size:1.333em;line-height:1.625em;padding:7px;border-radius:20px;border:1px #d9d9d9 solid;text-align:center;color:#666666;font-weight:500;margin-left:30px;vertical-align:middle;}
.trxFaqLst > div > ul > li > div > p{display:inline-block;margin-left:30px;font-weight:400;font-size:1.500em;color:#333333;max-width:1130px;vertical-align:top;}
.trxFaqLst > div > ul > li > div:first-child > p{vertical-align:middle;width:70%;}
.trxFaqLst > div > ul > li > div > a{width:100%;height:100%;position:absolute;top:0;left:0;font-size:0;color:#fff;}
.trxFaqLst > div > ul > li > div > a > span{opacity:0;}
.trxFaqLst > div > ul > li > div > a:focus ~ p,
.trxFaqLst > div > ul > li > div > a:hover ~ p{text-decoration:underline;}
.trxFaqLst > div > ul > li > div > a img{width:17px;position:absolute;top:50%;right:30px;margin-top:-5px;display:none;}
.trxFaqLst > div > ul > li > div > a img:first-child{display:block;}
.trxFaqLst > div > ul > li.on > div > a img{display:block;}
.trxFaqLst > div > ul > li.on > div > a img:first-child{display:none;}
.trxFaqLst > div > ul > li > div > div{position:absolute;bottom:0;left:0;width:100%;height:70px;border-top:1px #d9d9d9 solid;padding:0 110px;overflow:hidden;background-color:#f7f7f7;}
.trxFaqLst > div > ul > li > div > div > div{float:left;}
.trxFaqLst > div > ul > li > div > div > div > span{font-size:1.167em;line-height:5.000em;display:inline-block;color:#666666;}
.trxFaqLst > div > ul > li > div > div > div > span > img{height:13px;margin-top:-2px;}
.trxFaqLst > div > ul > li > div > div > div > span:first-child > img{margin-right:3px;}
.trxFaqLst > div > ul > li > div > div > ul{float:right;}
.trxFaqLst > div > ul > li > div > div > ul > li{float:left;position:relative;margin-left:15px;padding-left:15px;}
.trxFaqLst > div > ul > li > div > div > ul > li > span{width:1px;height:12px;background-color:#d9d9d9;position:absolute;top:30px;left:0;}
.trxFaqLst > div > ul > li > div > div > ul > li > a{font-size:1.167em;line-height:5.000em;display:inline-block;color:#666666;}
.trxFaqLst > div > ul > li > div > div > ul > li > a > img{height:13px;margin-top:-2px;margin-right:3px;}


.trxPgr{text-align:center;margin-top:60px;}
.trxPgr *{display:inline-block;vertical-align:top;}
.trxPgr > a{padding:13px;}
.trxPgr > a > img{height:15px;}
.trxPgr > div{padding:0 25px;}
.trxPgr > div > a{width:41px;height:41px;font-size:1.500em;color:#666666;text-align:center;line-height:2.000em;border-radius:21px;margin:0 4px;}
.trxPgr > div > a.on{background-color:#3b77b6;color:#fff;font-weight:700;}

.trxCrd{text-align:center;margin-top:60px;}
.trxCrd > div{display:inline-block;padding:0 65px;border:2px #3b77b6 solid;border-radius:8px;background-color:#fff;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);}
.trxCrd > div > img{float:left;height:156px;}
.trxCrd > div > div{float:left;text-align:left;padding-left:65px;}
.trxCrd > div > div > strong{font-size:1.667em;color:#333;font-weight:500;line-height:1.500em;margin-top:30px;margin-bottom:20px;display:block;}
.trxCrd > div > div > ul{overflow:hidden;}
.trxCrd > div > div > ul > li{overflow:hidden;float:left;}
.trxCrd > div > div > ul > li > i{float:left;margin-left:10px;margin-right:10px;border-left:1px #d9d9d9 solid;height:12px;display:inline-block;margin-top:4px;}
.trxCrd > div > div > ul > li > img{height:14px;vertical-align:top;margin-top:3px;float:left;margin-right:5px;}
.trxCrd > div > div > ul > li > a{font-size:1.167em;line-height:1em;color:#666;}


.trxTabDbl{border:2px #3b77b6 solid;border-radius:10px;background-color:#ffffff;overflow:hidden;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);margin-bottom:30px;}
.trxTabDbl > a{width:50%;float:left;font-size:1.833em;line-height:3.455em;text-align:center;font-weight:400;color:#666666;}
.trxTabDbl > a.on,
.trxTabDbl > a:hover{background-color:#3b77b6;color:#fff;}

.trxTabTrp{display:flex; border:2px #3b77b6 solid;border-radius:10px;background-color:#ffffff;overflow:hidden;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);margin-bottom:30px;}
.trxTabTrp > a{display:flex; align-items:center; justify-content:center; width:33%; padding:20px 0; font-size:1.833em;line-height:1.5;text-align:center;font-weight:400;color:#666666;word-break:keep-all}
.trxTabTrp > a:first-child{width:34%;}
.trxTabTrp > a.on,
.trxTabTrp > a:hover{background-color:#3b77b6;color:#fff;outline:2px #3b77b6 solid;}
.trxTabTrp.t1 > a, .trxTabTrp.t1 > a:first-child {width:calc(100% / 5)}
.trxTabTrp.t2 > a, .trxTabTrp.t2 > a:first-child {width:calc(100% / 4)}

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

.trxBrdSch{overflow:hidden;margin-bottom:50px;}
.trxBrdSch > span{float:left;}
.trxBrdSch > span > strong{color:#333333;font-weight:400;font-size:1.833em;line-height:2.182em;display:block;}
.trxBrdSch > span > strong > b{font-weight:700;color:#3b77b6;}
.trxBrdSch .trxSlcGrp{margin-top:0;margin-bottom:10px;}
.trxBrdSch > div{float:right;}
.trxBrdSch > div > form{position:relative;}
.trxBrdSch > div > form > select{width:150px;height:48px;border:1px #d9d9d9 solid;border-radius:10px;padding:0 25px;font-size:1.375em;color:#666666;font-weight:400;}
.trxBrdSch > div > form > input[type="text"]{width:320px;height:48px;border:1px #d9d9d9 solid;border-radius:10px;padding:0 25px;font-weight:400;color:#666666;font-size:1.333em;}
.trxBrdSch > div > form > input[type="image"]{position:absolute;top:15px;right:15px;width:15px;}
.trxBrdSch > div > div{font-size:1.167em;line-height:4.286em;font-weight:400;color:#333333;text-align:right;}

.trxGllLst > ul{display:inline-block;width:104%;margin-left:-20px;}
.trxGllLst > ul.hlf{margin-left:-40px;}
.trxGllItm{position:relative;float:left;margin-left:20px;width:305px;margin-bottom:30px;max-width:22.9%;}
.hlf .trxGllItm{margin-left:40px;width:620px;margin-bottom:40px;max-width:46.25%;}
.trxGllItm > a{display:block;padding-bottom:47px;border-radius:10px;overflow:hidden;background-color:#fff;border:1px #d9d9d9 solid;}
.hlf .trxGllItm > a{padding-bottom:57px;}
.trxGllItm > a:focus,
.trxGllItm > a:hover{outline:2px #3b77b6 solid;box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.12);}
.trxGllItm > a > img{width:100%;display:block;height:180px;}
.hlf .trxGllItm > a > img{height:360px;}
.trxGllItm > a > span{padding:25px;display:block;border-bottom:1px #d9d9d9 solid;font-size:1.500em;line-height:1.556em;font-weight:500;color:#333333;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hlf .trxGllItm > a > span{padding:35px 30px;}
.trxGllItm > a:focus span,
.trxGllItm > a:hover span{text-decoration:underline;}
.trxGllItm > div{position:absolute;width:100%;left:0;bottom:0;overflow:hidden;padding:15px 25px;}
.hlf .trxGllItm > div{padding:20px 30px;}
.trxGllItm > div > span{float:left;font-size:1.167em;line-height:1em;color:#666;}
.trxGllItm > div > span > img{width:14px;margin-top:-2px;margin-right:3px;}
.trxGllItm > div > a{float:right;}
.trxGllItm > div > a > img{width:14px;}

.trxVewTtl{padding:70px 0 40px 0;margin-bottom:70px;border-bottom:1px #d9d9d9 solid;}
.trxVewTtl > strong{display:block;text-align:center;font-size:3.000em;color:#333333;line-height:1em;margin-bottom:20px;}
.trxVewTtl > ul{text-align:center;}
.trxVewTtl > ul > li{display:inline-block;position:relative;padding:0 10px;}
.trxVewTtl > ul > li > span{font-size:1.167em;display:inline-block;line-height:1em;color:#666666;}
.trxVewTtl > ul > li > i{width:1px;height:10px;background-color:#e7e7e7;position:absolute;top:2px;left:0;}


.trxVewCnt{padding-bottom:100px;border-bottom:1px #d9d9d9 solid;font-size:13px;font-family:sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}

.trxVewAdd{padding:20px 30px;border-bottom:1px #d9d9d9 solid;}
.trxVewAdd > span{font-size:1.167em;line-height:1.000em;color:#666666;padding-right:30px;position:relative;}
.trxVewAdd > span > img{height:14px;margin-right:5px;}
.trxVewAdd > span > i{width:1px;height:12px;background-color:#d9d9d9;position:absolute;top:5px;right:15px;}
.trxVewAdd > a{font-size:1.167em;line-height:1.000em;color:#333333;font-weight:400;}

.trxVewCtl{text-align:center;margin-top:60px;}
.trxVewCtl > a{display:inline-block;width:140px;line-height:46px;font-size:1.333em;color:#3b77b6;font-weight:500;border:2px #3b77b6 solid;background-color:#fff;border-radius:25px;margin:0 10px;}
.trxVewCtl > a.fll{color:#fff;background-color:#3b77b6;}
.trxVewCtl > a:focus,
.trxVewCtl > a:hover{text-decoration:underline;}

.trxTblLstWrp{position:relative;overflow:hidden;border-radius:10px;border:1px #d9d9d9 solid;}
.trxTblLst{width:100%;border:1px #d9d9d9 solid;border-collapse:collapse;border-radius:10px;overflow:hidden;table-layout:fixed;}
.trxTblLst caption{position:absolute;top:-20px;}
.trxTblLst thead th{border-left:1px #7a9ec4 solid;border-right:1px #7a9ec4 solid;background-color:#3b77b6;color:#fff;height:73px;font-size:1.500em;font-weight:400;}
.trxTblLst tbody td{border:1px #d9d9d9 solid;height:73px;padding:20px 10px;text-align:center;font-size:1.500em;color:#666666;vertical-align:middle;font-weight:400;}
.trxTblLstColTyp01{width:120px;}
.trxTblLstColTyp02{width:120px;}
.trxTblLstColTyp04{width:75px;}
.trxTblLstColTyp05{width:160px;}
.trxTblLstColTyp06{width:120px;}

.trxTblLstLnk{display:block;text-align:left;color:#333333;padding:0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:90%;}
.trxTblLstDwn img{width:18px;}
.trxNtc{background-color:#fff;}
.trxNtc > td:first-child > img{width:14px;}


.trxKwdLst{border:1px #d9d9d9 solid;background-color:#fff;border-radius:10px;margin-bottom:28px;position:relative;}
.trxKwdLst > dl{overflow:hidden;}
.trxKwdLst > dl > dt{float:left;width:200px;clear:both;font-size:1.500em;line-height:3.611em;color:#333333;font-weight:400;padding-left:30px;}
.trxKwdLst > dl > dd{float:left;width:750px;}
.trxKwdLst > span{width:100%;border-top:1px #d9d9d9 solid;display:block;position:absolute;top:50%;left:0;}
.trxKwdLstRnk{overflow:hidden;}
.trxKwdLstRnk > li{position:relative;float:left;position:relative;margin-left:30px;padding-left:20px;}
.trxKwdLstRnk > li > a{font-size:1.167em;line-height:4.643em;display:block;color:#666666;}
.trxKwdLstRnk > li > a > span{position:absolute;top:26px;left:0;    width: 14px;height: 14px;line-height: 14px;background-color: #3b77b6;border-radius: 3px;text-align: center;color: #fff;font-weight: 700;}
.trxKwdLstRnk > li:first-child{margin-left:0;}
.trxKwdLstRcm{overflow:hidden;}
.trxKwdLstRcm > li{position:relative;float:left;position:relative;margin-left:30px;padding-left:20px;}
.trxKwdLstRcm > li > a{font-size:1.167em;line-height:4.643em;display:block;color:#666666;}
.trxKwdLstRcm > li > a > span{position:absolute;top:30px;left:0;width:4px;height:4px;border-radius:2px;background-color:#666666;}
.trxKwdLstRcm > li:first-child{margin-left:0;}


.trxSchRstWrp{position:relative;}
.trxSchRstWrp .trxBtnLnk{position:absolute;top:0;right:0;}

.trxSchRstTtl{overflow:hidden;padding-bottom:20px;border-bottom:2px #333333 solid;}
.trxSchRstTtl > div{float:left;font-size:2.000em;line-height:1.750em;}
.trxSchRstTtl > div > span{color:#3b77b6;}
.trxSchRstTtl > a{float:right;}

.trxSchRstLst{margin-bottom:60px;}
.trxSchRstLstItm{border-bottom:1px #d9d9d9 solid;}
.trxSchRstLstItm > a{display:block;overflow:hidden;padding-bottom:80px;position:relative;padding-top:10px;padding-right:15px;}
.trxSchRstLstItm > a > b{width:70px;float:left;text-align:center;font-size:1.500em;line-height:2.778em;font-weight:400;color:#333333;}
.trxSchRstLstItm > a > strong{font-size:1.500em;line-height:2.778em;font-weight:500;color:#333333;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.trxSchRstLstItm > a > i{width:70px;float:left;text-align:center;clear:both;font-size:1.167em;line-height:1.571em;color:#666666;font-style:normal;}
.trxSchRstLstItm > a > span{font-size:1.333em;line-height:1.500em;display:block;padding-left:70px;color:#666666;}
.trxSchRstLstItm > a > em{position:absolute;bottom:10px;left:70px;font-style:normal;}
.trxSchRstLstItm > a > em > span{color:#666666;font-size:1.167em;line-height:5.000em;margin-right:5px;}
.trxSchRstLstItm > a > em > span > img{height:14px;margin-right:5px;}
.trxSchRstLstItm > a + em {display:block; padding-left:30px; padding-bottom:20px; font-style:normal}
.trxSchRstLstItm > a + em > span > img{height:13px;margin-right:-2px;margin-top:-2px}
.trxSchRstLstItm > a + em > span:nth-child(1) {margin-right:2px}
.trxSchRstLstItm > a + em > span:nth-child(1) img {margin-right:3px}

.trxSchRstGll{margin-bottom:60px;}
.trxSchRstGllItm{border-bottom:1px #d9d9d9 solid;}
.trxSchRstGllItm > a{display:flex;padding:40px 30px;overflow:hidden;position:relative;}
.trxSchRstGllItm > a > img{float:left;width:260px;margin-right:30px;border-radius:10px;}
.trxSchRstGllItm > a > strong{font-size:1.500em;line-height:1.500em;display:block;font-weight:500;color:#333333;margin-bottom:15px;}
.trxSchRstGllItm > a > img ~ strong{line-height:3.000em;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.trxSchRstGllItm > a > b{font-size:1.167em;color:#666666;display:block;line-height:1em;font-weight:normal;}
.trxSchRstGllInf {display:flex; flex-direction:column; position:relative; width:calc(100% - 210px)}
.trxSchRstGllInf span{font-size:1.167em;color:#666666;line-height:1.571em;display:block;margin-bottom:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.trxSchRstGllInf b{position:absolute;bottom:20px;left:0;font-size:1.167em;color:#666666;display:block;line-height:1em;font-weight:normal;}
a.trxSchRstGllInf b{position:inherit; bottom:inherit; left:inherit}
.trxSchRstGllItm.t1 {display:flex; padding:40px 30px; cursor:pointer}
.trxSchRstGllInf strong {font-size:1.500em; display:block;font-weight:500;color:#333333; line-height:3.000em;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.trxSchRstGllItm.t1:hover strong {text-decoration:underline;}
.trxSchRstGllThm {overflow:hidden; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; width:180px; aspect-ratio:1/1; margin-right:30px; border-radius:10px;}
.trxSchRstGllThm img {position:relative; z-index:1; width:100%;}
.trxSchRstGllItm.t1 .trxSchRstGllThm img {height:100%; width:auto}
.trxSchRstGllThm img.imgback {position:absolute;top:50%;left:50%;z-index:0;width:160%;max-width:unset;max-height:unset;min-width:200%;min-height:200%;filter:blur(10px);object-fit:contain;transform:translate(-50%, -50%);pointer-events:none}


.trxSchRstNon{font-size:1.333em;text-align:center;line-height:200px;color:#666666;font-weight:400;border-bottom:1px #d9d9d9 solid;margin-bottom:60px;}


@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{display:flex; flex-wrap:wrap; 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;}
.trxTabHex > a.emptyTab {display:none; pointer-events:none}
.trxTabHex > a:not(:nth-child(4n)) {border-right:1px solid #d9d9d9}
.trxTabHex > a:nth-child(n+5) {border-top:1px solid #d9d9d9}

/* 평가제 지원 서비스 */
#support {color:#333}
#support mark {background-color:inherit; color:inherit}
#support .s_content {display:none}
#support .s_content.on {display:block}
#support .s_title {margin-bottom:45px; margin-top:75px; text-align:center}
#support .s_title strong {font-size:36px; font-weight:700; line-height:40px; letter-spacing:-2.16px;}
#support .s_box {padding:55px 60px; border:1px solid #d9d9d9; border-radius:8px; background:#fff}
#support .s_box.t1 {padding:15px 20px; background:#f7f7f7}
#support .s_box.t1 > strong {font-size:16px; font-weight:700}
#support .s_box.t1 > strong + ul {margin-top:10px}
#support .s_box.t1 > strong + p {margin-top:5px}
#support .s_box.t1 > p span:last-child {color:#666}
#support .s_intro {display:flex; align-items:center; gap:60px}
#support .s_intro .si_img {flex-shrink:0; width:180px;}
#support .s_intro .si_img.t1 {width:200px;}
#support .s_intro .si_img img {display:block; width:100%}
#support .s_intro .si_text mark {color:#3b77b6; font-weight:700}
#support .s_intro .si_text .text.t1 {margin-bottom:20px; font-weight:500}
#support .s_intro + .s_box {margin-top:30px}
#support .s_particiation > li {display:flex; align-items:flex-start; gap:30px;}
#support .s_particiation > li + li {margin-top:30px; padding-top:30px; border-top:1px solid #d9d9d9}
#support .s_particiation .sp_title {display:flex; align-items:center; flex-shrink:0; gap:10px; min-width:100px; line-height:30px; letter-spacing:-1.2px}
#support .s_particiation .sp_title span {width:20px; aspect-ratio:1/1; border-radius:3px; background:#3b77b6; line-height:20px; text-align:center; color:#fff; font-size:12px; font-weight:700}
#support .s_particiation .sp_title strong {font-size:20px; font-weight:700;}
#support .s_particiation .sp_content {display:flex; flex-direction:column; align-items:flex-start; width:100%}
#support .s_particiation .sp_content > span {font-size:20px;}
#support .s_particiation .sp_content > span mark {font-weight:700; color:#3b77b6; letter-spacing:-1.2px}
#support .s_dot {color:#666; font-size:16px; line-height:25px; letter-spacing:-0.96px}
#support .s_dot li {display:flex; align-items:flex-start; word-break:keep-all}
#support .s_dot li + li {margin-top:5px}
#support .s_dot li::before {content:""; flex-shrink:0; width:4px; aspect-ratio:1/1; margin-top:10px; margin-right:10px; border-radius:100%; background:#666}
#support .s_dot mark {font-weight:500;}
#support .s_particiation .sp_content .s_dot {margin-top:10px;}
#support .s_particiation .sp_monitoring {width:100%; margin-top:20px}
#support .s_particiation .sp_monitoring li {display:flex; align-items:center; gap:20px; padding:20px; border:1px solid #d9d9d9; border-radius:8px;}
#support .s_particiation .sp_monitoring li + li {margin-top:20px;}
#support .s_particiation .sp_monitoring .spm_icon {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:80px; aspect-ratio:1/1; border-radius:100%; background:#f4f7fd;}
#support .s_particiation .sp_monitoring .spm_icon i {width:40px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_monitoring_ico.svg") 0 0 no-repeat; background-size:100% auto;}
#support .s_particiation .sp_monitoring li:nth-child(2) .spm_icon i {background-position:0 25%}
#support .s_particiation .sp_monitoring li:nth-child(3) .spm_icon i {background-position:0 50%}
#support .s_particiation .sp_monitoring li:nth-child(4) .spm_icon i {background-position:0 75%}
#support .s_particiation .sp_monitoring li:nth-child(5) .spm_icon i {background-position:0 100%}
#support .s_particiation .sp_monitoring div > mark {margin-bottom:10px; font-size:14px; font-weight:500; color:#3b77b6; line-height:25px; letter-spacing:-0.84px}
#support .s_particiation .sp_monitoring div > p {font-size:18px; line-height:30px; letter-spacing:-1.08px; font-weight:500}
#support .s_particiation .sp_monitoring div > p .t3 {color:#666}
#support .s_particiation .sp_monitoring div > a {display:flex; align-items:center; gap:10px; margin-top:5px; font-size:14px; font-weight:700; color:#3b77b6; letter-spacing:-0.84px; line-height:30px; text-decoration:underline; text-underline-position:under}
#support .s_particiation .sp_monitoring div > a i {width:12px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_arrow_ico.svg") center center no-repeat; background-size:100%;}
#support .s_info {margin-top:60px; padding-top:60px; border-top:1px solid #d9d9d9}
#support .s_info img {display:block; width:100%}
#support .s_info img.mo {display:none}
#support .s_particiation .sp_self {display:flex; flex-wrap:wrap; gap:20px; width:100%; margin-top:20px}
#support .s_particiation .sp_self li {display:flex; flex-direction:column; align-items:center; gap:10px; position:relative; width:calc((100% - 80px) / 5); padding:20px 10px; border:1px solid #d9d9d9; border-radius:8px; text-align:center;}
#support .s_particiation .sp_self li > div {display:flex; align-items:center; justify-content:center; width:80px; aspect-ratio:1/1; border-radius:100%; background:#f4f7fd}
#support .s_particiation .sp_self li > div i {width:40px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_self_ico01.svg") 0 0 no-repeat; background-size:100% auto}
#support .s_particiation .sp_self.t1 li > div i {background-image:url("/kce/assets/front/img/img_self_ico02.svg")}
#support .s_particiation .sp_self li:nth-child(2) > div i {background-position:0 16.66%}
#support .s_particiation .sp_self li:nth-child(3) > div i {background-position:0 33.33%}
#support .s_particiation .sp_self li:nth-child(4) > div i {background-position:0 50%}
#support .s_particiation .sp_self li:nth-child(5) > div i {background-position:0 66.66%}
#support .s_particiation .sp_self li:nth-child(6) > div i {background-position:0 83.33%}
#support .s_particiation .sp_self li:nth-child(7) > div i {background-position:0 100%}
#support .s_particiation .sp_self li > mark {font-size:14px; font-weight:500; color:#3b77b6; letter-spacing:-0.84px;}
#support .s_particiation .sp_self li > p {line-height:25px; font-weight:600}
#support .s_particiation .sp_self li > p mark {font-weight:400}
#support .s_particiation .sp_self li > a {display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:#3b77b6; letter-spacing:-0.84px; line-height:30px; text-decoration:underline; text-underline-position:under}
#support .s_particiation .sp_self li > a i {width:12px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_arrow_ico.svg") center center no-repeat; background-size:100%;}
#support .s_particiation .sp_self li:not(:last-child)::after {content:""; display:block; position:absolute; top:50%; left:100%; width:20px; aspect-ratio:1/1; margin-top:-10px; background:url("/kce/assets/front/img/img_arrowright_ico.svg") center center no-repeat; background-size:100%;}
#support .s_particiation .sp_self li:nth-child(5n)::after {display:none}
#support .s_particiation .sp_self + span {margin-top:35px;}

#support .text {word-break:keep-all}
#support .text span {display:inline-block}
#support .text > span {width:100%}
#support .text.t1 {font-size:20px; line-height:30px; letter-spacing:-0.8px}
#support .text.t2 {font-size:18px; line-height:30px; letter-spacing:-0.72px}
#support .text.t3, #support .text .t3 {font-size:16px; line-height:30px; letter-spacing:-0.96px}

#qna ul {display:flex; flex-wrap:wrap; column-gap:20px; row-gap:30px;}
#qna ul li {overflow:hidden; width:calc((100% - 60px) / 4); border:1px solid #d9d9d9; border-radius:8px; background:#fff; cursor:pointer}
#qna ul li:hover {outline:2px #3b77b6 solid; box-shadow:8px 6px 20px 0px rgba(0, 0, 0, 0.12)}
#qna ul li:hover .q_text > span {text-decoration:underline; text-underline-position:under}
#qna .q_thumb {position:relative; width:100%; aspect-ratio:305/542; border-bottom:1px solid #d9d9d9}
#qna .q_thumb > img {display:block; width:100%; height:100%; object-fit:cover}
#qna .q_thumb::after {content:""; display:block; position:absolute; top:30px; right:30px; width:32px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_video_ico.svg") center center no-repeat; background-size:100%}
#qna .q_text > span {display:-webkit-box; padding:25px; font-size:18px; font-weight:500; color:#333; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; white-space:nowrap}
#qna .q_text > div {display:flex; align-items:center; gap:20px; padding:15px 25px; border-top:1px solid #d9d9d9; color:#666}
#qna .q_text > div span {display:flex; align-items:center; gap:5px; font-size:14px;}
#qna .q_text > div span i {flex-shrink:0; width:14px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_tme.png") center center no-repeat; background-size:100%}
#qna .q_text > div span.t1 i {width:20px; margin-bottom:-2px; background-image:url("/kce/assets/front/img/img_view_ico.svg")}
#qna .dimmed {display:none; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%; background:rgba(3,11,22,0.8); cursor:pointer}
#qna .q_popup {display:none; flex-direction:column; align-items:center; justify-content:center; gap:20px; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%; pointer-events:none}
#qna .dimmed.on {display:block}
#qna .q_popup.on {display:flex}
body.on {height:100vh; overflow:hidden}
#qna .q_popup .qp_close {pointer-events:auto; display:flex; align-items:center; justify-content:center; width:48px; aspect-ratio:1/1; border:none; border-radius:100%; background:#3b77b6;}
#qna .q_popup .qp_close i {width:20px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_close_ico.svg") center center no-repeat; background-size:100%; transition:0.3s}
#qna .q_popup .qp_close:hover i {transform:rotate(90deg)}
#qna .q_popup .qp_wrap {display:flex; flex-direction:column; align-items:center; width:100%; max-width:360px;}
#qna .q_popup .qp_video {pointer-events:auto; overflow:hidden; height:69.44vh; max-height:640px; aspect-ratio:360/640; border-radius:8px 8px 0 0;}
#qna .q_popup .qp_video iframe {width:100%; height:100%; border:none}
#qna .q_popup .qp_title {pointer-events:auto; width:39vh; max-width:360px; padding:30px; border-radius:0 0 8px 8px; background:#030b16; color:#fff; font-size:16px; word-break:keep-all; line-height:26px; letter-spacing:-0.64px}

#banner {position:absolute; bottom:-61px; left:0; width:100%;}
#banner ul {display:flex; width:calc(100% - 30px); max-width:1280px; margin:0 auto; border:1px solid #d9d9d9; border-radius:8px; background:#fff; box-shadow:10px 10px 20px rgba(0,0,0,0.1)}
#banner li {position:relative; width:100%; padding:20px 50px;}
#banner li + li::before {content:""; display:block; position:absolute; top:50%; left:0; width:2px; height:24px; margin-top:-12px; background:#d9d9d9}
#banner li div {display:flex; align-items:center; gap:20px;}
#banner li div span {display:flex; align-items:center; justify-content:center; width:80px; aspect-ratio:1/1;}
#banner li div span i {width:100%; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_banner_ico01.svg"); background-size:100%}
#banner li:nth-child(2) div span i {background-image:url("/kce/assets/front/img/img_banner_ico02.svg");}
#banner li:nth-child(3) div span i {background-image:url("/kce/assets/front/img/img_banner_ico03.svg");}
#banner li a {display:flex; align-items:center; justify-content:space-between;  font-size:28px; font-weight:500; color:#333}
#banner li a > i {display:flex; align-items:center; justify-content:center; width:40px; aspect-ratio:1/1; border:1px solid #b3b3b3; border-radius:100%; background:url("/kce/assets/front/img/img_pluse_ico.svg") center center no-repeat; background-size:24px; transition:0.3s}
#banner li a:hover div {text-decoration:underline; text-underline-position:under}
#banner li a:hover > i {transform:rotate(90deg)}

.dimmed {display:none; position:fixed; top:0; left:0; z-index:500; width:100%; height:100%; background:rgba(3,11,22,0.8); cursor:pointer}
.dimmed.on {display:block}
#popup {display:none}
#popup.on {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px; position:fixed; top:0; left:0; z-index:500; width:100%; height:100%; pointer-events:none;}
#popup .p_wrap {position:relative; pointer-events:auto}
#popup .p_close {pointer-events:auto; display:flex; align-items:center; justify-content:center; width:48px; aspect-ratio:1/1; border:none; border-radius:100%; background:#3b77b6; pointer-events:auto}
#popup .p_close i {width:20px; aspect-ratio:1/1; background:url("/kce/assets/front/img/img_close_ico.svg") center center no-repeat; background-size:100%; transition:0.3s}
#popup .p_close:hover i {transform:rotate(90deg)}
#popup .popSwiper {aspect-ratio:1/1; height:calc(100vh - 300px); max-height:580px; border-radius:8px 8px 0 0;}
#popup .popSwiper .swiper-slide {overflow:hidden; overflow-y:auto; padding:0 10px; background:#fff;}
#popup .popSwiper .swiper-slide::-webkit-scrollbar {width: 10px;}
#popup .popSwiper .swiper-slide::-webkit-scrollbar-thumb {background-color: #bbb;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
#popup .popSwiper .swiper-slide::-webkit-scrollbar-thumb:hover {background-color: #aaa;}
#popup .popSwiper .swiper-slide::-webkit-scrollbar-track {background-color: #fff;}
#popup .popSwiper .swiper-slide > img,
#popup .popSwiper .swiper-slide a > img {display:block; width:calc(100% + 20px) !important; height:auto !important; object-fit:contain; margin-left:-10px}
#popup .swiper-pagination {bottom:inherit; top:calc(100% + 20px)}
#popup .p_control {display:flex; align-items:center; justify-content:space-between; padding:26px 20px; border:1px solid #d9d9d9; border-radius:0 0 8px 8px; background:#fff;}
#popup .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; background:#fff; opacity:0.4; transition:0.3s}
#popup .swiper-pagination-bullet-active {opacity:1; width:30px; height:10px; border-radius:20px}
#popup .p_control label {display:flex; align-items:center; gap:10px; font-size:18px; font-weight:500; color:#333; cursor:pointer;}
#popup .p_control label i {display:flex; align-items:center; justify-content:center; width:24px; aspect-ratio:1/1; margin-bottom:-2px; border-radius:4px; background:url("/kce/assets/front/img/img_check_ico.svg") center center no-repeat #ddd; background-size:16px;}
#popup .p_control label input:checked + i {background-color:#3b77b6;}
#popup .p_control label:hover, #popup .p_control button:hover {text-decoration:underline; text-underline-position:under}
#popup .p_control button {display:flex; align-items:center; gap:5px; border:none; background:none; font-size:18px; font-weight:500; color:#333; font-family:inherit}
#popup .p_control button i {width:18px; aspect-ratio:1/1; margin-bottom:-2px; background:url("/kce/assets/front/img/img_close_ico01.svg") center center no-repeat; background-size:100%;}
#popup .p_control label input {display:none}
#popup .swiper-button-next, #popup .swiper-button-prev {width:45px; height:auto; aspect-ratio:1/1; border-radius:100px; background:rgba(0,0,0,0.7)}
#popup .swiper-button-next:after {background:url("/kce/assets/front/img/img_arrowright_ico01.svg") center center no-repeat;}
#popup .swiper-button-prev:after {background:url("/kce/assets/front/img/img_arrowleft_ico01.svg") center center no-repeat;}
#popup .swiper-button-next:after, #popup .swiper-button-prev:after {width:24px; aspect-ratio:1/1; background-size:100%; font-size:0;}



@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;}*/

	#support {margin:0 15px}
	#support .s_title {margin-bottom:30px; margin-top:50px}
	#support .s_title strong {font-size:28px}
	#support .text.t1 {font-size:16px; line-height:24px}
	#support .text.t2 {font-size:14px; line-height:22px}
	#support .text.t3, #support .text .t3 {font-size:15px; line-height:25px;}
	#support .s_intro {gap:30px}
	#support .s_intro .si_img {width:130px}
	#support .s_intro .si_img {width:150px}
	#support .s_intro .si_text .text.t1 {margin-bottom:20px}
	#support .s_box {padding:30px}
	#support .s_particiation .sp_title {line-height:24px;}
	#support .s_particiation .sp_title strong {font-size:16px;}
	#support .s_particiation .sp_title span {width:18px; font-size:10px; line-height:16px;}
	#support .s_particiation .sp_content > span {font-size:16px;}
	#support .s_particiation .sp_monitoring li {flex-direction:column; gap:15px; text-align:center;}
	#support .s_particiation .sp_monitoring li > div {display:flex; flex-direction:column; align-items:center;}
	#support .s_particiation .sp_monitoring div > p {font-size:15px; line-height:25px; word-break:keep-all}
	#support .s_particiation .sp_monitoring div > mark {margin-bottom:5px;}
	#support .s_particiation .sp_monitoring .spm_icon {width:70px;}
	#support .s_particiation .sp_monitoring .spm_icon i {width:34px;}
	#support .s_particiation .sp_monitoring div > a {font-size:13px;}
	#support .s_dot {font-size:14px; line-height:22px;}
	#support .s_dot li + li {margin-top:5px;}
	#support .s_dot li::before {width:3px; margin-right:7px}
	#support .s_particiation > li {gap:10px; flex-direction:column;}
	#support .s_particiation > li + li {margin-top:20px; padding-top:20px;}
	#support .s_particiation .sp_content .s_dot {margin-top:10px}
	#support .s_particiation .sp_self li {width:calc((100% - 60px) / 4)}
	#support .s_particiation .sp_self li:nth-child(5n)::after {display:block}
	#support .s_particiation .sp_self li:nth-child(4n)::after {display:none}
}

@media (min-width: 320px) and (max-width: 768px) {
	#support .s_particiation .sp_self li {width:calc((100% - 40px) / 3)}
	#support .s_particiation .sp_self li:nth-child(4n)::after {display:block}
	#support .s_particiation .sp_self li:nth-child(3n)::after {display:none}
	#support .s_particiation .sp_self li > div {width:70px;}
	#support .s_particiation .sp_self li > div i {width:34px}

	#popup .popSwiper {max-height:430px}
	#popup .p_control {padding:20px;}
	#popup .p_control label, #popup .p_control button {font-size:16px}
	#popup .p_control button i {width:16px;}
	#popup .p_control label i {width:20px; background-size:12px}
}

@media (min-width: 320px) and (max-width: 600px) {
	#support .s_box {padding:20px}
	#support .s_intro {flex-direction:column; gap:20px}
	#support .s_info {margin-top:40px; padding-top:40px}
	#support .s_info img.pc {display:none}
	#support .s_info img.mo {display:block; max-width:350px; margin:0 auto}
	#support .s_particiation .sp_self li {width:calc((100% - 20px) / 2)}
	#support .s_particiation .sp_self li:nth-child(3n)::after {display:block}
	#support .s_particiation .sp_self li:nth-child(2n)::after {display:none}

	#popup .p_wrap {width:90%}
	#popup .popSwiper {height:auto; width:100%; max-height:inherit}
	#popup .p_control {padding:10px 15px;}
	#popup .p_control label, #popup .p_control button {font-size:14px; line-height:30px;}
	#popup .p_control button i {width:14px;}
	#popup .p_control label i {width:18px; background-size:12px}
	#popup .swiper-button-next, #popup .swiper-button-prev {width:38px}
	#popup .swiper-pagination {top:calc(100% + 15px)}
	#popup .swiper-pagination-bullet-active {width:24px}
}

@media (min-width: 320px) and (max-width: 360px) {
	#support .s_particiation .sp_self li {width:100%}
	#support .s_particiation .sp_self li:nth-child(2n)::after {display:block}
	#support .s_particiation .sp_self li:not(:last-child)::after {top:100%; left:50%; margin-top:0; margin-left:-10px; transform:rotate(90deg)}
}

@media (min-width: 320px) and (max-width: 1200px) {
	.trxTabHex{margin-left:15px;margin-right:15px;background-color:#3b77b6;}
	.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(odd){border-left:0;}
	.trxTabHex > a:nth-child(n+3) {border-top:1px solid #d9d9d9}
	.trxTabHex > a > span{display:block;width:100%;text-align:center;line-height:0;margin-top:-10px;}

	#qna {padding:0 15px}
	#qna .q_text > span {padding:12px; font-size:16px}
	#qna .q_text > div {flex-direction:column; align-items:flex-start; gap:5px; padding:12px}
	#qna .q_thumb::after {top:12px; right:12px; width:26px}
	#qna .q_text > div span.t1 {gap:3px}
	#qna .q_text > div span.t1 i {width:16px}
}

@media (max-width: 1280px) {
	#banner li {padding:20px 35px}
	#banner li div span {width:70px}
	#banner li a {font-size:24px}
	#banner li a > i {width:34px; background-size:22px}



}

@media (max-width: 1024px) {
	#qna ul li {width:calc((100% - 40px) / 3)}

	#banner {bottom:-40px}
	#banner ul {flex-direction:column;}
	#banner li {padding:0}
	#banner li + li {border-top:1px solid #d9d9d9}
	#banner li + li::before {display:none}
	#banner li a {padding:15px; font-size:18px;}
	#banner li div {gap:15px}
	#banner li div span {width:50px}
	#banner li a > i {width:32px; background-size:22px;}

	#trxIdx01 {margin-bottom:100px}

	.trxSchRstGllItm.t1 {flex-direction:column; padding:0; background:#fff}
	.trxSchRstGllThm {width:100%; aspect-ratio:100/60; margin:0; border-bottom:1px solid #d9d9d9; border-radius:10px 10px 0 0;}
	.trxSchRstGllInf {width:100%}
	.trxSchRstGllInf span {margin:7px 13px 15px 13px; font-size:1.167em; line-height:1.571em}
	.trxSchRstGllInf strong {padding:10px 13px 0 13px; font-size:1.333em; line-height:1.500em}
	.trxSchRstGllInf b {margin-bottom:0; padding:13px; border-top:1px solid #d9d9d9;}
	.trxSchRstGllItm.t1 .trxSchRstGllThm img.imgback {min-height:320%}
}

@media (max-width: 600px) {
	#qna ul li {width:calc((100% - 20px) / 2)}
	#qna .q_popup .qp_title {padding:20px; font-size:14px; line-height:22px}
}

@media (max-width: 425px) {
	#qna .q_popup .qp_video {max-height:530px;}
	#qna .q_popup .qp_title {max-width:298px;}
	#qna .q_popup .qp_close {width:40px}
}

@media (max-height: 850px) {
	#qna .q_popup .qp_title {padding:20px; font-size:14px; line-height:22px}
}