@charset 'utf-8';

/*image map border none*/
area:focus{
  border: none;
  outline:none;
  outline-style: none;
  -moz-outline-style:none; 
}

/*기본설정*/
.cen {text-align:center;}
.vlast {margin-bottom:0;}
.pc {display:block;}
.tb {display:none;}
.mo {display:none;}
.pc_tb {display:block;}
.tb_mo {display:none;}
.underline {text-decoration:underline;}
body {
    overflow-x:hidden;
}
section{text-align:left;}
table td.nl {border-left:none !important;}
table td.nr {border-right:none !important;}

.w1130{width:1130px; margin:0 auto;}
.w1300{width:1300px; margin:0 auto;}
.w1030{width:1030px; margin:0 auto;}
.h10{height:10px;}
.h20{height:20px;}
.h40{height:40px;}
.h50{height: 50px;}
.h100{height:100px;}
.h130{height:130px;}
.h150{height:150px;}
.h220{height:220px;}
.re {position: relative}

.sub_title{font-size:48px; font-weight:900; letter-spacing:-2px; color:#00825c;}

/*타이틀*/
#title{background:url("//new.wowgosi.co.kr/txt_img/open2022_11/mil_hap/milhap01bg.jpg"); background-position:top center; }
#title div {box-sizing:border-box;}
#title+div div {box-sizing:border-box;}

/*합격후기*/
.fs30{font-size:30px; font-weight:bold; letter-spacing:-1px; color:#000;}
.fs16{font-size:16px; letter-spacing:-1px; color:#000;}
.topline{border-top:2px solid #000; padding-top:10px;}
.picture{
    display:flex;
    gap:12px;
}
.picture li:not(:first-child) {flex-shrink:2.88;}
.picture li a {
    width:100%;
    display:block;
}
.picture li a:not(:first-child) {margin-top:12px;}
.picture li a img {width:100%;}

.hapmenu li{display:inline-block; float:left; width:10%; height:130px;}
.hapmenu li a{display:block; background-color:#e6e7e8; text-align:center; border-right:1px solid #fff; font-size:18px; font-weight:bold; color:#333333; letter-spacing:-1px; padding:20px 16px;}
.hapmenu li a:hover{background-color:#dd1a1a; color:#fff;}
.hapmenu li .ahover{background-color:#dd1a1a; color:#fff;}

.haplayer {border:1px solid #ddd; padding:50px; color:#000000;}
.haplayer_conTop {
    padding-bottom:36px;
    border-bottom:1px solid #dddddd;
    margin-bottom:45px;
    display:flex;
    align-items:center;
}
.haplayer_conImg {
    width:28%;
    text-align:center;
    margin-right:24px;
}
.haplayer_conImg p {
    font-size:17px;
    font-weight:700;
    text-align:center;
    margin-top:10px;
}
.haplayer_conInfo {width:64%;}
.haplayer_conInfo h2 {
    font-size:24px;
    font-weight:700;
    letter-spacing:-.5px;
}
.haplayer_conInfo span.hapPrt {
    display:inline-block;
    background-color:#dd1a1a;
    font-size:14px;
    color:#ffffff;
    letter-spacing:-.5px;
    padding:3px 17px;
    border-radius:50px;
    margin-top:9px;
    margin-bottom:16px;
}
.haplayer_conInfo table {
    width:100%;
    table-layout:fixed;
    border-top:2px solid #0d0d0d;
    border-bottom:2px solid #0d0d0d;
    border-collapse:collapse;
}
.haplayer_conInfo table td {
    padding:9px 0;
    text-align:center;
    font-size:15px;
    letter-spacing:-.25px;
}
.haplayer_conInfo table thead td {
    border-bottom:1px solid #0d0d0d;
    font-weight:700;
    font-size:16px;
}
.haplayer_conInfo span.tableSub {
    display:inline-block;
    font-size:12px;
    letter-spacing:-.5px;
    color:#777777;
    margin-top:6px;
}
.haplayer_conBtm {}
.haplayer_conBtm h3 {
    font-size:20px;
    font-weight:700;
    letter-spacing:-.5px;
    margin-bottom:8px;
}
.haplayer_conBtm p {
    font-size:16px;
    letter-spacing:-.25px;
    line-height:155%;
    margin-bottom:30px;
}

/*공부tip, 슬럼프 극복*/
#tip {
    background-color:#262626;
}
.tip_conBox {}
.tip_conTit {
    background-color:#dd1a1a;
    padding:28px 0;
    text-align:center;
    position:relative;
}
.tip_conTit div {
    left:0;right:0;
    position:absolute;
    top:-118px;
}
.tip_conTit p {
    color:#ffffff;
    font-size:29px;
    font-weight:700;
    letter-spacing:-.75px;
}
.tip_con {
    background-color:#ffffff;
    padding:85px 54px;
}
.tip_con .conWrap {
    display:flex;
    gap:50px;
}
.tip_con .conWrap:not(:last-child) {margin-bottom:58px;}
.tip_con .conWrap .conText {
    color:#000000;
}
.tip_con .conWrap .conText h2 {
    font-size:24px;
    font-weight:700;
    letter-spacing:-.75px;
    margin-bottom:12px;
}
.tip_con .conWrap .conText h2 span {
    font-size:15px;
    font-weight:400;
    color:#555555;
    letter-spacing:-.5px;
    padding-left:10px;
}
.tip_con .conWrap .conText p {
    font-size:15px;
    letter-spacing:-.5px;
    line-height:160%;
}
.tip_con .conWrap .conText p span {
    background-color:#fff899;
}
.tip_btn {
    width:485px;
    margin:0 auto;
    padding:27px 0;
    display:table;
    font-size:30px;
    font-weight:700;
    letter-spacing:-1px;
    text-align:center;
    color:#ffffff;
    background-color:#dd1a1a;
}
.tip_btn span {
    display:table-cell;
    vertical-align:middle;
}

/*반응형 - 태블릿*/
@media handheld, only screen and (max-width: 1024px) {
    /*기본설정*/
    .mw100 {width:100%;} .mw95 {width:95%;} .mw90 {width:90%;} .mw85 {width:85%;} .mw80 {width:80%;} .mw75 {width:75%;} .mw70 {width:70%;} .mw65 {width:65%;} .mw60 {width:60%;} .mw55 {width:55%;} .mw50 {width:50%;} .mw45 {width:45%;} .mw40 {width:40%;} .mw35 {width:35%;} .mw30 {width:30%;} .mw25 {width:25%;} .mw20 {width:20%;} .mw15 {width:15%;} .mw10 {width:10%;}
    .pc {display:none;}
    .tb {display:block;}
    .mo {display:none;}
    .pc_tb {display:block;}
    .tb_mo {display:block;}
    section {border-bottom:none;}
    
    .w1130{width:100%;}
	.w1300{width:100%;}
	.w1030{width:100%;}
	.h10{height:10px;}
	.h20{height:15px;}
	.h40{height:30px;}
	.h50{height:40px;}
	.h100{height:80px;}
	.h130{height:50px;}
	.h150{height:105px;}
	.h220{height:150px;}
	.sub_title{font-size:36px; line-height:52px;}

    /*타이틀*/
    #title {
        margin:0;
        padding:0;
        background:none;
    }

    /*합격후기*/
    .fs30{
        font-size:28px;
        line-height:130%;
    }
    .fs16{
        font-size:16px;
        text-align:center;
    }
    .topline{
        border-top:2px solid #000;
        padding-top:12px;
    }
    .picture {
        width:95%;
        margin:0 auto;
        gap:1%;
        align-items:stretch;
    }
    .picture li:not(:first-child) {
        flex-shrink:1.8;
        display:flex;
        flex-wrap:wrap;
        align-content:space-between;
    }
    .picture li a {}
    .picture li a:not(:first-child) {margin-top:0;}
    .picture li a img {}

    .hapmenu {
        width:95%;
        margin:0 auto;
    }
    .hapmenu li{
        width:20%;
        height:48px;
        line-height:0;
    }
    .hapmenu li a{
        border-top:1px solid #fff;
        font-size:17px;
        padding:24px 0;
    }
    .hapmenu li a:hover{}
    .hapmenu li .ahover{}

    .haplayer_wrap {
        width:95%;
        margin:0 auto;
    }
    .haplayer {
        padding:80px 50px 40px;
    }
    .haplayer_conTop {
        margin-bottom:40px;
        justify-content:space-between;
    }
    .haplayer_conImg {
        width:20%;
        margin-right:0;
    }
    .haplayer_conImg p {}
    .haplayer_conInfo {width:75%;}
    .haplayer_conInfo h2 {
        font-size:20px;
        letter-spacing:-.75px;
    }
    .haplayer_conInfo span.hapPrt {
        font-size:13px;
        padding:3px 16px;
        margin-top:7px;
    }
    .haplayer_conInfo table {}
    .haplayer_conInfo table td {
        padding:8px 0;
    }
    .haplayer_conInfo table thead td {}
    .haplayer_conInfo span.tableSub {}
    .haplayer_conBtm {}
    .haplayer_conBtm h3 {
        font-size:18px;
        margin-bottom:6px;
    }
    .haplayer_conBtm p {
        font-size:14px;
        margin-bottom:25px;
        letter-spacing:-.4px;
    }
    
    /*공부tip, 슬럼프 극복*/
    #tip {}
    .tip_conBox {
        width:95%;
        margin:0 auto;
    }
    .tip_conTit {
    }
    .tip_conTit div {}
    .tip_conTit p {
        font-size:28px;
    }
    .tip_con {
        padding:7vw 6vw;
    }
    .tip_con .conWrap {
        display:block;
    }
    .tip_con .conWrap:not(:last-child) {margin-bottom:58px;}
    .tip_con .conWrap .conImg {
        text-align:center;
        margin-bottom:10px;
    }
    .tip_con .conWrap .conText {}
    .tip_con .conWrap .conText h2 {
        text-align:center;
        font-size:22px;
    }
    .tip_con .conWrap .conText h2 span {
        font-size:14px;
    }
    .tip_con .conWrap .conText p {}
    .tip_con .conWrap .conText p span {}
    .tip_btn {}
    .tip_btn span {}
    .tip_img {
        width:90%;
        margin:0 auto;
    }
}

/*반응형 - 모바일*/
@media handheld, only screen and (max-width: 500px) {
    /*기본설정*/
    .w1050 {width:90%;}
    .pc {display:none;}
    .tb {display:none;}
    .mo {display:block;}
    .pc_tb {display:none !important;}
    .tb_mo {display:block;}
    
    .w1130{}
	.w1300{}
	.w1030{}
    .h20{height:10px;}
    .h30{height:15px;}
    .h40{height:20px;}
	.h50{height:25px;}
    .h100{height:50px;}
    .h130{height:30px;}
    .h150{height:75px;}
    .h220{height:100px;}
    
	.sub_title{font-size:28px; line-height:40px;}
    .titImg {width:16%;margin:0 auto;}
    
    /*타이틀*/
    #title {
        margin:0;
        padding:0;
        background:none;
    }
    
    /*합격후기*/
    .fs30{
        font-size:18px;
        line-height:135%;
    }
    .fs16{
        font-size:14px;
    }
    .topline{
        padding-top:12px;
    }
    .picture {
        width:95%;
        display:block;
    }
    .picture li:not(:first-child) {
        display:block;
    }
    .picture li a {}
    .picture li a:not(:first-child) {}
    .picture li a img {}

    .hapmenu {width:100%;}
    .hapmenu li{
        height:36px;
    }
    .hapmenu li a{
        font-size:12px;
        padding:18px 0;
    }
    .hapmenu li a:hover{}
    .hapmenu li .ahover{}

    .haplayer_wrap {width:100%;}
    .haplayer {
        padding:11vw 4vw 4vw;
    }
    .haplayer_conTop {
        margin-bottom:11vw;
        padding-bottom:0;
        display:block;
        border-bottom:none;
    }
    .haplayer_conImg {
        width:40%;
        margin:0 auto;
        margin-bottom:3vw;
    }
    .haplayer_conImg p {
        font-size:11px;
        margin-top:0;
    }
    .haplayer_conInfo {
        width:100%;
        text-align:center;
    }
    .haplayer_conInfo h2 {
        font-size:15px;
        line-height:145%;
    }
    .haplayer_conInfo span.hapPrt {
        font-size:12px;
        padding:3px 15px;
        margin-top:8px;
        margin-bottom:15px;
    }
    .haplayer_conInfo table {}
    .haplayer_conInfo table td {
        padding:8px 0;
        font-size:12px;
    }
    .haplayer_conInfo table thead td {
        font-size:12px;
    }
    .haplayer_conInfo span.tableSub {
        display:block;
        text-align:left;
        font-size:10px;
        margin-top:9px;
    }
    .haplayer_conBtm {}
    .haplayer_conBtm h3 {
        font-size:15px;
        margin-bottom:6px;
        letter-spacing:-.75px;
    }
    .haplayer_conBtm p {
        font-size:13px;
        margin-bottom:24px;
        letter-spacing:-.5px;
        line-height:155%;
    }
    
    /*공부tip, 슬럼프 극복*/
    #tip {}
    .tip_conBox {width:100%;}
    .tip_conTit {
        padding:5vw 0;
    }
    .tip_conTit div {
        width:20%;
        margin:0 auto;
        top:-21vw;
    }
    .tip_conTit p {
        font-size:16px;
        letter-spacing:-.6px;
    }
    .tip_con {
        padding:9vw 7vw;
    }
    .tip_con .conWrap {
        display:block;
    }
    .tip_con .conWrap:not(:last-child) {margin-bottom:12vw;}
    .tip_con .conWrap .conImg {
        margin-bottom:10px;
    }
    .tip_con .conWrap .conText {}
    .tip_con .conWrap .conText h2 {
        font-size:16px;
    }
    .tip_con .conWrap .conText h2 span {
        display:block;
        font-size:12px;
        margin-top:3px;
        margin-bottom:10px;
        padding-left:0;
    }
    .tip_con .conWrap .conText p {
        margin-top:5px;
        font-size:14px;
        line-height:160%;
    }
    .tip_con .conWrap .conText p span {}
    .tip_btn {
        width:100%;
        padding:15px 0;
        font-size:18px;
    }
    .tip_btn span {}
    .tip_img {
        width:90%;
        margin:0 auto;
    }
}