@charset "UTF-8";
/******** components  ***^****/
.fl {
    float:left;
}
.txt_center {
    text-align: center;
}
.cf::after {
    display:block;
    content:'';
    clear:both;
}
.txt24 {
    font-size:24px;
}
.txt22 {
    font-size:22px;
}
.txt20 {
    font-size:20px;
}
.txt {
    font-size:18px;
}
.txt17 {
    font-size:17px;
}
.txt16 {
    font-size:16px;
}
.txt15 {
    font-size:15px;
}
/******** //components  ***^****/


/******** 필기패스 구버전  *******/
.mid{
    width:1000px;
    margin: 0 auto;
    position:relative;
}
.pilgi_wrap .top{
    text-align:center;
    background:#283450 url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/top_bg_.png') repeat center center;
    padding:85px 0;
}
.pilgi_wrap .top .badge{
    position:absolute;
    left:0;
    top:0;
}
.pilgi_wrap .con1{
    padding:75px 0;
    background:#626368 url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con01_bg.png') no-repeat center center;
}
.pilgi_wrap .con1 .mid{
    background:url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con01.png') no-repeat right center;
}
.pilgi_wrap .con2{
    text-align:center;
    padding:85px 0;
    background:#ececec;
}
.pilgi_wrap .con2 ul{
    font-size:0;
    padding:55px 0 0 0;
}
.pilgi_wrap .con2 ul li{
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;
    width:33.33%;
    box-sizing:border-box;
    font-size:18px;
    color: #000;
    font-family:'noto3'
}
.pilgi_wrap .con2 ul li img{
    display:block;
    margin:0 auto 15px auto;
}
.pilgi_wrap .con2 ul li b{
    display:block;
    padding:10px 0 0;
    font-size:20px;
    line-height:125%;
    font-family: 'noto5';
}
.pilgi_wrap .line{
    background:#0a193a;
    text-align:center;
    color:#fff;
    font-size:30px;
    font-family:'noto4';
    padding:35px 0;
}
.pilgi_wrap .teacher{
    background:#4462d7;
}
.pilgi_wrap .teacher .mid{
    padding:95px 0 80px 0;
    background:url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con03_teacher.png') no-repeat right bottom;
}
.pilgi_wrap .teacher a{
    display:block;
    width:160px;
    height:40px;
    box-sizing:border-box;
    margin:20px 0 55px 0;
    padding:0 25px 0 0;
    border-radius:50px;
    background:#0e1f52;
    color:#fff;
    line-height:40px;
    font-size:18px;
    text-align:center;
    font-family:'noto3';
    background:#0e1f52 url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con6_btn.png') no-repeat 88% 55%;
}
.pilgi_wrap .teacher ul{
    text-align:center;
}
.pilgi_wrap .teacher ul li{
    width:275px;
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;
    border-radius:50px;
    text-align:center;
    font-family:'noto2';
    margin:0 0 0 -30px;
    padding:20px 0 20px 30px;
    font-size:18px;
    position:relative;
    box-sizing:border-box;
    color:#0a193a;
}
.pilgi_wrap .teacher ul li:first-child{
    margin:0;
}
.pilgi_wrap .teacher ul li:nth-of-type(1){
    background:rgba(173,189,249,0.9) url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con03_icon1.png') no-repeat 50px center;
}
.pilgi_wrap .teacher ul li:nth-of-type(2){
    background:rgba(173,189,249,0.9) url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con03_icon2.png') no-repeat 50px center;
}
.pilgi_wrap .teacher ul li:nth-of-type(3){
    background:rgba(173,189,249,0.9) url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con03_icon3.png') no-repeat 50px center;
}
.pilgi_wrap .teacher ul li b{
    display:block;
    font-family:'noto4';
}
.pilgi_wrap .teacher ul li::before{
    content:'x';
    font-size:20px;
    position:absolute;
    left:8px;
    line-height:100%;
    top:50%;
    margin:-15px 0 0 0;
}
.pilgi_wrap .teacher ul li:first-child::before{
    display:none;
}
.pilgi_wrap .book{
    background:#e0e6ff;
    padding:85px 0 0 0;
}
.pilgi_wrap .book .mid{
    background:url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con04.png') no-repeat right top;
    padding:0 0 120px;
}
.pilgi_wrap .book .bullet{
    position:absolute;
    right:-110px;
    bottom:40px;
}
.pilgi_wrap .book ul{
    padding:70px 0 50px 0;
}
.pilgi_wrap .book ul li{
    font-family:'noto4';
    font-size:20px;
    margin:7px 0 0 0;
}
.pilgi_wrap .book ul li:first-child{
    margin:0;
}
.pilgi_wrap .book ul li::before{
    font-family:'noto3';
    font-size:20px;
    content:'-';
}
.pilgi_wrap .book a{
    display:block;
    width:145px;
    height:40px;
    padding:0 20px 0 0;
    text-align:center;
    line-height:40px;
    box-sizing:border-box;
    font-family:'noto3';
    color:#fff;
    font-size:18px;
    border-radius:50px;
    background:#0e1f52 url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con6_btn.png') no-repeat 83% 52%;
}
.pilgi_wrap .con3{
    background:#5c4e32 url('/_skin/tpl_skin/basic_gas_engineer/images/apply/pilgi/con05_bg.png') no-repeat center center;
    padding:70px 0;
}

.benefit_wrap{
    background:#f1f1f1;
    padding:80px 0;
    text-align:center;
    font-family:'noto3'
}
.benefit_wrap .div-table{
    display:table;
    width:100%;
    margin:50px 0 0 0;
    background:#ffffff;
}
.benefit_wrap .div-table > div{
    display:table-cell;
    vertical-align:middle;
}
.benefit_wrap .div-table div:first-of-type{
    width:36%;
}
.benefit_wrap .div-table div:last-of-type{
    width:64%;
}
.benefit_wrap h3{
    font-size: 22px;
    font-family: 'noto2';
    font-weight:100;
    margin:5px 0 3px 0;
    color:#010100;
}
.benefit_wrap p{
    font-size:22px;
    line-height:120%;
    color:#010100;
    font-family:'noto5';
}
.benefit_wrap ul{
    height:100%;
    border-left:2px #f1f1f1 solid;
    padding:20px 0 30px 0;
}
.benefit_wrap ul li {
    display: inline-block;
    width:30%;
    vertical-align: top;
    margin-top:20px;
    position:relative;
}
.benefit_wrap ul li:nth-of-type(2){
    margin-top:22px
}
.benefit_wrap ul li:nth-of-type(5){
    margin-top:35px
}
.benefit_wrap ul li:nth-of-type(6){
    margin-top:35px
}
.benefit_wrap ul li::after{
    position: absolute;
    right:-10px;
    bottom:40px;
    width:14px;
    height:14px;
    display: block;
    content:'+';
    font-family:'noto5';
    font-size:20px;
    font-weight:600;
}
.benefit_wrap ul li:nth-of-type(3n)::after{
    display: none;
}
.benefit_wrap ul li p{
    font-size:16px;
    line-height:125%;
    margin:2px 0 0 0;
    font-family:'noto2';
}
.benefit_wrap ul li p b{
    font-family:'noto4';
    display: block;
}
.benefit_wrap ul li a{
    width:72px;
    height:20px;
    color:#fff;
    display:inline-block;
    font-size:13px;
    line-height:20px;
    background:#333333;
    margin:5px auto;
}
/******** //필기패스 구버전  *******/