@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.info > div{margin:0 0 85px;}
.info > div h3{font-size:36px; font-family: 'GmarketSansBold'; text-align:center; margin:85px 0 40px;}
.info > div h3 u{font-size:15px; font-family: 'GmarketSansMedium'; color:#655270; display:block; letter-spacing:4px; margin:0 0 10px;}
.info > div .box{background:#f7f7f7; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:55px 20px; text-align:center; font-size:17px; font-weight:100; letter-spacing:-0.6px; line-height:1.7; margin:0 0 35px;}
.info > div .box strong{font-size:30px; font-weight:normal; display:block; font-family: 'GmarketSansBold'; line-height:1.45; color:#a61b45; margin:0 0 20px;}
.info > div .box strong span{color:#000; display:block; font-family: 'GmarketSansMedium'; font-size:20px;}
.info > div ul,
.info > div ol{overflow:hidden;}


.info > div .greet li{border-bottom:1px dotted #ccc; overflow:hidden;}
.info > div .greet li > div{padding:60px 45px; overflow:hidden;}
.info > div .greet li > div img{float:left; width:25%; max-width:208px;}
.info > div .greet li > div .txt{float:right; width:75%;}
.info > div .greet li > div .txt h4{font-size:28px; font-family: 'GmarketSansMedium'; font-weight:normal; letter-spacing:-0.8px; margin:0 0 25px;}
.info > div .greet li > div .txt p{font-size:20px; font-weight:100; color:#585858; line-height:1.65;}
.info > div .greet li:nth-child(even) img{float:right;}
.info > div .greet li:nth-child(even) .txt{float:left; text-align:right;}
.info > div .greet li:nth-child(1){background: url(/app/dubu_sourcecode/docs/imgs/1627350129_image.png) no-repeat right 70%;}
.info > div .greet li:nth-child(2){background: url(/app/dubu_sourcecode/docs/imgs/1627350322_image.png) no-repeat left 70%;}
.info > div .greet li:nth-child(3){background: url(/app/dubu_sourcecode/docs/imgs/1627350140_image.png) no-repeat right 70%;}


.info > div .management li{float:left; width:50%;}
.info > div .management li > div{padding:45px 25px; border-top:2px solid #000; border-bottom:1px solid #ccc; overflow:hidden;}
.info > div .management li:nth-child(odd) > div{margin:0 15px 45px 0;}
.info > div .management li:nth-child(even) > div{margin:0 0 45px 15px;}
.info > div .management li > div img{float:left; width:32%; max-width:189px;}
.info > div .management li > div .txt{float:right; width:60%;}
.info > div .management li > div .txt h4{font-size:28px; font-family: 'GmarketSansMedium'; font-weight:normal; letter-spacing:-0.8px; margin:0 0 25px; line-height:1.5;}
.info > div .management li > div .txt h4 span{font-size:22px; color:#c9859a; display:block;}
.info > div .management li > div .txt p{font-size:18px; font-weight:100; color:#585858; line-height:1.65; letter-spacing:-0.6px;}


.info > div .img li{float:left; width:32.5%; margin:4px 4px;}
.info > div .img li > div img{width:100%;}
.info > div .img_title{font-size:18px; background:#f2f2f2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:block; margin:20px 0; text-align:center; font-weight:500; padding:20px;}

@media screen and (min-width:992px) and (max-width:1199px){
    .info > div .greet li > div img{width:30%;}
	.info > div .greet li > div .txt{width:70%;}
    .info > div .management li > div .txt p{font-size:16px;}
}

/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .info > div .greet li > div img{width:30%;}
	.info > div .greet li > div .txt{width:65%;}
    
    .info > div .management li > div{padding:45px 15px;}
    .info > div .management li:nth-child(odd) > div{margin:0 10px 45px 0;}
    .info > div .management li:nth-child(even) > div{margin:0 0 45px 10px;}
    .info > div .management li > div img{width:28%;}
    .info > div .management li > div .txt{width:65%;}
    .info > div .management li > div .txt h4{font-size:24px; margin:0 0 20px;}
    .info > div .management li > div .txt h4 span{font-size:20px;}
    .info > div .management li > div .txt p{font-size:14px;}
}

/* mobile */
@media screen and (max-width:767px){
    .info > div h3{font-size:28px;}
    .info > div .box{padding:40px 30px; font-size:15px; margin:0 0 20px;}
    .info > div .box br{display:none;}
	.info > div .box strong{font-size:24px; margin:0 0 15px;}
    
    .info > div .greet li > div{padding:40px 25px;} 
    .info > div .greet li > div img{float:none; width:100%; max-width:120px; margin:0 0 25px;}
    .info > div .greet li > div .txt{float:none; width:100%;}
    .info > div .greet li > div .txt h4{font-size:24px; font-family: 'GmarketSansMedium'; font-weight:normal; letter-spacing:-0.8px; margin:0 0 15px;}
    .info > div .greet li > div .txt p{font-size:15px;line-height:1.45;}
    .info > div .greet li:nth-child(1){background: url(/app/dubu_sourcecode/docs/imgs/1627350129_image.png) no-repeat right 90%; background-size:100%;}
    .info > div .greet li:nth-child(2){background: url(/app/dubu_sourcecode/docs/imgs/1627350322_image.png) no-repeat left 90%; background-size:100%;}
    .info > div .greet li:nth-child(3){background: url(/app/dubu_sourcecode/docs/imgs/1627350140_image.png) no-repeat right 90%; background-size:100%;}
        
    .info > div .management li{float:none; width:100%;}
    .info > div .management li > div{padding:45px 10px;}
    .info > div .management li:nth-child(odd) > div{margin:0 0 15px 0;}
    .info > div .management li:nth-child(even) > div{margin:0 0 15px 0;}
    .info > div .management li > div img{max-width:145px;}
    .info > div .management li > div .txt h4{font-size:24px; margin:0 0 20px;}
    .info > div .management li > div .txt h4 span{font-size:20px;}
    .info > div .management li > div .txt p{font-size:14px;}
    .info > div .management li > div .txt p br{display:none;}
    
    .info > div .img_title{font-size:15px;}
}