#NGTI {padding-top:43px;}
#NGTI ul {font-weight:400;height:500px;overflow-y:scroll;margin-bottom:46px;}
#NGTI li {position:relative;padding:69px 0px;}
#NGTI li > .ques {display:inline-block; width:70%;padding-left:90px;line-height:46px; font-size:26px; vertical-align:top;box-sizing:border-box;}
#NGTI li > .num {font-size:80px;color:#f2f4f7;z-index:-1;position:absolute;margin-top:-54px;}
#NGTI li a {display:inline-block; font-size:26px;margin-left:28px;color:#dddddd;cursor:pointer;vertical-align:top;}
#NGTI a.on, #NGTI .sky {color:#00b5f9;}
#NGTI a.on:before {color:#dddddd;}
#NGTI .btnyes:before{content:"|";margin-right:20px;}
#NGTI .total{display:none;}
#NGTI form {width:100%;text-align:center;}
#NGTI .btnNgti {display:inline-block;width:130px;font-size:20px;border:1px #000 solid;border-radius:5px 5px;padding:13px 0px;cursor:pointer;margin:0px 5px;}
#NGTI .btnNgti:hover {background-color:#00b5f9;border-color:#00b5f9;color:#FFF;}
#NGTI .number_bar {border-top:#dddddd 3px solid;width:20%;box-sizing:border-box;padding-top:10px;color:#dddddd;display:inline-block;font-size:15px;}
#NGTI .number_bar.on {border-color:#00b5f9;color:#00b5f9;}
#NGTI #btn_prev {display:none;}

#NGTI .container_main {display:block;width:99%;font-size:16px;line-height:23px;border:#00b5f9 1px solid;border-radius:20px 20px;padding-bottom:69px;margin-top:69px;}
#NGTI .container_main, #NGTI .container_main p {text-align:center;line-height:23px;}
#NGTI .container_main input::placeholder{color:#e6e6e6;}
#NGTI .container_main .title {display:inline-block;background:#FFF;font-size:150px;margin-bottom:23px;line-height:115px;margin-top:-69px;letter-spacing:9px;padding:0 10px 0 20px;}
#NGTI .container_main .sub_title {font-size:20px;margin-bottom:46px;color:black;letter-spacing:6px;}

#NGTI .container_question {display:none;width:100%;}
#NGTI .container_question .pager {width:100%;box-sizing:border-box;font-size:0;margin-bottom:69px;}

#NGTI_res {font-size:20px;line-height:46px;text-align:center;}
#NGTI_res > div {padding:46px 0;}
#NGTI_res .title {padding-bottom:23px;word-break:keep-all;}
#NGTI_res .title span {color:#00b5f9;font-size:50px;}
#NGTI_res .tag {color:#004ea2;font-size:18px;word-break:keep-all;}
#NGTI_res .content {text-align:left;}
#NGTI_res .comment {font-size:1.5em;font-weight:500;}
#NGTI_res .relation {font-style: italic;}
#NGTI_res .relation span {color:#00b5f9;font-weight:500;}
#NGTI_res .relation a {font-style: normal;color:#004ea2;}
#NGTI_res .nicklist {color:#666666;font-size:16px;}
#NGTI_res .graph {width:80%;border:#e6e6e6 1px solid;border-radius:20px 20px;background:#fbfbfb;margin:0 auto;box-sizing:border-box;margin-bottom:46px;}
#NGTI_res .graph span {display:inline-block;width:120px;}
#NGTI_res .graph .item {width:190px;text-align:left;}
#NGTI_res .graph .point_bar {position:relative;display:inline-block;width:260px;height:2px;background:#dddddd;vertical-align:middle;box-sizing:border-box;}
#NGTI_res .graph .point {position:absolute;width:6px;height:20px;top:-9px;box-sizing:border-box;}

.cellBox {position:relative;display:inline-block;width:25%;border-top:#dddddd 1px solid;border-left:#dddddd 1px solid;border-right:transparent 1px solid;border-bottom:transparent 1px solid;box-sizing:border-box;margin-left:-1px;margin-bottom:-1px;}
.cellBox:nth-child(4n+1) {border-right-color:#dddddd;}
.cellBox:nth-last-child(1), .cellBox:nth-last-child(2), .cellBox:nth-last-child(3), .cellBox:nth-last-child(4) {border-bottom-color:#dddddd}

.ngti_footer{line-height:23px;width:100%;padding-top:69px;}
.ngti_footer, .ngti_footer p {text-align:center;}
.ngti_footer .copyright {font-size:20px;margin-bottom:23px;}
.ngti_footer .foot_text {font-size:16px;margin-bottom:23px;}

.color_N {color:#f79f1f}
.color_G {color:#a3cb38}
.color_T {color:#1289a7}
.color_I {color:#ed4c67}

.back_N {background:#f79f1f}
.back_G {background:#a3cb38}
.back_T {background:#1289a7}
.back_I {background:#ed4c67}


#location {display:none;}

@media only screen and (max-width: 960px) {
    #NGTI {padding-top:93px;}
    #NGTI .container_main {border:none;padding-bottom:0;}
    #NGTI .container_main .title {font-size:140px;margin-top:-43px;letter-spacing:0;padding:0;}
    #NGTI .container_main .sub_title {font-size:20px;letter-spacing:4px;}
    #NGTI ul {height:auto;}
    #NGTI li {padding:23px 0px;text-align:center;}
    #NGTI li > .ques {display:block;width:100%;padding-left:60px;line-height:26px; font-size:20px; text-align:left;margin-bottom:20px;}
    #NGTI li > .num {font-size:50px;margin-top:-34px;left:0;}
    #NGTI li a {font-size:28px;margin-left:18px;}
    #NGTI .btnyes:before{content:"";margin-right:0px;}

    #NGTI .container_question .pager {margin-bottom:23px;}

    #NGTI .btnNgti {width:auto;padding:10px 20px;cursor:pointer;margin:3px 5px;}

    #NGTI_res {padding-top:46px;}
    #NGTI_res .title span {font-size:40px;}
    #NGTI_res .graph {width:100%;}
    #NGTI_res .graph .point_bar {width:66%;box-sizing:border-box;}
    #NGTI_res .graph span {width:16%;font-size:16px;line-height:1;box-sizing:border-box;}
    #NGTI_res .graph .item {font-size:20px;text-align:center;display:block;width:100%;line-height:46px;}

    .cellBox:nth-child(4n+1) {border-right-color:transparent;}
    .cellBox:nth-child(2n+1) {border-right-color:#dddddd;}
    .cellBox:nth-last-child(3), .cellBox:nth-last-child(4) {border-bottom-color:transparent;}

    .ngti_footer{padding-bottom:46px;}
}
@media only screen and (max-width: 450px) {
    .cellBox {width:50%;}
}