@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@font-face{
 font-family:'Youth';
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff') format('woff');
}


/*product*/

.product {

}




/* info_box */

.product .info_box, .cont2 {
	width:93%;
    margin:30px auto;
    overflow:hidden;
}

.product .info_box p {
	font-family:'Nanum Gothic';
    font-size:15px;
    font-weight:500;
    letter-spacing:-1px;
    line-height:1.9;
    color:rgba(0,0,0,0.9);
    padding:10px 5px;
    background:#efefef;
    padding:10px;
}

.product .info_box p em {
	font-family:'Nanum Gothic';
    font-weight:600;
    color:#2866d6;
    font-size:0.8em;
}
.product .info_box p b{color:#0b41a3;}
.product .info_box h5 {
	font-size:18px;
    font-family:'Youth';
    font-weight:400;
    letter-spacing:-1px;
    line-height:1.2;
    color:#0b41a3;
    padding-left:25px;
    background:url(/app/dubu_sourcecode/docs/imgs/1520401391_1491181474_bus_icon01.png) left 0 no-repeat;
    background-size:20px 20px;
}

.product .cont2 h6 {
	font-size:16px;
    font-family:'Youth';
    color:#484848;
    line-height:1.5;
    font-weight:400;
    margin:20px 0 0 5px;
    
}

.product .cont2 .t-100 img {
    width:100%; max-width:400px; margin:20px auto 0; display:block;
}

/* table */

.product .cont2 table {
	border-collapse:collapse;
    margin:30px;
    width:100%;
    border:1px solid #ededed;   
    overflow:hidden;
}

.product .cont2 th {
	padding:10px 4px;
    text-align:center;
    font-size:14px;
    font-family:'Nanum Gothic';
    font-weight:500;
    letter-spacing:-1px;
    color:#222;
    border-bottom:1px solid #ddd;
    border-left: 1px solid #dfdfdf;
}

.product .cont2 th.left {
	border-bottom:1px solid #ddd;
    background:#f2f2f2;
}
.product .cont2 td b{color:red;}
.product .cont2 td {
	padding:10px;
    text-align:center;
    font-size:14px;
    font-family:'Nanum Gothic';
    font-weight:500;
    letter-spacing:-1px;
    color:#595959;
    border-bottom:1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.product .cont2 .notice {
    background:#f6f6f6;
    border-bottom:0;
}

.product .cont2 .t_top {
	font-size:14px;
    font-family:'Youth';
    color:#595959;
    line-height:1.5;
    border-bottom:1px solid #0b41a3;
}

.product .cont2 .t_100 {
	width:100%;
    margin:0px 0;
}

.product .cont2 .t_100 td {
    line-height:1.5;
}




.product .cont2 ul{
    overflow:hidden;
}
.product .cont2 li{
    float:left;
    width:45%;
    padding:30px 10px;
}

.product .cont2 li:nth-child(2n){
    width:30%;
}
.product .cont2 li:nth-child(3n){
    width:25%;
}

.product .cont2 li img{
    width:100%;   
}

.product .cont2 div li p{
    padding-top:10px;
    font-size:12px;
    font-weight:600;
    text-align:center;
}

.product .cont2 div li .p2{
    padding-top:23px;
}

.product .cont2 div li p:nth-of-type(3){
    padding-top:10px;
}

.product .cont2 p{
    text-align:right;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
}



/* tablet */
@media screen and (min-width:651px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:650px){
   
    
    .product .info_box {
		width:100%;
    }
    
     .product .info_box p {
        font-size:16px;
         line-height:2.3
    }
    
    .product .info_box li {
        font-size:14px;
    }
    
    .product .info_box table {
    	width:100%;
        float:none;
    }
    
    .product .info_box .t_top {
    	height:auto;
    }
    
    .product .info_box .cont2{overflow-x: scroll;}
    .product .cont2 li{width:100%;}
    .product .cont2 li:nth-child(2n){width:80%;}
    .product .cont2 li:nth-child(3n){width:70%;}
}