@charset "UTF-8";
/* CSS Document */

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);

ul li {list-style:none;}
a{color:inherit; text-decoration: none;}

.top_menu{width: 1200px; margin: 0 auto; margin-bottom: 100px;}
.footer-container{width:100%; text-align: center; background-color: #ececec;}

div.container_nguide{ margin: 0 auto; width: 100%;}
div.container_nguide .title_main {font-size: 30px; border-bottom: 1px solid black; padding-bottom: 9px; width:100%; padding-top:50px;}
div.container_nguide h3{margin:78px 0 24px; font-weight:bold; font-size:34px; text-align:center; width: 100%;}
div.container_nguide p.subtitle_text{font-size:16px; line-height:24px; text-align:center; word-break: keep-all;}
div.container_nguide .box_nguide_point {width: 80%; margin: 0 auto;}


/*ÅǸ޴º*/
div.n_guide_tab{margin-top:40px; border:1px solid #ebebeb; border-width:1px 0;}
div.n_guide_tab ul{padding:20px;}
div.n_guide_tab ul:after{display:block; clear:both; content:"";}
div.n_guide_tab li{float:left; width:50%; color:#9d9d9d; font-weight:bold; font-size:16px; text-align:center; cursor:pointer;}
div.n_guide_tab li.select_div{color:#ad8049;}
/*div.n_guide_tab li a{display:block; height:25px; color:#9d9d9d; font-weight:bold; font-size:16px; line-height:28px; text-align:center;border: 1px solid red;}*/



/* Á¤±â±¸µ¶ - ÅǸ޴º */
div.n_guide_tab li.on a{background:#ebebeb; color:#3c3c3c;}

/*N POINT Æ÷ÀÎÆ® »ç¿ë¼³¸í*/
div.n_guide_subtext p {width: 70%; line-height: 22px; font-size:14px; color: #616161; text-align: center;margin: 0 auto; word-break: keep-all; margin-top: 25px;}

/*Å×À̺í*/
/*20191008 ¼öÁ¤*/
div.n_guide_content .n_point_use_subtext {font-size: 14px; text-align: center; color: #616161;
word-break: keep-all;}

div.n_guide_content{position:relative; margin-top:30px;}
#n_guide_table{margin-top:30px;color:#616161;font-size:14px; width: 100%; text-align: center; border-collapse:collapse;}
#n_guide_table colgroup col{border: 1px solid #ebebeb;}
thead{background:#ebebeb; color:#3c3c3c; font-weight:bold;}
thead th{height:40px;}
tbody tr{border-bottom:1px solid #ebebeb; line-height: 20px;}
tbody tr td.point {color: #ad8049; font-weight:700}
tbody tr td.range {line-height: 20px;}
tbody td{height:53px;}
tbody td.title a{overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; line-height: 18px;}
p.none{margin-top:30px; padding:40px 0; background:#ebebeb; font-size:14px;}

/*°øÁö*/
div.N_guide_notice {margin-top: 80px; margin-bottom: 50px; padding: 0;}
div.N_guide_notice ul {padding: 0px;}
div.N_guide_notice ul li{position: relative; margin-top: 10px; padding-left: 10px; 
font-size: 14px; color: #9d9d9d; line-height: 20px;}
div.N_guide_notice > ul> li:before {display:block; position:absolute; top:9px; left:0; width:2px; height:2px; background:#3c3c3c; content:""; }


@media (min-width:1200px){
    div.container_nguide{width:1200px;}
}

@media (max-width:1200px){
    
    
}

@media (max-width:760px){
    #n_guide_table {border: 1px solid #ebebeb; width: 90%; margin: 0 auto;}
    #n_guide_table colgroup col{display: none;}
    #n_guide_table colgroup{border-right: 1px solid #ebebeb; }    
    div.container_nguide .title_main {font-size: 17px;}
    div.container_nguide p.subtitle_text{font-size:14px; line-height:22px;}
    div.container_nguide h3 {font-size: 25px; margin-bottom: 0px; margin-top: 50px;}
    div.n_guide_content {display: block; margin-top: 20px;}
    thead {display: none;}
    tbody {border-top:1px solid #ebebeb;}
    tbody tr {position: relative; height: 75px;}

    div.n_guide_tab li{float:left; width:50%; height:10px; color:#9d9d9d; font-size:14px; line-height:15px;}
    div.container_nguide p.subtitle_text{margin-top: 20px;}
    div.n_guide_content .n_point_use_subtext {line-height: 22px; margin-bottom: 20px;}
    
    tbody td.point{
    left:24%;

    font-size: 14px;
    /* display: block; */
    position:absolute; 
    margin-top: 10px;
    margin-left: 10px;
    }

    tbody td.category {
/*
    padding-left:10px;
    padding-right:10px;
*/
/*    padding-top: 5px;    */
    font-size:13px; 
    width: 51%; 
    text-align: center;  
    position: absolute; 
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space:nowrap;
/*    line-height: 18px;*/
    }
    
    
    tbody td{
    font-size: 12px;
    text-align: right; 
    margin-top: 30px;
    height: auto; 
/*        display: block; */
    }


    tbody td.range {
    padding: 10px; font-size: 12px; 
    position:relative;
    right: 0;  
    text-align: center; width: 44%; 
    line-height: 17px;
    margin-top: -7px; 
    overflow: hidden;
    text-overflow:ellipsis;}
    
    
    div.N_guide_notice {margin: 40px 12px;}

/*    thead th{height:50px;}*/

/*
    
    .n_point_line {width:240px; height: 240px; border-right: 1px solid red; 
        position: absolute; 
        top:120px;
    }
    
*/
}