.logo-svg { width: 150px; } 
.st0 { fill: #ff00a3; } 
.container { max-width: 1282px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } 
.embed-responsive-16by9 { position: relative; width: 100%; height: 0; padding-bottom: 56%; } 

/* head.php */
.ptr-prel-content svg { width:20vw; fill:#000 } 

/* 포트폴리오 리스트 */
.portfolio-wrap .tt-grid.ttgr-layout-3 .ttgr-height { padding-bottom: 100%; } 
.pgi-category { margin-bottom: 10px; font-size: 11px; color:#171010 } 
.portfolio-grid-item .clearfix h4 { float:left; width:calc(100% - 200px); margin-bottom: 0; font-size: 22px; color:#171010; word-break: keep-all; } 
.portfolio-grid-item .clearfix h5 { display:none; float:right; width:200px; margin-bottom: 0; font-size: 22px; color:#171010; text-align: right; } 

.tt-heading-subtitle { font-size: calc(13px + 0.2vw) !important; font-weight: bold !important; opacity: 0.8; } 
.t-section-inner .tt-row .figure-info__option { color: #000; font-weight: bold; font-family: 'indeep', sans-serif; } 
.embed-responsive-16by9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } 
.honeynaps { max-width: 1282px; margin: 0 auto; } 
.honeynaps .video_box { margin-bottom: 60px; } 
.honeynaps .prologue { display: flex; } 
.honeynaps .prologue>div { width: 50%; } 
.honeynaps .prologue h3 { font-weight: 700; font-size: 28px; color: #0a2868; margin-bottom: 10px; letter-spacing: 2px; } 
.honeynaps .prologue h4 { font-weight: 400; font-size: 20px; color: #0a2868; letter-spacing: 1px; } 
.honeynaps .contents_top { display: flex; margin-top: 10px; } 
.honeynaps .contents_top .left_box { padding-top: 75px; } 
.honeynaps .left_box, .honeynaps .right_box { width: 50%; display: inline-block; vertical-align: top; font-size: 16px; } 
.img_center img { display: block; max-width: 100%; height: auto; margin: 0 auto; } 
.honeynaps .contents_top .right_box .icon_box { margin-bottom: 30px; text-align: right; padding-right: 75px; } 
.honeynaps .contents_top .right_box .text_box { margin-top: 70px; } 
.honeynaps p { font-weight: 400; font-size: 16px; color: #888; line-height: 1.6; letter-spacing: -0.5px; word-break: keep-all; } 
.img_center img { display: block; max-width: 100%; height: auto; margin: 0 auto; } 
.honeynaps .contents_mid { position: relative; margin-top: 100px; } 
.honeynaps .contents_mid::before { content: ''; display: block; position: absolute; top: 0; left: 135px; width: 60px; height: 60px; background: url(../img/honeynaps/honeynaps_icon2.png) no-repeat center / cover; transform: translateY(-50%); } 
.honeynaps .contents_mid .left_box { width: 540px; height: 150px; padding-top: 70px; background-color: #fff; transform: translateY(-100px); } 
.honeynaps .contents_mid .right_box { width: calc(100% - 540px); padding-top: 55px; float: right; margin-bottom: 100px; } 
.honeynaps .contents_bottom, .honeynaps .contents_bottom .icon5 { margin-top: 100px; } 
.honeynaps .contents_mid .right_box .icon_box { padding-left: 150px; margin-bottom: 55px; } 
.honeynaps .contents_bottom .img4 { margin-bottom: 70px; } 
.honeynaps .contents_bottom .left_box { float: left; } 
.honeynaps .contents_bottom .left_box .icon_box { padding-left: 135px; margin-bottom: 125px; } 
.honeynaps .contents_bottom .right_box { padding-top: 30px; } 
.honeynaps .contents_bottom .right_box .img6 { margin-bottom: 255px; } 
.honeynaps .contents_bottom .icon5 { width: 50%; text-align: right; } 
h3 { line-height: 1.57; } 
/* .tt-col-lg-6 { position: relative; max-width: 100%; flex: 0 0 100%; } */
/* .tt-col-lg-6:after { position: absolute; content: ''; display: block; width: 120px; height: 1px; background: #000; bottom: -100px; } */
/* .ph-caption-title { font-family: "Noto Sans KR", sans-serif; font-size: 58px; }  */
.tt-row.padding-top-80 { padding-top: 50px !important; } 
img { margin: 0 auto; max-width: 100%; display: block; } 
small { display: block; font-size: 13px; line-height: 1.5; color: #888888; } 
.tt-section { padding-bottom: 80px !important; } 
.clearfix { position: relative; } 
.clearfix:after { content: ''; display: block; clear: both; } 
.fuoviders-work .content05 { padding-bottom: 70px; } 


@media (max-width: 768px) {

   .ph-caption-title { font-size: 42px; font-weight: 700; letter-spacing: -1px; }

}


@media (max-width: 540px) {
 .portfolio-grid-item .clearfix h4 { font-size: 18px; } 
}