@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@900&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; font-weight:900 */
.black_font { font-family: 'Noto Sans KR', sans-serif; font-weight:900 }
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;font-family:'NotoSans KR', 'Malgun Gothic';font-size: 15px;font-weight: 100;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;max-width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.lecture { padding-bottom:0 !important; background:#fff; text-align:left; }


/*visual*/
.visual { background:url(https://img.megagong.net/m/2021/1105_half/bg_visual.png) no-repeat center; background-size:cover; overflow:hidden; }
.visual img { margin:auto; }
.visual img.pc { display:block; margin:165px auto 60px;  }
.visual img.mo { display:none; }
.visual .timer { margin-bottom:80px; color:#ff7e00; font-size:34px; line-height:120%; font-weight:500;}
.visual .timer.on { color:#fff;}

/*aside*/
.topBn { width:100%; background:#111; padding:15px 0; text-align:center; display:table; text-align:center; }
.topBn .left { display:inline-block; vertical-align:middle; color:#fff; font-size:22px; }
.topBn .left .rollBn { display:inline-block; vertical-align:middle; max-width:430px; width:100%; line-height:30px; height:30px; overflow:hidden; margin-top:4px; text-align:center; position:relative; } 
.topBn .left .rollBn:before { content:""; display:block; width:2px; height:14px; background:#595959; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.topBn .left .rollBn:after { content:""; display:block; width:2px; height:14px; background:#595959; position:absolute; top:50%; right:0; transform:translateY(-50%); }
.topBn .left .rollBn > ul { width:auto; display:inline-block; }
.topBn .left .rollBn .slick-slide { max-width:430px; width:100%; text-align:center; position:relative; }
.topBn .left .txt { display:inline-block; vertical-align:middle; color:#8aff00; line-height:30px; margin-left:20px; }
.topBn .left .txt b { font-size:20px; font-weight:700; }
.topBn .left .txt em { margin-left:15px; font-weight:700; font-size:30px; font-style:normal; }
.topBn .btn { display:inline-block; vertical-align:middle; margin-left:30px; position:relative; }
.topBn .btn a { display:block; width:190px; height:50px; line-height:46px; box-sizing:border-box; border:2px solid #8aff00; border-radius:5px; color:#8aff00; font-weight:700; font-size:20px; }
.topBn .btn a span { display:none; }
.topBn .btn a > img { margin-left:10px; }
.topBn .btn i.bubble { position:absolute; top:-45px; right:0; }

.topBn.scroll { opacity:0; position:fixed; bottom:15px; left:50%; transform:translateX(-50%); width:1080px; border-radius:9px; z-index:5; }
.topBn.scroll.on { opacity:1; }

/*con1*/
.con1 { padding:135px 0; background:url(https://img.megagong.net/m/2021/1105_half/bg_con1.png) no-repeat center; background-size:cover; opacity:.9999; }
.con1 h3 { color:#222; font-size:50px; line-height:120%; font-weight:300; }
.con1 h3 b { font-weight:900; }
.con1 h3 span { position:relative; }
.con1 h3 span:before { content:""; display:block; width:100%; height:18px; background:#8aff00; position:absolute; bottom:0; left:0; z-index:-1; }
.con1 h3 span em { font-style:normal; color:#20288e; }
.con1 > div p { margin-top:50px; color:#222; font-weight:300; font-size:24px; line-height:150%; }
.con1 > div p:not(:last-child) em { font-style:normal; border-bottom:1px solid #222; }
.con1 > div p:last-child { font-size:30px; line-height:140%; }
.con1 > div p:last-child em { font-style:normal; font-weight:700; }
.con1 > div p:last-child em b { color:#ff0e0e; }


/*con2*/
.con2 { background:#d3ecf2; padding:140px 0; }
.con2 .bubble { margin:0 auto 10px; width:310px; height:96px; background:#000cff; position:relative; border-radius:42px; display:table; }
.con2 .bubble:before { content:""; display:block; position:absolute; bottom:-9px; left:50%; transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #000cff; }
.con2 .bubble p { display:table-cell; vertical-align:middle; color:#fff; font-size:20px; font-weight:500; line-height:120%; }
.con2 .bubble p span { display:block; font-size:24px; font-weight:900; line-height:120%; color:#8aff00; }
.con2 h3 { font-weight:900; color:#222; font-size:60px; line-height:120%; }
.con2 h3 em { font-style:normal; color:#ff0e0e; }
.con2 .txt { margin-top:8px; font-size:34px; line-height:120%; }
.con2 h4 { margin-top:60px; background:#badee6; box-sizing:border-box; border:1px dashed #7a878a; padding:15px 0; position:relative; }
.con2 h4 > span { display:inline-block; vertical-align:middle; font-size:35px; font-weight:300; line-height:120%; color:#222; }
.con2 h4 b { font-weight:700; display:inline-block; position:relative; padding:0 15px; }
.con2 h4 b:after { content:""; display:block; width:4px; height:25px; background:#222; position:absolute; top:11px; right:0; }
.con2 h4:before { content:""; display:block; position:absolute; top:50%; left:25px; transform:translateY(-50%); width:0; height:0; border-top: 14px solid #6e8084; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.con2 h4:after { content:""; display:block; position:absolute; top:50%; right:25px; transform:translateY(-50%); width:0; height:0; border-top: 14px solid #6e8084; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.con2 .btn_pop { text-align:right; margin-top:50px; }
.con2 .btn_pop a { display:inline-block; border:1px solid #20288e; font-size:16px; color:#20288e; text-align:center; line-height:30px; padding:0 15px; font-weight:700; border-radius:14px; }
.con2 .txtBox { margin-top:8px; width:100%; box-sizing:border-box; border:1px solid #a8b9bd; display:table; padding:30px 0; }
.con2 .txtBox h5 { display:table-cell; vertical-align:middle; width:25%; font-size:24px; color:#444; }
.con2 .txtBox h5 img { display:block; margin:0 auto; }
.con2 .txtBox ul { display:table-cell; vertical-align:middle; width:65%; text-align:left;  }
.con2 .txtBox li { position:relative; margin-top:7px; padding-left:25px; color:#444; }
.con2 .txtBox li:first-child { margin-top:0; }
.con2 .txtBox li:before { content:""; display:block; position:absolute; top:4px; left:0; width:14px; height:12px; background:url(https://img.megagong.net/m/2021/1105_half/bullet_top.png) no-repeat left center;  }

.list { margin-top:20px;}
.list li { margin-bottom:20px; border-radius:15px; width:100%; min-height:180px; background:#fff; overflow:hidden; display:table; }
.list .subject { display:table-cell; vertical-align:middle; width:55%; position:relative; }
.list .subject:after { content:""; display:block; width:1px; height:80%; background:#b1b1b1; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.list .subject dt { display:table-cell; vertical-align:middle; text-align:center; width:42%; }
.list .subject dt span { display:inline-block; font-size:38px; line-height:120%; color:#20288e; border-bottom:4px solid #20288e; position:relative; }
.list .subject dt span img { position:absolute; margin:-10px 0 0 -10px; }
.list .subject dd { display:table-cell; vertical-align:middle; text-align:left; color:#222; font-size:24px; line-height:130%; }

.list .tc_subject { display:table-cell; vertical-align:middle; width:55%; position:relative; text-align:left; box-sizing:border-box; padding-left:40px; }
.list .tc_subject:after { content:""; display:block; width:1px; height:80%; background:#b1b1b1; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.list .tc_subject i { display:inline-block; vertical-align:middle; margin-right:2%; }
.list .tc_subject dl { display:inline-block; vertical-align:middle; color:#222; margin-left:15px;  width:70%; }
.list .tc_subject dt { font-size:24px; line-height:120%; }
.list .tc_subject dd { font-size:36px; line-height:120%; margin-top:5px;  }
.list .tc_subject dd em { font-style:normal; }
.list .tc_subject dd p.tip { font-size:11px; color:#000; line-height:130%; margin-top:10px; width:95%; }

.list .sub_txt { display:table-cell; vertical-align:middle; }
.list .sub_txt dt > span { color:#222; font-weight:300; font-size:20px; display:inline-block; vertical-align:bottom; width:auto; position:relative; padding:0 35px 10px 15px; }
.list .sub_txt dt > span:before { content:""; display:block; width:100%; height:2px; background:#494949; position:absolute; top:20px; left:0; }
.list .sub_txt dt > span:after { content:""; display:block; float:right; width:20%; height:2px; background:#494949; transform:rotate(-25deg);  position:absolute; top:27px; right:0; }
.list .sub_txt dt > span em { font-size:28px; font-style:normal; }
.list .sub_txt dt i { display:inline-block; margin-left:3px; width:70px; height:52px; line-height:52px; color:#000; font-size:14px; font-weight:700; background:url(https://img.megagong.net/m/2021/1105_half/btn_arrow.png) no-repeat; font-style:normal; }
.list .sub_txt dt i span { font-weight:700; font-size:22px; }
.list .sub_txt dd { color:#ff0e0e; font-size:27px; line-height:120%; letter-spacing:-.8px; }
.list .sub_txt dd em { font-size:45px; line-height:120%; font-style:normal; }
.list li .btn { display:table-cell; vertical-align:middle; width:145px; height:100%; }
.list li .btn p { display:table; width:100%; height:100%; }
.list li .btn p span { display:table-cell; vertical-align:middle; color:#fff; font-size:22px; line-height:120%;  }
.list li .btn span img { display:block; margin:10px auto 0; }

.list.pass .btn { background:#20288e; }
.list.tpass .btn { background:#222; }



/*con3*/
.con3 { padding:90px 0 125px;  background:url(https://img.megagong.net/m/2021/1105_half/bg_con3.png) repeat center; background-size:cover; }
.con3 h3 { color:#8aff00; font-size:90px; line-height:120%; font-weight:700; letter-spacing:40px; margin-right:-40px; }
.con3 .hintbox { margin-top:50px; position:relative; display:table; width:100%; padding:30px 10px; box-sizing:border-box; min-height:245px; border:1px solid #4a52b2; box-shadow: 2px 2px 1px rgba(0,0,0,.5); }
.con3 .hintbox i { position:absolute; top:-50px; right:30px; border-radius:50%; overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,.5);  }
.con3 .hintbox ul { display:table-cell; vertical-align:middle; color:#fff; }
.con3 .hintbox li { font-size:22px; line-height:150%; margin-top:5px; }
.con3 .hintbox li:first-child { margin-top:0; }


/*con4*/
.con4 { padding:40px 0 45px; }
.con4 dl { text-align:center; }
.con4 dt { font-size:40px; line-height:120%; color:#ff0e0e; display:inline-block; position:relative; padding:0 15px; }
.con4 dt:before { content:""; display:block; width:15px; height:1px; background:#ff0e0e; position:absolute; top:0; left:0; transform:rotate(40deg); }
.con4 dd { margin-top:10px; color:#000; font-size:29px; line-height:120%; letter-spacing:30px; margin-right:-30px; }


/*con5*/
.con5 { padding:120px 0; background:#8aff00; opacity:.9999; }
.con5 h3 { color:#222; font-weight:900; font-size:70px; line-height:120%; }
.con5 h3 span { display:block; font-weight:700; font-size:34px; line-height:120%; }
.con5 p.txt { text-align:right; margin-top:30px; color:#323431; font-size:14px; }
.con5 .linkbox { margin-top:15px; }
.con5 .linkbox > div { width:100%; }
.con5 .linkbox > div a { display:table; width:100%; height:180px; box-sizing:border-box; background:#20288e; border:3px solid #20288e; border-radius:17px; position:relative; }
.con5 .linkbox > div dl { display:table-cell; vertical-align:middle; }
.con5 .linkbox > div dt { color:#8aff00; font-size:54px; line-height:120%; }
.con5 .linkbox > div dt span { position:relative; }
.con5 .linkbox > div dt span img { position:absolute; top:5px; left:-10px; }
.con5 .linkbox > div dd { margin-top:10px; display:inline-block; width:auto; font-size:19px; font-weight:700; color:#20288e; background:#8aff00; padding:2px 20px; }
.con5 .linkbox > div a i { position:absolute; bottom:20px; right:20px; font-size:0; }
.con5 .linkbox > div a i:before { content:""; display:block; width:55px; height:1px; background:#fff; }
.con5 .linkbox > div a i:after { content:""; display:block; width:15px; height:1px; background:#fff; float:right; transform:rotate(30deg); margin-top:-5px;}
.con5 .linkbox ul { margin-top:35px; }
.con5 .linkbox li { float:left; margin:0 0 20px 20px; width:calc(50% - 10px); position:relative; border-radius:13px; overflow:hidden; }
.con5 .linkbox li:nth-child(odd) { margin-left:0; }
.con5 .linkbox li a { width:100%; height:110px; display:table;  }
.con5 .linkbox li a span { color:#fff; display:table-cell; vertical-align:middle; font-size:30px; line-height:120%; font-weight:500; }
.con5 .linkbox li a span img {position:absolute; margin:-10px 0 0 -10px; }
.con5 .linkbox li a i { position:absolute; bottom:20px; right:20px; font-size:0; }
.con5 .linkbox li a i:before { content:""; display:block; width:55px; height:1px; background:#fff; }
.con5 .linkbox li a i:after { content:""; display:block; width:15px; height:1px; background:#fff; float:right; transform:rotate(30deg); margin-top:-5px;}
.con5 .linkbox li a > img { position:absolute; top:0; left:50%; transform:translateX(-50%); min-width:100%; height:100%; z-index:-1; }

@media (max-width:1200px){
    .eventWrap .inner,
    .eventWrap .inner2 { width:96%; margin:auto; }

    /*visual*/
    .visual img.pc { margin:10vw auto 4vw; }
    .visual .timer { margin-bottom:4vw; font-size:28px; }

    /*aside*/
    .topBn.scroll { bottom:0; left:2%; width:96%; transform:translateX(0); }
    .topBn.scroll.on { bottom:calc(65px + 1%); }
    .topBn .left { width:auto; width:77%; }
    .topBn .left .rollBn { max-width:45%; }
    .topBn .left .rollBn .slick-slide { max-width:100%; }
    .topBn .btn { margin-left:0; }

    /*con1*/
    .con1 { padding:10vw 0; }
    .con1 h3 { font-size:35px; }
    .con1 > div p { margin-top:4vw; font-size:18px; }
    .con1 > div p:last-child { font-size:20px; }

        
    /*con2*/
    .con2 { padding:10vw 0; }
    .con2 h3 { font-size:45px; }
    .con2 .txt { margin-top:1vw; font-size:28px; }
    .con2 h4 { margin-top:3vw; padding:15px 0; }
    .con2 h4 > span { font-size:25px; }
    .con2 h4 b { font-weight:700; display:inline-block; position:relative; padding:0 15px; }
    .con2 h4 b:after { top:3px; width:3px; }
    .con2 h4:before { left:15px; border-top: 14px solid #6e8084; border-left: 7px solid transparent; border-right: 7px solid transparent; }
    .con2 h4:after { right:15px; border-top: 14px solid #6e8084; border-left: 7px solid transparent; border-right: 7px solid transparent; }
    .con2 .btn_pop { margin-top:5vw; }
    .con2 .btn_pop a { font-size:14px; }
    .con2 .txtBox { margin-top:8px; padding:3vw; }
       
    .list { margin-top:2vw;}
    .list li { margin-bottom:2vw; border-radius:15px; min-height:150px; }
    .list .subject { width:58%; padding-left:2%; }
    .list .subject dt { width:36%; margin-right:2%; }
    .list .subject dt span { font-size:25px; }
    .list .subject dt span img { width:3vw; position:absolute; margin:-10px 0 0 -10px; }
    .list .subject dd { font-size:20px; box-sizing:border-box; width:75%; }
    .list .tc_subject { width:58%; padding-left:2%; }
    .list .tc_subject i { width:20%; }
    .list .tc_subject dl { margin-left:2%; width:75%;  }
    .list .tc_subject dt { font-size:18px; }
    .list .tc_subject dd { font-size:26px; }
    .list .sub_txt dt > span { font-size:16px; padding:0 25px 10px 5px; }
    .list .sub_txt dt > span:before { top:14px; }
    .list .sub_txt dt > span:after { width:10%; transform:rotate(-25deg); top:17px; }
    .list .sub_txt dt > span em { font-size:22px; font-style:normal; }
    .list .sub_txt dt i { width:55px; height:41px; line-height:41px; font-size:12px; background-size:100%; }
    .list .sub_txt dt i span { font-size:18px; }
    .list .sub_txt dd { font-size:20px; margin-top:-5px; }
    .list .sub_txt dd em { font-size:35px; }
    .list li .btn { width:100px; }
    .list li .btn p span { font-size:18px; }
    .list li .btn span img { margin:5px auto 0; }
    
    .con2 .list.pass li { box-sizing:border-box; border:2px solid #20288e; }


    /*con3*/
    .con3 { padding:10vw 0; background-size:cover; }
    .con3 h3 { font-size:75px; letter-spacing:20px; margin-right:-20px; }
    .con3 .hintbox { margin-top:3vw; padding:3vw 2vw; min-height:145px; }
    .con3 .hintbox i { top:-50px; right:10px; width:13%; }
    .con3 .hintbox i img { width:100%; }
    .con3 .hintbox li { font-size:20px; margin-top:5px; }


    /*con4*/
    .con4 { padding:5vw 0; }
    .con4 dt { font-size:30px; padding:0 15px; }
    .con4 dd { margin-top:10px; font-size:25px; letter-spacing:10px; margin-right:-10px; }


    /*con5*/
    .con5 { padding:8vw 0; }
    .con5 h3 { font-size:50px; }
    .con5 h3 span { font-size:28px; }
    .con5 p.txt { margin-top:20px; }
    .con5 .linkbox { margin-top:10px; }
    .con5 .linkbox > div a { height:150px; }
    .con5 .linkbox > div dt { font-size:45px; }
    .con5 .linkbox > div dd { margin-top:5px; font-size:15px; padding:2px 20px; }
    .con5 .linkbox ul { margin-top:3vw; }
    .con5 .linkbox li a { height:110px; }
    .con5 .linkbox li a span { font-size:25px; }
    .con5 .linkbox li a span img {position:absolute; margin:-10px 0 0 -10px; }


}

@media (max-width:900px){
    
    /*aside*/
    .vs { background:#1c237e; position:relative; padding:20px 0;}
    .topBn { width:96%; padding:10px 0; margin:auto; border-radius:10px; }
    .topBn .left {  font-size:20px; width:75%; }
    .topBn .left .rollBn { display:block; max-width:100%; margin-top:0; line-height:25px; height:25px; }
    .topBn .left .rollBn:before,
    .topBn .left .rollBn:after { display:none; }
    .topBn .left .rollBn .slick-slide { text-align:left; }
    .topBn .left .txt { display:block; line-height:25px; text-align:left; margin-left:0; }
    .topBn .left .txt em { font-weight:700; font-size:25px; font-style:normal; }
    .topBn .btn { margin-left:0; text-align:right; width:24%; }
    .topBn .btn a { text-align:center; width:100%; }
    /* .topBn .btn a span { display:inline-block; margin-right:3px; } */
    .topBn .btn a > img { margin:-3px 0 0 10px; }

}

@media (max-width:650px) {
    
    /*visual*/
    .visual { overflow:hidden;}
    .visual img.pc { display:none; }
    .visual img.mo { display:block; margin:10vw auto 4vw; }
    .visual .timer { margin-bottom:4vw; font-size:18px; }

    /*aside*/
    .topBn .left { font-size:15px; text-align:left; }
    .topBn .left .rollBn,
    .topBn .left .txt { line-height:20px; }
    .topBn .left .txt em { font-size:20px; }
    .topBn .btn a {  height:35px; line-height:31px; font-size:14px; }
    .topBn .btn a > img { width:7px; margin-left:5px; }
    .topBn .btn i.bubble { top:-25px; width:100px; }
    .topBn .btn i.bubble img { width:100%; }

    /*con1*/
    .con1 h3 { font-size:22px; }
    .con1 h3 span:before { height:12px; } 
    .con1 > div p { font-size:13px; }
    .con1 > div p:last-child { font-size:16px; }


    /*con2*/
    .con2 .bubble { width:210px; height:70px; border-radius:30px; }
    .con2 .bubble:before { content:""; display:block; position:absolute; bottom:-9px; left:50%; transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #000cff; }
    .con2 .bubble p { font-size:15px; margin-top:5px; }
    .con2 .bubble p span { font-size:20px; }
    .con2 h3 { font-size:25px; }
    .con2 .txt { font-size:15px; }
    .con2 h4 { margin-top:3vw; padding:10px 0; }
    .con2 h4 > span { font-size:16px; box-sizing:border-box; padding:0 20px; }
    .con2 h4 b { padding:0 10px; }
    .con2 h4 b:after { top:3px; width:3px; height:15px; width:2px; }
    .con2 h4:before { left:10px; border-top-width: 8px; border-left-width: 4px; border-right-width: 4px; }
    .con2 h4:after { right:10px; border-top-width: 8px; border-left-width: 4px; border-right-width: 4px; }
    .con2 .btn_pop { margin-top:5vw; }
    .con2 .btn_pop a { font-size:14px; }
    .con2 .txtBox { margin-top:8px; padding:3vw; padding:10px; }
    .con2 .txtBox h5 { display:block; font-size:18px; width:100%; }
    .con2 .txtBox ul { display:block; margin-top:10px; width:100%; text-align:left; }
    .con2 .txtBox li { margin-top:7px; padding-left:15px; }
    .con2 .txtBox li:before { top:6px; left:0; width:12px; height:10px; background-size:100%; }
    .list li { margin-bottom:2vw; border-radius:15px; min-height:150px; }
    .list .subject { width:100%; padding:15px; display:block; text-align:center; }
    .list .subject:after { display:none; }
    .list .subject dt { margin-right:0; /*width:100%; display:block;*/ text-align:center; }
    .list .subject dt span { font-size:20px; }
    .list .subject dt span img { width:4vw; margin:0 0 0 -10px; }
    .list .subject dd { margin-top:10px; text-align:left; font-size:16px; box-sizing:border-box; /*display:block; width:100%;*/ }
    .list .tc_subject { width:100%; padding:15px 0; display:block; /*text-align:center;*/ text-align:left; }
    .list .tc_subject:after { display:none; }
    .list .tc_subject i { margin-left:15px; }
    .list .tc_subject dl { /*width:auto;*/ width:65%; text-align:left; }
    .list .tc_subject dt { font-size:14px; }
    .list .tc_subject dd { font-size:20px; }
    .list .tc_subject dd p.tip { word-break:break-all; }
    .list .sub_txt { width:100%; display:block; background:#f8f8f8; padding:15px; overflow:hidden; }
    .list .sub_txt dt { width:auto; display:inline-block; float:left;  }
    .list .sub_txt dt > span { font-size:14px; padding:0 15px 10px 0; }
    .list .sub_txt dt > span:before { top:14px; }
    .list .sub_txt dt > span:after { width:10%; transform:rotate(-25deg); top:17px; }
    .list .sub_txt dt > span em { font-size:20px; }
    .list .sub_txt dt i { width:45px; height:34px; line-height:34px; font-size:11px; vertical-align:middle; margin-top:-25px; }
    .list .sub_txt dt i span { font-size:15px; }
    .list .sub_txt dd { font-size:18px; width:auto; display:inline-block; float:right; }
    .list .sub_txt dd em { font-size:30px; }
    .list li .btn { display:block; width:100%; padding:15px 0; }
    .list li .btn p span { font-size:18px; }
    .list li .btn span img { display:inline-block; vertical-align:top; margin:0 0 0 10px; }


    /*con3*/
    .con3 h3 { font-size:45px; }
    .con3 .hintbox { margin-top:3vw; padding:3vw 2vw; min-height:145px; }
    .con3 .hintbox i { top:-15px; right:5px; }
    .con3 .hintbox li { font-size:14px; margin-top:3px; }


    /*con4*/
    .con4 dt { font-size:25px; }
    .con4 dd { font-size:18px; }


    /*con5*/
    .con5 h3 { font-size:42px; }
    .con5 h3 span { font-size:20px; }
    .con5 p.txt { margin-top:15px; }
    .con5 .linkbox { margin-top:5px; }
    .con5 .linkbox > div a { height:135px; }
    .con5 .linkbox > div dt { font-size:35px; }
    .con5 .linkbox > div dt span img { height:25px; }
    .con5 .linkbox > div dd { font-size:13px; padding:2px 20px; width:auto; max-width:90%; }
    .con5 .linkbox > div a i { bottom:10px; right:10px; }
    .con5 .linkbox > div a i:before { width:45px; }
    .con5 .linkbox li { margin:0 0 10px 10px; width:calc(50% - 5px); }
    .con5 .linkbox li a { height:90px; }
    .con5 .linkbox li a span { font-size:20px; }
    .con5 .linkbox li a span img { height:20px; }
    .con5 .linkbox li a i { bottom:10px; right:10px; }
    .con5 .linkbox li a i:before { width:45px; }

}

@media (max-width:450px) {
    /*aside*/
    /* .topBn .left { width:calc(100% - 120px); } */
    .topBn .left { width:72%; }
    .topBn .btn a {  height:35px; line-height:31px; font-size:14px; }
    .topBn .btn a > img { width:7px; margin-left:5px; }
    .topBn .left .txt b { font-size:15px; }
    .topBn .left .txt em { font-size:17px; margin-left:5px; }

    /* con2 */
    .con2 h4 > span > b { display:inline-block; width:auto; vertical-align:top;}
    .con2 h4 > span > span { display:inline-block; width:auto; word-break:keep-all; vertical-align:top; text-align:left; }

    .con2 .txt + h4 > span > b { width:150px; }
    .con2 .txt + h4 > span > span { width:calc(100% - 155px); }
    .con2 .list + h4 > span > b { width:95px; }
    .con2 .list + h4 > span > span { width:calc(100% - 100px); }


    .list .sub_txt dt > span { font-size:13px; }
    .list .sub_txt dt > span em { font-size:18px; }
}