@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 {
	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:red;}
.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;
    margin:30px 0 10px;
}

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

.product .info_box img {
    width:100%; max-width:600px; margin:20px auto 0; display:block;
}
/*dl*/
.product .info_box .cont1{overflow:hidden;}
.product .info_box .cont1 h2{color:#c62881;}
.product .info_box dl{width:48%; float:left; margin:20px 1%; text-align:center;}
.product .info_box dd{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: 20px;
    height:95px;
}
.product .info_box dt img{margin:0 auto;}
.product .info_box dd b{font-size:18px; color:#da22c5;}


.product .info_box .cont6{overflow:hidden;}
.product .info_box .cont6 h2{color:#c62881;}
.product .info_box .cont6 dl{width:48%; float:left; margin:20px 1%; text-align:center;}
.product .info_box .cont6 dd{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: 20px;
    height:120px;
}
.product .info_box .cont6 dt img{margin:0 auto;}
.product .info_box .cont6 dd b{font-size:18px; color:#333;}
/* li */

.product .info_box  ul {
	padding:10px 0;
}

.product .info_box li {
	font-size:15px;
    font-family:'Nanum Gothic';
    font-weight:500;
    letter-spacing:-1px;
    line-height:1.4;
    color:#595959;
    margin-left:20px;
    padding:5px 0;
    list-style:square outside;
}

.product .info_box li em {
    font-family:'Youth';
    font-weight:400;
    font-size:1.1em;
    color:#393939;
}

.product .line li {
	border-bottom:1px dotted #cdcdcd;
}

.product ul.g_box {
	padding:20px;
    border:1px solid #dedede;
    border-radius:10px;
}

/* table */

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

.product .info_box 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;
}

.product .info_box th.left {
	border-bottom:1px solid #ddd;
    background:#f2f2f2;
}

.product .info_box 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;
}

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

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

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

.product .info_box .t_100 td {
    text-align:left;
    line-height:1.5;
}


/* qna */

.product .info_box .qna {
    margin:20px 5px;
    padding:10px;
	border:1px solid #ddd;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow:2px 2px 3px #ddd;
    font-size:10px;
    font-family:'Youth';
    font-weight:800;
}

.product .info_box .qna p {
	 margin-left:30px;
}

.product .info_box .qna span {
    margin-right:5px;
    padding:2px 6px;
    border-radius:50%;
    color:#fff;
    margin-left:-30px;
}

.product .info_box .q_color span {
	background:#d54545;
}

.product .info_box .a_color span {
	background:#4e66cc;
}

.product .info_box .qna .q_color {
	border-bottom:1px dashed #ccc;
}





/* 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 img {
        padding:0px;
        border:1px solid #ddd;
    }
    .product .info_box dl{width:100%;}
    .product .info_box dl dd{height:auto;}
    .product .info_box .cont6 dl{width:100%;}
    .product .info_box .cont6 dl dd{height:auto;}
    .product .info_box .cont2{overflow-x: scroll;}
}
}