@charset "euc-kr";

.carPostTemplateWrap{ letter-spacing: -.63px; font-size: 13px;}
.carPostTemplateWrap *{box-sizing: border-box;}
.carPostTemplateWrap .carPostTemplateInner{max-width: 976px !important; margin-left: auto; margin-right: auto; }
.carPostTemplateWrap .catTop{}
.carPostTemplateWrap .catTop .dumtBanner{display: block; background: no-repeat center center; background-size: cover;}
.carPostTemplateWrap .catTop .dumtTit{font-size: 38px; font-weight: bold; text-align: center; color: #333; margin-top: 60px;}
.carPostTemplateWrap .catTop .dumtsTit{font-size: 17px; line-height: 26px; color: #333; margin-top: 28px; text-align: center;}
.carPostTemplateWrap .catBox{margin-top: 85px; padding-left: 33px; text-align: left; word-break: break-all;}
.carPostTemplateWrap .catTit{font-size: 22px; font-weight: bold; color: #333; text-align: left; padding-left: 32px; position: relative; margin-bottom: 20px;}
.carPostTemplateWrap .catTit:before{content: ''; width: 32px; height: 100%; position: absolute; left: 0; top: 0; background: no-repeat left center;}
.carPostTemplateWrap .catsTit{font-size: 15px; color: #333; font-weight: bold; text-align: left; margin-top: 30px;}
.carPostTemplateWrap .catTable{border-top: 4px solid #dfdfdf;}
.carPostTemplateWrap .catTable table{border-collapse:collapse;border-spacing:0; width: 100%; table-layout: fixed;}
.carPostTemplateWrap .catTable table thead th{font-size: 15px; text-align: center; padding: 18px 0; font-weight: bold; border-bottom: 1px solid #dfdfdf; height:auto;}
.carPostTemplateWrap .catTable table thead th+th{border-left: 1px solid #dfdfdf;}
.carPostTemplateWrap .catTable table thead th:nth-of-type(3){width:12.5%;}
.carPostTemplateWrap .catTable table tbody td{padding: 1.8rem .7rem; font-size: 15px; color: #333; text-align: left;word-break: keep-all;border-bottom: 1px solid #dfdfdf;}
.carPostTemplateWrap .catTable table tbody td+td{border-left: 1px solid #dfdfdf;}
.carPostTemplateWrap .catTable table tbody td:first-of-type{word-break:break-word;}
.carPostTemplateWrap .catTable table colgroup .col1{width: 30%;}
.carPostTemplateWrap .catTable table colgroup .col2{width: auto;}
.carPostTemplateWrap .catTable table colgroup .col3{width: 10%;}
.carPostTemplateWrap .catTable table colgroup .col4{width: auto;}
.carPostTemplateWrap .catTable table colgroup{display:none;}
.carPostTemplateWrap .catBox>.catTit{margin-left: -33px;}
.carPostTemplateWrap .catBox>.catTable{margin-left: -33px;}
.carPostTemplateWrap .catList{list-style: none; padding: 0; margin: 0;}
.carPostTemplateWrap .catList .caTp{word-break: keep-all; font-size: 15px; position: relative; padding-left: 9px; color: #333; text-align: left; list-style: none; line-height: 30px; min-height: 30px;}
.carPostTemplateWrap .catList .caTp:before{content: ''; width: 2px; height: 2px; background: #333; position: absolute; left: 0; top: 14px;}
.carPostTemplateWrap .catList .sumt{font-weight: bold;}
.carPostTemplateWrap .catStep .steps{margin-bottom: 10px; vertical-align: top;}


/* tp1 */
.carPostTemplateWrap.tp1 .catTop .dumtBanner{background-image: url(../images/template/topBanner001.png); height: 340px;}
.carPostTemplateWrap.tp1 .catTit:before{background-image: url(../images/template/bullet001.png);}
.carPostTemplateWrap.tp1 .catTable{border-top: none;}
.carPostTemplateWrap.tp1 .catTable table thead th{background: #44afcb; color: #fff;}
.carPostTemplateWrap.tp1 .catTable table thead th+th{border-color: #59c4e0;}
.carPostTemplateWrap.tp1 .catStep{margin-left: 15px; padding-top: 15px;}
.carPostTemplateWrap.tp1 .catStep .steps{display: inline-block; vertical-align: top; width: 133px; height: 133px; border-radius: 50%; line-height: 133px; text-align: center; margin-left: -15px; margin-top: -15px; opacity: .9;}
.carPostTemplateWrap.tp1 .catStep .steps:nth-child(odd){background: #4cb8cf;}
.carPostTemplateWrap.tp1 .catStep .steps:nth-child(even){background: #387ab4;}
.carPostTemplateWrap.tp1 .catStep .steps .stlb{display: none;}
.carPostTemplateWrap.tp1 .catStep .steps .stTx{display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; font-weight: bold; max-width: 100%; overflow: hidden; line-height: 1.2;}


/* tp2 */
.carPostTemplateWrap.tp2 .catTop{position: relative;}
.carPostTemplateWrap.tp2 .catTop .dumtBanner{background-image: url(../images/template/topBanner002.png); height: 340px;}
.carPostTemplateWrap.tp2 .catTop .dumtTit{margin-top: 0; position: absolute; left: 25px; top: 0; height: 340px; vertical-align: middle; display: table; text-align: left; max-width: 500px;}
.carPostTemplateWrap.tp2 .catTop .dumtTit .intxt{vertical-align: middle; display: table-cell; word-break: keep-all;}
.carPostTemplateWrap.tp2 .catTit:before{background-image: url(../images/template/bullet002.png);}
.carPostTemplateWrap.tp2 .catTable{border-top-color: #a393c2;}
.carPostTemplateWrap.tp2 .catStep{display: block; width: 100%; max-width: 100%; overflow-x: auto; white-space: nowrap; text-align: center;}
.carPostTemplateWrap.tp2 .catStep .steps{display: inline-block; text-align: center; position: relative;}
.carPostTemplateWrap.tp2 .catStep .steps:before{content: ''; width: 200px; height: 1px; background: #a393c2; position: absolute; left: 50%; top: 15px;}
.carPostTemplateWrap.tp2 .catStep .steps:last-child:before{background: #fff;}
.carPostTemplateWrap.tp2 .catStep .steps+.steps{margin-left: 50px;}
.carPostTemplateWrap.tp2 .catStep .steps .stlb{display: none;}
.carPostTemplateWrap.tp2 .catStep .steps .stTx{font-size: 15px; display: block; padding-top: 42px; position: relative; width: 100px; white-space: initial; word-break: break-all;}
.carPostTemplateWrap.tp2 .catStep .steps .stTx:after{content: ''; width: 14px; height: 14px; border-radius: 50%; background: #a393c2; position: absolute; left: 50%; margin-left: -7px; top: 9px;}
.carPostTemplateWrap.tp2 .catStep .steps .stTx:before{content: ''; width: 30px; height: 30px; border-radius: 50%; background: #fff; border: 1px solid #a393c2; position: absolute; left: 50%; margin-left: -16px; top: 0;}


/* tp3 */
.carPostTemplateWrap.tp3 .catTop .dumtBanner{background-image: url(../images/template/topBanner003.png); height: 360px;}
.carPostTemplateWrap.tp3 .catTop .dumtTit{color: #000;}
.carPostTemplateWrap.tp3 .catTit{color: #009bff; border-bottom: 1px solid #009bff; padding-bottom: 15px; line-height: 22px;}
.carPostTemplateWrap.tp3 .catTit:before{background-image: url(../images/template/bullet003.png); height: 22px; margin-top: 0; top: 0;}
.carPostTemplateWrap.tp3 .catTable{border-top: none;}
.carPostTemplateWrap.tp3 .catTable table thead th{background: #38aaf3; color: #fff;}
.carPostTemplateWrap.tp3 .catTable table thead th+th{border-color: #65c2fe;}
.carPostTemplateWrap.tp3 .catStep{display: inline-block; padding-top: 0.4167rem;}
.carPostTemplateWrap.tp3 .catStep .steps{display: inline-block; text-align: center; position: relative; width: 168px; height: 130px; background: no-repeat left center url(../images/template/step03.png); line-height: 130px;}
.carPostTemplateWrap.tp3 .catStep .steps{margin-right: 15px;}
.carPostTemplateWrap.tp3 .catStep .steps .stlb{display: none;}
.carPostTemplateWrap.tp3 .catStep .steps .stTx{font-size: 15px; font-weight: bold; display: inline-block; margin-right: 39px; position: relative; vertical-align: middle;  line-height: 1.2;}
.carPostTemplateWrap.tp3 .catStep .steps:last-child{width: 130px; background-image: url(../images/template/step03fins.png);}
.carPostTemplateWrap.tp3 .catStep .steps:last-child .stTx{margin-right: 0;}



/* tp4 */
.carPostTemplateWrap.tp4 .catTop{position: relative;}
.carPostTemplateWrap.tp4 .catTop .dumtBanner{background-image: url(../images/template/topBanner004.png); height: 400px;}
.carPostTemplateWrap.tp4 .catTop .dumtTit{margin-top: 0; position: absolute; left: 0; width: 100%; top: 0; height: 200px; vertical-align: bottom; display: table; text-align: center; color: #fff;}
.carPostTemplateWrap.tp4 .catTop .dumtTit .intxt{vertical-align: bottom; display: table-cell; word-break: keep-all;}
.carPostTemplateWrap.tp4 .catTop .dumtsTit{margin-top: 0; position: absolute; left: 0; width: 100%; top: 200px; height: 200px; vertical-align: bottom; display: table; text-align: center; color: #fff;}
.carPostTemplateWrap.tp4 .catTop .dumtsTit .intxt{vertical-align: top; display: table-cell; word-break: keep-all; padding: 0 20px; padding-top: 15px;}
.carPostTemplateWrap.tp4 .catTit:before{background-image: url(../images/template/bullet004.png);}
.carPostTemplateWrap.tp4 .catTable{border-top-color: #383941;}
.carPostTemplateWrap.tp4 .catStep{display: inline-block; counter-reset: index;}
.carPostTemplateWrap.tp4 .catStep .steps{display: inline-block; text-align: center; position: relative; width: 151px; height: 110px; background: no-repeat left center; line-height: 110px;}
.carPostTemplateWrap.tp4 .catStep .steps:before{content: counter(index); counter-increment: index; font-size: 13px; min-width: 16px; border: 1px solid #000; border-radius: 50%; text-align: center; color: #000; position: absolute; left: 20px; top: 15px; line-height: 14px; height: 16px;}
.carPostTemplateWrap.tp4 .catStep .steps:nth-child(odd){background-image: url(../images/template/step04.png);}
.carPostTemplateWrap.tp4 .catStep .steps:nth-child(even){background-image: url(../images/template/step04tp2.png);}
.carPostTemplateWrap.tp4 .catStep .steps .stlb{display: none;}
.carPostTemplateWrap.tp4 .catStep .steps .stTx{font-size: 15px; font-weight: bold; display: inline-block; position: relative; vertical-align: middle;  color: #000; line-height: 1.2;}

/* tp5 */
.carPostTemplateWrap.tp5 .catTop{position: relative;}
.carPostTemplateWrap.tp5 .catTop .dumtBanner{background-image: url(../images/template/topBanner005.png); height: 591px;}
.carPostTemplateWrap.tp5 .catTop .dumtTit{margin-top: 0; position: absolute; left: 50%; margin-left: -325px; width: 650px; top: 68px; height: 185px; vertical-align: bottom; display: table; text-align: center; color: #fff;}
.carPostTemplateWrap.tp5 .catTop .dumtTit .intxt{vertical-align: bottom; display: table-cell; word-break: keep-all;}
.carPostTemplateWrap.tp5 .catTop .dumtsTit{margin-top: 0; position: absolute; left: 50%; margin-left: -325px; width: 650px; top: 253px; height: 229px; vertical-align: bottom; display: table; text-align: center; color: #fff;}
.carPostTemplateWrap.tp5 .catTop .dumtsTit .intxt{vertical-align: top; display: table-cell; word-break: keep-all; padding-top: 60px;}
.carPostTemplateWrap.tp5 .catTit{background: no-repeat left top url(../images/template/catTit005.png); line-height: 49px; border-bottom: 1px solid #12558d; color: #fff;}
.carPostTemplateWrap.tp5 .catTit:before{width: 4px; height: 4px; border-radius: 50%; background: #fff; top: 50%; margin-top: -2px; left: 20px;}
.carPostTemplateWrap.tp5 .catTable{border-top: none;}
.carPostTemplateWrap.tp5 .catStep{display: inline-block; counter-reset: index;}
.carPostTemplateWrap.tp5 .catStep .steps{display: inline-block; text-align: center; position: relative; width: 151px; height: 92px; background: no-repeat left center; line-height: 92px; border-radius: 5px;}
.carPostTemplateWrap.tp5 .catStep .steps{margin-right: 17px;}
.carPostTemplateWrap.tp5 .catStep .steps:before{content: 'STEP 0'counter(index); counter-increment: index; font-size: 13px; border-bottom: 1px solid #e4f1fc; color: #e4f1fc; position: absolute; left: 13px; top: 13px; line-height: 14px; }
.carPostTemplateWrap.tp5 .catStep .steps:nth-child(odd){background: #4d9fd8;}
.carPostTemplateWrap.tp5 .catStep .steps:nth-child(even){background: #59b2ef;}
.carPostTemplateWrap.tp5 .catStep .steps:after{content: ''; width: 12px; height: 25px; position: absolute; right: -11px; top: 20px; background: no-repeat left top url(../images/template/step05.png);}
.carPostTemplateWrap.tp5 .catStep .steps:nth-child(even):after{background-image: url(../images/template/step05tp2.png);}
.carPostTemplateWrap.tp5 .catStep .steps:last-child:after{content: none;}
.carPostTemplateWrap.tp5 .catStep .steps .stlb{display: none;}
.carPostTemplateWrap.tp5 .catStep .steps .stTx{font-size: 15px; font-weight: bold; display: inline-block; position: relative; vertical-align: middle; color: #fff; margin-top: 10px;}





/* tp6 */ /* ´ëüÀη¹ðÅ© */
.carPostTemplateWrap.tp6 {}
.carPostTemplateWrap.tp6 .carPostTemplateInner{max-width: 1200px;}
.carPostTemplateWrap.tp6 .catTop{position: relative;}
.carPostTemplateWrap.tp6 .catTop .dumtBanner{background-image: url(../images/template/topBanner006.png); height: 280px;}
.carPostTemplateWrap.tp6 .catTop .dumtTit{margin-top: 0; position: absolute; left: 0; padding-left: 80px; padding-right: 420px; width: 100%; top: 0; height: 280px; display: table; text-align: left; color: #fff;}
.carPostTemplateWrap.tp6 .catTop .dumtTit .intxt{vertical-align: middle; display: table-cell; word-break: keep-all; font-size: 42px; line-height: 62px; font-weight: 400;}
.carPostTemplateWrap.tp6 .catTop .dumtsTit{font-size: 18px; line-height: 28px; text-align: left; color: #333; padding: 30px; margin-top: 0;}
.carPostTemplateWrap.tp6 .catTop .dumtsTit .intxt{}
.carPostTemplateWrap.tp6 .catBox{margin-top: 65px;}
.carPostTemplateWrap.tp6 .catTit:before{background-image: url(../images/template/bullet006.png);}
.carPostTemplateWrap.tp6 .catTable{border-top: none;}
.carPostTemplateWrap.tp6 .catTable table thead th{background: #9fa9ef; color: #fff; font-weight: 400; font-size: 14px; border-bottom: none;}
.carPostTemplateWrap.tp6 .catTable table thead th+th{border-color: #9fa9ef;}
.carPostTemplateWrap.tp6 .catStep{display: inline-block; counter-reset: index;}
.carPostTemplateWrap.tp6 .catStep:after{content: ''; display: table; clear: both;}
.carPostTemplateWrap.tp6 .catStep .steps{float: left; text-align: center; position: relative; width: 128px; height: 145px; background: no-repeat left center; line-height: 145px;}
.carPostTemplateWrap.tp6 .catStep .steps{margin-right: 17px;}
.carPostTemplateWrap.tp6 .catStep .steps:before{content: 'STEP 0'counter(index); counter-increment: index; font-size: 11px; border-bottom: 1px solid #e4f1fc; color: #e4f1fc; position: absolute; left: 50%; top: 32px; opacity: .6; line-height: 14px; transform: translateX(-50%);}
.carPostTemplateWrap.tp6 .catStep .steps:after{content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: no-repeat left top url(../images/template/step06.png);}
.carPostTemplateWrap.tp6 .catStep .steps:nth-child(1){background-color: #51c7f3;}
.carPostTemplateWrap.tp6 .catStep .steps:nth-child(1n+1){background-color: #499af0;}
.carPostTemplateWrap.tp6 .catStep .steps:nth-child(2n+1){background-color: #5f7cf5;}
.carPostTemplateWrap.tp6 .catStep .steps:nth-child(3n+1){background-color: #7465f3;}
.carPostTemplateWrap.tp6 .catStep .steps:first-child{background-color: #51c7f3;}
.carPostTemplateWrap.tp6 .catStep .steps:last-child{background-color: #b27bf5;}
.carPostTemplateWrap.tp6 .catStep .steps .stlb{font-size: 0; position: relative; width: 100%; height: 0;}
.carPostTemplateWrap.tp6 .catStep .steps .stlb:after{content: ''; background: #d7d7d9; position: absolute; right: -17px; top: 70px; width: 17px; height: 1px;}
.carPostTemplateWrap.tp6 .catStep .steps:last-child .stlb:after{content: none;}
.carPostTemplateWrap.tp6 .catStep .steps .stTx{font-size: 17px; font-weight: bold; display: inline-block; position: relative; line-height: 1.3; vertical-align: middle; color: #fff; margin-top: 10px; word-break: break-all;}
.carPostTemplateWrap.tp6 .catList .sumt{font-weight: normal;}


/* tp7 */ /* ´ëüÀη¹ðÅ© */
.carPostTemplateWrap.tp7 {}
.carPostTemplateWrap.tp7 .carPostTemplateInner{max-width: 1200px;}
.carPostTemplateWrap.tp7 .catTop{position: relative;}
.carPostTemplateWrap.tp7 .catTop .dumtBanner{background-image: url(../images/template/topBanner007.png); height: 380px;}
.carPostTemplateWrap.tp7 .catTop .dumtTit{margin-top: 0; position: absolute; left: 0; width: 100%; padding: 0 80px; top: 0; height: 170px; vertical-align: bottom; display: table; text-align: center; color: #fff;}
.carPostTemplateWrap.tp7 .catTop .dumtTit .intxt{vertical-align: bottom; display: table-cell; word-break: keep-all;}
.carPostTemplateWrap.tp7 .catTop .dumtsTit{margin-top: 0; position: absolute; left: 0; width: 100%; padding: 0 80px; top: 170px; height: 145px; vertical-align: bottom; display: table; text-align: center; color: #fff;}
.carPostTemplateWrap.tp7 .catTop .dumtsTit .intxt{vertical-align: top; display: table-cell; word-break: keep-all; padding-top: 40px;}
.carPostTemplateWrap.tp7 .catBox{margin-top: 65px;}
.carPostTemplateWrap.tp7 .catTit:before{background-image: url(../images/template/bullet007.png);}
.carPostTemplateWrap.tp7 .catTable{border: 1px solid #e2e2e4; border-bottom: none;}
.carPostTemplateWrap.tp7 .catTable table thead th{background: #f4f4f4; color: #333; font-weight: bold; font-size: 14px; border-color: #e2e2e4;}
.carPostTemplateWrap.tp7 .catTable table thead th+th{border-color: #e2e2e4;}
.carPostTemplateWrap.tp7 .catStep{display: inline-block; counter-reset: index;}
.carPostTemplateWrap.tp7 .catStep{display: block; width: 100%; max-width: 100%; overflow-x: auto; white-space: nowrap; text-align: center;}
.carPostTemplateWrap.tp7 .catStep .steps{display: inline-block; text-align: center; position: relative;}
.carPostTemplateWrap.tp7 .catStep .steps:before{content: ''; width: 170px; height: 1px; border-top: 1px dashed #e3e5e6; position: absolute; left: 50%; top: 17px;}
.carPostTemplateWrap.tp7 .catStep .steps:last-child:before{border-color: #fff;}
.carPostTemplateWrap.tp7 .catStep .steps+.steps{margin-left: 50px;}
.carPostTemplateWrap.tp7 .catStep .steps .stlb{font-size: 0; width: 100%; height: 43px; position: absolute; left: 0; top: 60px; background: no-repeat center top;}
.carPostTemplateWrap.tp7 .catStep .steps .stlb{background-image: url(../images/template/step07tp4.png);}
.carPostTemplateWrap.tp7 .catStep .steps:nth-child(2) .stlb{background-image: url(../images/template/step07tp2.png);}
.carPostTemplateWrap.tp7 .catStep .steps:nth-child(3) .stlb{background-image: url(../images/template/step07tp3.png);}
.carPostTemplateWrap.tp7 .catStep .steps:nth-child(4) .stlb{background-image: url(../images/template/step07tp4.png);}
.carPostTemplateWrap.tp7 .catStep .steps:first-child .stlb{background-image: url(../images/template/step07tp1.png);}
.carPostTemplateWrap.tp7 .catStep .steps:last-child .stlb{background-image: url(../images/template/step07tp5.png);}
.carPostTemplateWrap.tp7 .catStep .steps .stTx{font-size: 15px; display: block; padding-top: 120px; position: relative; width: 100px; white-space: initial; word-break: break-all;}
.carPostTemplateWrap.tp7 .catStep .steps .stTx:after{content: '0'counter(index); counter-increment: index; width: 26px; height: 26px; border-radius: 50%; background: #c8cbce; position: absolute; left: 50%; margin-left: -13px; top: 5px; font-size: 11px; font-weight: bold; text-align: center; line-height: 26px; color: #fff;}
.carPostTemplateWrap.tp7 .catStep .steps .stTx:before{content: ''; width: 36px; height: 36px; border-radius: 50%; background: #f2f3f3; position: absolute; left: 50%; margin-left: -18px; top: 0; }
.carPostTemplateWrap.tp7 .catStep .steps:last-child .stTx{color: #f49734;}
.carPostTemplateWrap.tp7 .catStep .steps:last-child .stTx:after{background-color: #ffc17e;}
.carPostTemplateWrap.tp7 .catStep .steps:last-child .stTx:before{background-color: #ffe9d1;}




/* tp8 */ /* ´ëüÀη¹ðÅ© */
.carPostTemplateWrap.tp8 {}
.carPostTemplateWrap.tp8 .carPostTemplateInner{max-width: 1200px;}
.carPostTemplateWrap.tp8 .catTop{position: relative;}
.carPostTemplateWrap.tp8 .catTop .dumtBanner{background-image: url(../images/template/topBanner008.png); height: 280px;}
.carPostTemplateWrap.tp8 .catTop .dumtTit{margin-top: 0; position: absolute; left: 0; padding-left: 80px; padding-right: 420px; width: 100%; top: 0; height: 280px; display: table; text-align: left; color: #000;}
.carPostTemplateWrap.tp8 .catTop .dumtTit .intxt{vertical-align: middle; display: table-cell; word-break: keep-all; font-size: 42px; line-height: 62px; font-weight: 400;}
.carPostTemplateWrap.tp8 .catTop .dumtsTit{font-size: 18px; line-height: 28px; text-align: left; color: #333; padding: 30px; margin-top: 0;}
.carPostTemplateWrap.tp8 .catTop .dumtsTit .intxt{}
.carPostTemplateWrap.tp8 .catBox{margin-top: 65px;}
.carPostTemplateWrap.tp8 .catTit:before{background-image: url(../images/template/bullet008.png);}
.carPostTemplateWrap.tp8 .catTable{border-top: none;}
.carPostTemplateWrap.tp8 .catTable table thead th{background: #ffffff; color: #333; font-weight: bold; font-size: 14px; border-bottom: 1px solid #e2e2e4; border-top: 3px solid #03cf9d;}
.carPostTemplateWrap.tp8 .catTable table thead th:first-child{border-top-color: #ffb311;}
.carPostTemplateWrap.tp8 .catTable table tbody td:first-child{background-color: #fbfaf5;}
.carPostTemplateWrap.tp8 .catStep{margin-left: 15px; padding-top: 15px;}
.carPostTemplateWrap.tp8 .catStep .steps{display: inline-block; vertical-align: top; width: 170px; height: 170px; border-radius: 50%; line-height: 170px; text-align: center; margin-left: -20px; margin-top: -20px; opacity: .9; }
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(1){background-color: #e0e0e0;}
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(1n+1){background-color: #80f1d0;}
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(2n+1){background-color: #50e6c1;}
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(3n+1){background-color: #3ad6b3;}
.carPostTemplateWrap.tp8 .catStep .steps:first-child{background-color: #e0e0e0;}
.carPostTemplateWrap.tp8 .catStep .steps:last-child{background-color: #fdd170;}
.carPostTemplateWrap.tp8 .catStep .steps .stlb{display: none;}
.carPostTemplateWrap.tp8 .catStep .steps .stTx{display: inline-block; vertical-align: middle; font-size: 17px; color: #333; font-weight: bold; max-width: 100%; overflow: hidden; line-height: 1.2; padding: 20px; padding-top: 80px; padding-bottom: 0;}
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(1) .stTx{background: no-repeat center top url(../images/template/step08tp1.png);}
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(1n+1) .stTx{background: no-repeat center top url(../images/template/step08tp2.png);}
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(2n+1) .stTx{background: no-repeat center top url(../images/template/step08tp3.png);}
.carPostTemplateWrap.tp8 .catStep .steps:nth-child(3n+1) .stTx{background: no-repeat center top url(../images/template/step08tp4.png);}
.carPostTemplateWrap.tp8 .catStep .steps:first-child .stTx{background: no-repeat center top url(../images/template/step08tp1.png);}
.carPostTemplateWrap.tp8 .catStep .steps:last-child .stTx{background: no-repeat center top url(../images/template/step08tp5.png);}




.carPostTemplateWrap .bold{font-weight: bold !important;}
.carPostTemplateWrap .cblue{color: #0078ff !important;}
.carPostTemplateWrap .corg{color: #ff4e00 !important;}
.carPostTemplateWrap .catTable table tbody td:nth-child(1) .catList .caTp,
.carPostTemplateWrap .catTable table tbody td:nth-child(2) .catList .caTp,
.carPostTemplateWrap .catTable table tbody td:nth-child(3) .catList .caTp{text-align: center;}
.carPostTemplateWrap .catTable table tbody td:nth-child(1) .catList .caTp:before,
.carPostTemplateWrap .catTable table tbody td:nth-child(2) .catList .caTp:before,
.carPostTemplateWrap .catTable table tbody td:nth-child(3) .catList .caTp:before{content: none;}

.carPostTemplateWrap .mCatTable{margin-left: -1.875rem; display: none;}
.carPostTemplateWrap .mCatTable .mCatRows+.mCatRows{margin-top: 1.6667rem;}
.carPostTemplateWrap .mCatTable .td.tit{font-size: 1.0833rem; line-height: 1.6667rem; min-height: 2.7083rem; padding: 0.5417rem 1.125rem 0.5rem; font-weight: bold;}
/* .carPostTemplateWrap .mCatTable .td.tit:before{content: ''; display: inline-block; vertical-align: middle; width: 0.2083rem; height: 0.2083rem; background-color: #fff; border-radius: 50%; margin-right: 0.4167rem;} */
.carPostTemplateWrap .mCatTable .td.tit .sm{font-size: 84%; margin-left: 0.4167rem;}
.carPostTemplateWrap .mCatTable .th{font-size: 1rem; padding-left: 0.4167rem; padding-top: 1.0417rem; color: #333; font-weight: bold;}
.carPostTemplateWrap .mCatTable .td .catList{padding-left: 0.6667rem; margin-top: 0.4167rem;}
.carPostTemplateWrap .mCatTable .td .catList .caTp{color: #666;}

.carPostTemplateWrap.tp1 .mCatTable .td.tit{background-color: #44afcb; color: #fff;}
.carPostTemplateWrap.tp2 .mCatTable .td.tit{background-color: #a393c2; color: #fff; border-radius: 2.7083rem;}
.carPostTemplateWrap.tp3 .mCatTable .td.tit{background-color: #38aaf3; color: #fff;}
.carPostTemplateWrap.tp4 .mCatTable .td.tit{background-color: #383941; color: #fff; border-radius: 2.7083rem;}
.carPostTemplateWrap.tp5 .mCatTable .td.tit{background-color: #fff; color: #04558c; border-bottom: 0.0833rem solid #04558c;}


#custom_recruit.contentsInn img{height: auto;}
#custom_recruit.contentsInn div{max-width: 100%;}







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

	.carPostTemplateWrap{font-family: 'Lato','Noto Sans KR',-apple-system-font, "Apple SD Gothic Neo", "Malgun Gothic", "BaseLine", Tahoma, Dotum, sans-serif; letter-spacing: -0.0262rem; font-size: 1rem; margin-top: 1.6667rem;}
	.carPostTemplateWrap .carPostTemplateInner{max-width: 40.6667rem; margin-left: auto; margin-right: auto; }
	.carPostTemplateWrap .catTop{}
	.carPostTemplateWrap .catTop .dumtBanner{display: block; background: no-repeat center center; background-size: cover;}
	.carPostTemplateWrap .catTop .dumtTit{font-size: 1.8333rem; line-height: 2.0833rem; font-weight: bold; text-align: center; color: #333; margin-top: 1.875rem;}
	.carPostTemplateWrap .catTop .dumtsTit{font-size: 1rem; line-height: 1.5rem; color: #333; margin-top: 1.1667rem; text-align: center;}
	.carPostTemplateWrap .catBox{margin-top: 2.0834rem; padding-left: 1.875rem; text-align: left; padding-top: 2.0833rem;}
	.carPostTemplateWrap .catBox:first-child{border-top: none;}
	.carPostTemplateWrap .catTit{font-size: 1.25rem; line-height: 1.3333rem; font-weight: bold; color: #333; text-align: left; padding-left: 1.875rem; position: relative; margin-bottom: 0.8333rem;}
	.carPostTemplateWrap .catTit:before{content: ''; width: 1.3333rem; height: 100%; position: absolute; left: 0; top: 0; background: no-repeat left center; background-size: 100%;}
	.carPostTemplateWrap .catsTit{font-size: 0.625rem; color: #333; font-weight: bold; text-align: left; margin-top: 1.25rem;}
	.carPostTemplateWrap .catTable{/*display: none;*/}
	.carPostTemplateWrap .mCatTable{display: block;}
	.carPostTemplateWrap .catBox>.catTit{margin-left: -1.875rem;}
	.carPostTemplateWrap .catBox>.catTit+.catList{margin-left: -1.1666rem;}
	.carPostTemplateWrap .catBox>.catTit+.catStep{margin-left: -1.1666rem;}
	.carPostTemplateWrap .catList{list-style: none; padding: 0; margin: 0;}
	.carPostTemplateWrap .catList .caTp{font-size: 1rem; position: relative; padding-left: 0.4583rem; color: #333; text-align: left; list-style: none; line-height: 1.8333rem; min-height: 1.8333rem;}
	.carPostTemplateWrap .catList .caTp:before{content: ''; width: 0.125rem; height: 0.125rem; background: #333; position: absolute; left: 0; top: 0.9167rem;}
	.carPostTemplateWrap .catList .sumt{font-weight: bold;}
	.carPostTemplateWrap .catStep .steps{margin-bottom: 0.4167rem; vertical-align: top;}



	.carPostTemplateWrap.tp1 .catTop .dumtBanner{background-image: url(../images/template/topBanner001.png); height: 9.7917rem;}
	.carPostTemplateWrap.tp1 .catTit:before{background-image: url(../images/template/bullet001.png);}
	.carPostTemplateWrap.tp1 .catTable{border-top: none;}
	.carPostTemplateWrap.tp1 .catTable table thead th{background: #44afcb; color: #fff;}
	.carPostTemplateWrap.tp1 .catTable table thead th+th{border-color: #59c4e0;}
	.carPostTemplateWrap.tp1 .catStep{margin-left: 0.625rem; padding-top: 0.625rem; font-size: 0;}
	.carPostTemplateWrap.tp1 .catStep .steps{display: inline-block; vertical-align: top; width: 6.25rem; height: 6.25rem; border-radius: 50%; line-height: 6.25rem; text-align: center; margin-left: 0; margin-right: 0.4167rem; margin-top: 0; opacity: .9; }
	.carPostTemplateWrap.tp1 .catStep .steps:nth-child(odd){background: #4cb8cf;}
	.carPostTemplateWrap.tp1 .catStep .steps:nth-child(even){background: #387ab4;}
	.carPostTemplateWrap.tp1 .catStep .steps .stlb{display: none;}
	.carPostTemplateWrap.tp1 .catStep .steps .stTx{display: inline-block; vertical-align: middle; font-size: 1rem; color: #fff; font-weight: normal; max-width: 100%; overflow: hidden; line-height: 1.2;}

	.carPostTemplateWrap.tp2 .catTop{position: relative;}
	.carPostTemplateWrap.tp2 .catTop .dumtBanner{background-image: url(../images/template/topBanner002.png); height: 11.875rem;}
	.carPostTemplateWrap.tp2 .catTop .dumtTit{margin-top: 0; position: absolute; left: 0.8333rem; top: 0; height: 11.875rem; padding-bottom: 0.8333rem; vertical-align: middle; display: table; text-align: left; max-width: 20.8333rem;}
	.carPostTemplateWrap.tp2 .catTop .dumtTit .intxt{vertical-align: bottom; display: table-cell; word-break: keep-all;}
	.carPostTemplateWrap.tp2 .catTit:before{background-image: url(../images/template/bullet002.png);}
	.carPostTemplateWrap.tp2 .catTable{border-top-color: #a393c2;}
	.carPostTemplateWrap.tp2 .catStep{display: block; width: 100%; max-width: 100%; overflow-x: auto; white-space: nowrap; text-align: center; counter-reset: index; position: relative;}
	.carPostTemplateWrap.tp2 .catStep .steps{display: block; text-align: left; position: relative; margin-bottom: 1.0417rem;}
	.carPostTemplateWrap.tp2 .catStep .steps:before{content: none; width: 8.3333rem; height: 0.0417rem; background: #a393c2; position: absolute; left: 50%; top: 0.625rem;}
	.carPostTemplateWrap.tp2 .catStep .steps:after{content: '(STEP 0'counter(index)')'; counter-increment: index; line-height: 1.6667rem; position: absolute; left: 2.5rem; top: 0; color: #a393c2;}
	.carPostTemplateWrap.tp2 .catStep .steps:nth-child(n+10):after{content: '(STEP 'counter(index)')';};
	.carPostTemplateWrap.tp2 .catStep .steps:last-child:before{background: #fff;}
	.carPostTemplateWrap.tp2 .catStep .steps+.steps{margin-left: 0;}
	.carPostTemplateWrap.tp2 .catStep .steps .stlb{display: none;}
	.carPostTemplateWrap.tp2 .catStep .steps .stTx{font-size: 1rem; line-height: 1.6667rem; display: block; padding-top: 0; position: relative; width: 100%; padding-left: 6.875rem; white-space: initial; word-break: break-all;}
	.carPostTemplateWrap.tp2 .catStep:before{content: ''; width: 0.0833rem; height: 100%; height: calc(100% - 2.0833rem); position: absolute; left: 0.7917rem; top: 0.4167rem; background: #a393c2;}
	.carPostTemplateWrap.tp2 .catStep .steps .stTx:after{content: ''; width: 0.8333rem; height: 0.8333rem; border-radius: 50%; background: #a393c2; position: absolute; left: 0.4167rem; margin-left: 0; top: 0.4167rem;}
	.carPostTemplateWrap.tp2 .catStep .steps .stTx:before{content: ''; width: 1.6667rem; height: 1.6667rem; border-radius: 50%; background: #fff; border: 0.0833rem solid #a393c2; position: absolute; left: 0; margin-left: 0; top: 0; box-sizing: border-box;}



	.carPostTemplateWrap.tp3 .catTop .dumtBanner{background-image: url(../images/template/topBanner003.png); /*height: 10.4167rem;*/}
	.carPostTemplateWrap.tp3 .catTop .dumtTit{color: #019cff;}
	.carPostTemplateWrap.tp3 .catTit{color: #009bff; border-bottom: 0.0833rem solid #009bff; padding-bottom: 0.625rem; line-height: 0.9167rem;}
	.carPostTemplateWrap.tp3 .catTit:before{background-image: url(../images/template/bullet003.png); height: 0.9167rem; margin-top: 0; top: 0; background-size: auto 100%;}
	.carPostTemplateWrap.tp3 .catTable{border-top: none;}
	.carPostTemplateWrap.tp3 .catTable table thead th{background: #38aaf3; color: #fff;}
	.carPostTemplateWrap.tp3 .catTable table thead th+th{border-color: #65c2fe;}
	.carPostTemplateWrap.tp3 .catStep{display: block; width: 100%; max-width: 100%; overflow-x: auto; white-space: nowrap; text-align: center; counter-reset: index; position: relative;}
	.carPostTemplateWrap.tp3 .catStep .steps{display: block; text-align: left; position: relative; margin-bottom: 1.0417rem; width: auto; height: auto; line-height: initial; background: none;}
	.carPostTemplateWrap.tp3 .catStep .steps:before{content: none; width: 8.3333rem; height: 0.0417rem; background: #38aaf3; position: absolute; left: 50%; top: 0.625rem;}
	.carPostTemplateWrap.tp3 .catStep .steps:after{content: 'STEP 0'counter(index); counter-increment: index; width: 5.4167rem; text-align: center; height: 1.9167rem; border-radius: 1.9167rem; line-height: 1.9167rem; position: absolute; left: 0; top: 0; color: #fff; background: #38aaf3;}
	.carPostTemplateWrap.tp3 .catStep .steps:nth-child(n+10):after{content: 'STEP 'counter(index);};
	.carPostTemplateWrap.tp3 .catStep .steps:last-child:before{background: #fff;}
	.carPostTemplateWrap.tp3 .catStep .steps+.steps{margin-left: 0;}
	.carPostTemplateWrap.tp3 .catStep .steps .stlb{display: none;}
	.carPostTemplateWrap.tp3 .catStep .steps .stTx{font-size: 1rem; line-height: 1.9167rem; display: block; padding-top: 0; position: relative; width: 100%; padding-left: 6.0417rem; white-space: initial; word-break: break-all; font-weight: normal;}
	.carPostTemplateWrap.tp3 .catStep:before{content: ''; width: 0.0833rem; height: 100%; height: calc(100% - 2.0833rem); position: absolute; left: 2.5833rem; top: 0.4167rem; background: #38aaf3;}
	.carPostTemplateWrap.tp3 .catStep .steps .stTx:after{content: none; width: 0.8333rem; height: 0.8333rem; border-radius: 50%; background: #a393c2; position: absolute; left: 0.4167rem; margin-left: 0; top: 0.4167rem;}
	.carPostTemplateWrap.tp3 .catStep .steps .stTx:before{content: none; width: 1.6667rem; height: 1.6667rem; border-radius: 50%; background: #fff; border: 0.0833rem solid #a393c2; position: absolute; left: 0; margin-left: 0; top: 0; box-sizing: border-box;}
	.carPostTemplateWrap.tp3 .catStep .steps:last-child{width: auto; background: none;}



	.carPostTemplateWrap.tp4 .catTop{position: relative;}
	.carPostTemplateWrap.tp4 .catTop .dumtBanner{background-image: url(../images/template/topBanner004.png); height: 11.5417rem; border-radius: 0.625rem;}
	.carPostTemplateWrap.tp4 .catTop .dumtTit{margin-top: 0; position: absolute; left: 0; width: 100%; top: 0; height: 11.5417rem; vertical-align: bottom; display: table; text-align: center; color: #fff;}
	.carPostTemplateWrap.tp4 .catTop .dumtTit .intxt{vertical-align: middle; display: table-cell; word-break: keep-all; color:#fff;}
	.carPostTemplateWrap.tp4 .catTop .dumtsTit{margin-top: 0; position: static; left: 0; width: 100%; height: auto; vertical-align: bottom; display: table; text-align: center; color: #666; font-size: 1rem; line-height: 1.5rem; font-weight: normal; margin-top: 0.9583rem;}
	.carPostTemplateWrap.tp4 .catTop .dumtsTit .intxt{vertical-align: top; display: table-cell; word-break: keep-all; padding: 0 0.8333rem; padding-top: 0.625rem;}
	.carPostTemplateWrap.tp4 .catTit:before{background-image: url(../images/template/bullet004.png);}
	.carPostTemplateWrap.tp4 .catTable{border-top-color: #383941;}
	.carPostTemplateWrap.tp4 .catStep{display: block; counter-reset: index;}
	.carPostTemplateWrap.tp4 .catStep .steps{display: inline-block; text-align: center; position: relative; width: calc(25% - 0.4167rem); height: 4.5833rem; background: no-repeat left center; line-height: 4.5833rem; background-size: 100%; padding: 0 0.4167rem;}
	.carPostTemplateWrap.tp4 .catStep .steps:before{content: none; counter-increment: index; font-size: 0.5417rem; min-width: 0.6667rem; border: 0.0417rem solid #000; border-radius: 50%; text-align: center; color: #000; position: absolute; left: 0.8333rem; top: 0.625rem; line-height: 0.5833rem; height: 0.6667rem;}
	.carPostTemplateWrap.tp4 .catStep .steps:nth-child(odd){background-image: url(../images/template/step04_162.png);}
	.carPostTemplateWrap.tp4 .catStep .steps:nth-child(even){background-image: url(../images/template/step04tp2_162.png);}
	.carPostTemplateWrap.tp4 .catStep .steps .stlb{display: none;}
	.carPostTemplateWrap.tp4 .catStep .steps .stTx{font-size: 1rem; font-weight: bold; display: inline-block; position: relative; vertical-align: middle;  color: #000; line-height: 1.2; word-break: break-all;}


	.carPostTemplateWrap.tp5{margin-top: 0;}
	.carPostTemplateWrap.tp5 .catTop{position: relative;}
	.carPostTemplateWrap.tp5 .catTop .dumtBanner{background-image: url(../images/template/topBanner005M.png); /*background-size: auto 100%;*/ background-size:100%; height: 20.4167rem; margin: 0 -0.9167rem; }
	.carPostTemplateWrap.tp5 .catTop .dumtTit{margin-top: 0; position: absolute; left: 0; margin-left: 0; width: 100%; top: 2.875rem; height: 17.5417rem; vertical-align: bottom; display: table; text-align: center; color: #fff !important; padding: 0 1.6667rem;}
	.carPostTemplateWrap.tp5 .catTop .dumtTit .intxt{vertical-align: middle; display: table-cell; word-break: keep-all;}
	.carPostTemplateWrap.tp5 .catTop .dumtsTit{margin-top: 0; position: static; left: 0; margin-left: 0; width: 100%; top: 0; height: auto; vertical-align: bottom; display: block; text-align: center; color: #666; font-size: 1rem; line-height: 1.5rem;}
	.carPostTemplateWrap.tp5 .catTop .dumtsTit .intxt{vertical-align: top; display: table-cell; word-break: keep-all; padding-top: 0.9583rem;; margin-top: }
	.carPostTemplateWrap.tp5 .catTit{background: #04558c; line-height: 3.125rem; border-bottom: none; color: #fff !important; }
	.carPostTemplateWrap.tp5 .catTit:before{width: 0.1667rem; height: 0.1667rem; border-radius: 50%; background: #fff; top: 50%; margin-top: -0.0833rem; left: 0.8333rem;}
	.carPostTemplateWrap.tp5 .catTable{border-top: none;}
	.carPostTemplateWrap.tp5 .catBox>.catTit+.catStep{margin-left: -1.875rem;}
	.carPostTemplateWrap.tp5 .catStep{display: block; counter-reset: index; font-size: 0;}
	.carPostTemplateWrap.tp5 .catStep .steps{display: inline-block; text-align: center; position: relative; width: calc(25% - 0.4167rem); height: 6.25rem; background: no-repeat left center; line-height: 3.6667rem; border-radius: 0.2083rem; padding-top: 1.8333rem; margin-right: 0.4167rem; margin-bottom: 0.4167rem;}
	.carPostTemplateWrap.tp5 .catStep .steps{border: 0.0833rem solid #ff9000; border-radius: 0.625rem;}
	.carPostTemplateWrap.tp5 .catStep .steps:before{content: 'STEP 0'counter(index); counter-increment: index; font-size: 0.8333rem; border-bottom: none; color: #ff9000; position: absolute; left: 0; width: 100%; text-align: center; top: 0.4583rem; line-height: 0.9167rem; }
	.carPostTemplateWrap.tp5 .catStep .steps:nth-child(odd){background: #fff; }
	.carPostTemplateWrap.tp5 .catStep .steps:nth-child(even){background: #fff; }
	.carPostTemplateWrap.tp5 .catStep .steps:nth-child(even):before{color: #ff5a00;}
	.carPostTemplateWrap.tp5 .catStep .steps:after{content: none; width: 0.5rem; height: 1.0417rem; position: absolute; right: -0.4583rem; top: 0.8333rem; background: no-repeat left top url(../images/template/step05.png);}
	.carPostTemplateWrap.tp5 .catStep .steps:nth-child(even):after{background-image: url(../images/template/step05tp2.png);}
	.carPostTemplateWrap.tp5 .catStep .steps:last-child:after{content: none;}
	.carPostTemplateWrap.tp5 .catStep .steps .stlb{display: none;}
	.carPostTemplateWrap.tp5 .catStep .steps .stTx{font-size: 1rem; font-weight: bold; display: inline-block; position: relative; vertical-align: middle; color: #333; margin-top: 0; line-height: 1.1667rem; word-break: break-all;}
	.carPostTemplateWrap.tp5 .mCatTable .td.tit{padding-left: 0;}
	.carPostTemplateWrap.tp5 .catBox{border-top: none; padding-top: 0;}
}

iframe#career_content_iframe{transform-origin: left top; width: 666px;}

@media all and (max-width:768px) {
	.carPostTemplateWrap .catTable table tbody td {padding:10px 5px;}
	.carPostTemplateWrap .catTable table colgroup {display:none;}
}