@import url("http://fonts.googleapis.com/earlyaccess/jejugothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

.pro {
    overflow:hidden;
}
.pro .pro_box {
    min-height:70px;
    margin:20px 20px;
    position:relative;
    overflow:hidden;
}
.pro h2 {
    font-family:'Jeju Gothic';
    font-size:27px;
    font-weight:400;
    letter-spacing:-2px;
    margin-bottom:15px;
    color:#393939;
    text-shadow:1px 1px 2px rgba(255,2555,255,0.5);
    padding:6px 0px 3px;
}
.pro h3 {
    font-family:'Jeju Gothic';
    font-size:22px;
    font-weight:400;
    letter-spacing:-1px;
    color:#393939;
    padding:20px 0px 5px 0px;
    line-height:1.5em;
}
.pro h3 em {
    font-family:'Jeju Gothic';
    font-weight:400;
    color:#1880ca;
}
.pro h3 span {
    font-size:16px;
    font-family:'Jeju Gothic';
    font-weight:100;
    color:#888;
    padding-left:20px;
}
.pro h4{
    font-size:18px;
    font-weight:400;
    letter-spacing:0px;
    color:#d97e41;
    padding:15px 0 0 0;
    display:block;
    line-height:1.8em;
}
.pro h4 b{
    font-family:'Jeju Gothic';
    font-weight:400;
    color:#8ebf59;
}
.pro p {
    font-family:'Nanum Gothic';
    font-size:15px;
    font-weight:600;   
    letter-spacing:-1px;
    line-height:1.6;
    color:rgba(0,0,0,0.6);
    padding:5px 0;
}

/* pro_box */
.pro .pro_box,
.pro .pro_box_2,
.pro .pro_box_3 {
    min-height:70px;
    margin:20px 20px;
    position:relative;
    overflow:hidden;
}

/* 이미지규정 */
.pro .pro_box img {
    width:100%;
    max-width:600px;
    padding:10px 0;
}
.pro .pro_box ul img {
    display:inline-block;
    width:40%;
    max-width:327px;
    padding:10px 0;
    margin-right:40px;
    float:left;
    vertical-align:top;
}
.pro .pro_box_2 ul img {
    display:block;
    width:100%;
    text-align:center;
	margin:0 auto;
    max-width:230px;
    margin-top:10px;
    margin-bottom:10px;
    vertical-align:top;
    border:1px solid #ccc;
}
.pro .pro_box_3 ul li img {
    display:block;
    width:100%;
    text-align:center;
	margin:0 auto;
    max-width:130px;
    margin-top:10px;
    margin-bottom:10px;
    vertical-align:top;
    border:1px solid #ccc;    
}
.pro .pro_box ul ol img {
    display:block;
    margin:0 auto;
    text-align:center;
    width:100%;
    max-width:200px;
    padding:5px 0 10px 0;
    vertical-align:top;    
}
.pro .pro_box table tr td img {
    display:block;
    margin:0 auto;
    text-align:center;
    width:100%;
    max-width:100px;
    padding:5px;
    vertical-align:top;  
}

/* ul */
.pro .pro_box ul {
    overflow:hidden;
    padding:25px;
    border-bottom:1px solid #dfdfdf;
    background:rgba(0,0,0,0.02);
}
.pro .pro_box li {
    font-family:'Nanum Gothic';
    font-size:15px;
    font-weight:600;   
    letter-spacing:-1px;
    line-height:1.4;
    color:rgba(0,0,0,0.55);
    padding:4px 0 4px 12px;
    background:url(/app/dubu_sourcecode/docs/imgs/1512968472_info_img17.png) no-repeat left 11px;
    background-size:6px ;
}
.pro .pro_box ol {
    display:inline-block;
    margin:0 auto;
    width:33%;
    text-align:center;
    vertical-align:top;
    font-family:'Nanum Gothic';
    font-size:15px;
    font-weight:600;   
    letter-spacing:-1px;
    line-height:1.8;
    color:rgba(0,0,0,0.55);
    padding:4px;
}
.pro .pro_box li strong,
.pro .pro_box ol strong {
    font-family:'Nanum Gothic';    
    padding-right:5px;
}
.pro .pro_box li span,
.pro .pro_box ol span {
    font-family:'Nanum Gothic';    
    font-size:16px;
    font-weight:700;     
	color:#187fb7;
}
.pro .pro_box li b,
.pro .pro_box ol b {
    font-family:'Nanum Gothic';
	font-weight:800;
    padding-right:5px;
}
.pro .pro_box li em,
.pro .pro_box ol em {
    font-family:'Nanum Gothic';
	color:#fe0000;
    font-size:14px;    
}

/* ul (n)칸 나뉘어진 형태 */
.pro .pro_box_2 ul {
    overflow:hidden;
    padding:20px 15px;
    border-bottom:1px solid #dfdfdf;
    background:rgba(0,0,0,0.02);
}
.pro .pro_box_2 li {
	display:inline-block;
	width:31.5%;
    font-family:'Nanum Gothic';
    font-size:15px;
    font-weight:600;   
    letter-spacing:-1px;
    line-height:1.4;
    color:rgba(0,0,0,0.55);
    padding:4px 0 4px 12px;
    background:url(/app/dubu_sourcecode/docs/imgs/1512968472_info_img17.png) no-repeat left 11px;
    background-size:6px ;
}

.pro .pro_box_2 li strong {
    font-family:'Nanum Gothic';    
    padding-right:5px;
}
.pro .pro_box_2 li span {
	display:block;
    margin:0 auto;
	font-family:'Nanum Gothic';    
    font-size:16px;
    font-weight:700;
    padding:10px 0;
	color:#fff;
    background:#187fb7;
	text-align:center; 
}
.pro .pro_box_2 li b {
    font-family:'Nanum Gothic';
	font-weight:800;
    padding-right:5px;
}
.pro .pro_box_2 li em {
    font-family:'Nanum Gothic';
	color:#fe0000;
    font-size:14px;    
}


/* ul (n)칸 나뉘어진 형태 - 이미지 상단 텍스트 하단*/
.pro .pro_box_3 ul {
    overflow:hidden;
    padding:25px;
    border-bottom:1px solid #dfdfdf;
    background:rgba(0,0,0,0.02);
}
.pro .pro_box_3 li {
	display:inline-block;
	width:19%;
    font-family:'Nanum Gothic';
    font-size:15px;
    font-weight:600;   
    letter-spacing:-1px;
    line-height:1.4;
    color:rgba(0,0,0,0.55);
    padding:4px;
	text-align:center;
    vertical-align:top;
}
.pro .pro_box_3 li strong {
	display:block;
    font-family:'Nanum Gothic';    
    padding-right:5px;
}
.pro .pro_box_3 li span {
	display:block;
	font-family:'Nanum Gothic';    
    font-size:16px;
    font-weight:700;     
	color:#187fb7;
}
.pro .pro_box_3 li b {
	display:block;
	font-family:'Nanum Gothic';
	font-weight:800;
    padding-right:5px;
}
.pro .pro_box_3 li em {
	display:block;
	font-family:'Nanum Gothic';
	color:#fe0000;
    font-size:14px;    
}

/* dl */
.pro .pro_box dl {
    overflow:hidden;
}
.pro .pro_box dd {
    width:22%;
    height:150px;
    margin:1.5%;
    float:left;
    text-align:center;
    font-size:15px;
    font-family:'Jeju Gothic';
    font-weight:300;
    color:#5a5a5a;
    letter-spacing:-1px;   
    padding:40px 20px;
    line-height:1.5;
    box-sizing:border-box;
    transition:0.3s ease;
    position:relative;
    border:3px solid #ccc; 
}
.pro .pro_box dd:after {
    content:'+';
    display:block;
    position:absolute;
    top:45%;
    right:-20px;
    color:#eee;    
}
.pro .pro_box dd:last-child:after {
    display:none;
}
.pro .pro_box dd:hover {
    border:3px solid #42bcd1; 
}
.pro .pro_box dd:hover:after {
    color:#42bcd1; 
}
.pro .pro_box dd em {
    display:block;
    font-size:1.7em;
    font-family:'Jeju Gothic';
    font-weight:600;
    letter-spacing:-1px; 
    line-height:1.1em;
    margin-bottom:20px;
    color:#85b9f0; 
}

/* t_box */
.pro .t_box {
    width:40%;
    padding:40px 30px;
    min-height:250px; 
}
.pro .b1 {
    background:url(/app/dubu_sourcecode/docs/imgs/1512968347_15.png) no-repeat ;
    background-size:100%;
    margin-bottom:30px;
    border-top-left-radius:30px;
    border-bottom-right-radius:30px;    
	min-height:250px;
}
.pro .b1 .t_box{
    float:right;   
    position:absolute;
    right:0;
    top:0;
}

/* table */
.pro table {
    border-collapse:collapse;
    width:100%;
    border:1px solid #ddd;   
    border-width:1px 0px 0px 1px;
    margin:20px 0;    
}
.pro .pro_box th {
    padding:10px;
    font-size:15px;
    font-family:'Nanum Gothic';
    font-weight:700;
    color:#333;
    background:#f5f5f5;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd; 
}
.pro .pro_box td {
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;    
    padding:10px;
    font-size:13px;
    font-family:'Nanum Gothic';
    font-weight:400;
    color:#333;
    text-align:center;
}

/* 연혁 */
div.jh_info h2 {
	font-size: 32px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #595959;
    padding: 10px 0;
	font-family: 'Noto Sans KR';
}
div.jh_info h2 span {
    letter-spacing: -1px;
	color: #3e84d1;
	font-family: 'Noto Sans KR';
}
div.jh_info h3 {
	font-size: 18px;
	color: #777;
    letter-spacing: -1px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
    border-bottom: 1px solid #e4e4e4;
	padding-bottom:20px;
	margin-bottom:40px;
}
div.jh_info h3 strong {
	color: #d78e01;
    letter-spacing: -1px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
}
div.jh_history div.cont1 ul {
    overflow:hidden;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 30px 20px;
     font-family:'Noto Sans Kr';
}
div.jh_history div.cont1 ul li {
    float:left;
    font-family:'Noto Sans Kr';
}

div.jh_history div.cont1 ul li:nth-child(1) {
	width:20%;
    text-align: center;
}
div.jh_history div.cont1 ul li:nth-child(2) {
	width:10%;
    padding: 25px 5px;
}
div.jh_history div.cont1 ul li:nth-child(3) {
	width:70%;
    padding: 25px;
}
div.jh_history div.cont1 ul li h2 {
    font-family: 'Jeju Gothic';
	font-size: 23px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #388ce0;
    border-top:2px solid #7eb8f2;
    padding: 25px 15px;
    text-align: right;
     font-family:'Noto Sans Kr';
}
div.jh_history div.cont1 ul li p {
	font-size: 15px;
    line-height: 1.5;
    color: #595959;
    margin-bottom: 5px;
     font-family:'Noto Sans Kr';
}
div.jh_history div.cont1 ul li p:last-child { margin-bottom:0; }
div.jh_history div.cont1 ul li span{color:#137ae5; fone-weight:500}
div.jh_history div.cont1 ul li p span{color:#2479ce; fone-weight:500; width:100px;    text-align:center; display:inline-block}

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

    div.jh_history div.cont2 ul li { width:31%; }
}

/* mobile */
@media screen and (max-width:768px){
    .pro .pro_box {
        min-height:0;
        height:auto;
    }
    .pro .t_box {
        width:100%;
        min-height:0;
        height:auto;      
        padding:20px;
        background:rgba(250,250,250,1);
        border:1px solid #ddd;
        box-sizing:border-box;
        border-top-left-radius:30px;
        border-bottom-right-radius:30px;        
    }
    .pro .pro_box ul {
        overflow:hidden;
        padding:20px;
    }
    .pro .pro_box_2 ul {
        overflow:hidden;
        padding:20px;
    }
    .pro .pro_box_3 ul {
        overflow:hidden;
        padding:20px;
    }
	.pro .pro_box h3 {
	    line-height:1.0em;
	}
    .pro .pro_box h2 {
        font-size:19px;
        margin-bottom:5px;
    }
    .pro .pro_box p, .pro .pro_box li, .pro .pro_box ol,  .pro .pro_box li,.pro .pro_box td, .pro .pro_box th {
        font-size:13px;
    }
    .pro .pro_box_2 li {
        font-size:13px;
    }
    .pro .pro_box_3 li {
        font-size:13px;
    }
    .pro .pro_box dd {
        display:block;
        width:95%;
        height:auto;
        font-size:14px;
        padding:20px;
    }    
    .pro .pro_box dd:after {
    	display:none;
    }
    .pro .b1 .t_box {
        position:static;
        background-size:cover;
    }
    .pro .pro_box_2 li {
        display:block;
        width:100%;
    }
    .pro .pro_box_3 li {
        width:48%;
    }   
    .pro .pro_box ul img {
        display:block;
        width:100%;
        max-width:100%;
        min-width:100%;
        margin-right:0px;

    }
    
    div.jh_info h2 { font-size:20px;}
    div.jh_info h3 { font-size:16px; }    
	div.jh_history div.cont1  {
		width:100%;
		padding:0;
		margin:0;
	}
	div.jh_history div.cont1 ul {
	width:100%;
    padding:0;
    margin:0;
	}		
	div.jh_history div.cont1 ul li:nth-child(1) {
		width:100%;
		padding:0;
	}
	div.jh_history div.cont1 ul li:nth-child(2) {
		width:20%;
		padding: 0px;
		text-align:center;
	}
	div.jh_history div.cont1 ul li:nth-child(3) {
		width:80%;
		padding: 0px;
		margin:0;
	}    
	div.jh_history div.cont1 ul li h2 {
		font-size: 20px;
		letter-spacing: -2px;
		border-top:2px solid #7eb8f2;
		padding: 10px;
		text-align: center;
	}
	div.jh_history div.cont1 ul li p {
		font-size: 14px;
		line-height: 1.5;
		padding: 10px;
	}
		div.jh_history div.cont1 ul li p span{
		width:40px;
		text-align:center;
	}
}