@import url("http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic");
@import url("http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
.info { max-width:1300px; }
.info h2 {
    margin-bottom: 3%;
    font-family: 'Playfair Display', serif; font-size: 42px; font-weight:400; line-height: 1.2; color: #000; letter-spacing: -0.02em;
}
.info h3 {
    margin: 15px 0; border-bottom: 1px solid #999;
    font-family:'Jeju Myeongjo'; font-size: 23px; font-weight: 400; letter-spacing: -2px; color:#83c70c;
    padding-bottom: 15px;
}
.info h3 br {display:none;}
.info p {width:59%;float:right;
	font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.7;
    color: #595959;
}
.info img { width:100%; }
.info img.info_txt {}

.info .cont1 { overflow:hidden; }

.info .cont1 .c1_wrap {
	float: left;
    margin: 1%;
}
.info .cont1 .c1_wrap_img {
    width: 38%;
    text-align:center;
}
.info .cont1 .c1_wrap_info {
}
.info .cont1 .c1_wrap_info img {
    display: block;
	padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px #ddd;
}
.info .cont1 .c1_wrap_info span{display:block; float:right;}
.info .cont1 .c1_wrap_info span b{font-size:32px; font-weight:normal; margin-left:10px; font-family: 'Nanum Brush Script', serif;}
.info .f_two { overflow:hidden; text-align:Center; margin-top:30px; }
.info .f_two li { float:left; width:48%; margin:1%; }


.tree {margin-top:40px;
	text-align:center;
	padding:50px;
	background:url(/app/dubu_sourcecode/docs/imgs/1527048467_greet-bg.jpg)no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;}
.tree h3 {font-size:28px;margin-bottom:10px;font-family:'jeju myeongjo';}
.tree h3 span {font-size:20px;color:#666;}
.tree > span {display:block;
	font-size:15px;color:#333;line-height:1.7;
    padding:30px;
	background-color:rgba(255,255,255,0.8)}
.tree p span {display:block;margin-top:10px;
	font-size:14px;}



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

/* mobile */
@media screen and (max-width:768px){
    .info h2 { font-size:25px; }
    .info h3 { font-size:18px; }
.info h3 br {display:block;}
    .info p { font-size:13.5px; width:100%;margin-top:10px;}
    .info .cont1 .c1_wrap_img {
        width: 98%;
        text-align:center;
    }
    .info .cont1 .c1_wrap_info {
        width: 98%;
    }
    .info img.info_txt { max-width:250px; margin-top:15px; }
    
    .info .f_two li { width:98%; }
    
    
    .tree {padding:0px;}
    .tree h3 {font-size:20px;}
    .tree > span {font-size:13px;}
    
}