/* **************************************** *
 * MOTION WITH CODE
 * **************************************** */
.motion_with_code_wrap { max-width: 1250px; }
.jt_motion_card { padding-bottom: 100px; }
.jt_motion_card_view {background: #eee;text-align: center;width: 100%;padding: 70px;}
.jt_motion_card_view:after { content:''; display:table; clear:both; }
.jt_motion_card_view img { max-width: 100%; margin:0; }
.jt_motion_card_info { border:1px solid #ddd; border-top:0; display:table; width: 100%; }
.info_title {width: 32%;float:left;display:table-cell;padding: 50px 0 0 60px;}
.info_title h3 {margin: 0;font-size: 22px;line-height: 1.5;font-weight: 600;color: #222;}
.info_title p { margin: 0; font-size: 14px; line-height: 1.6; color: #444; }
.single_content_view .info_title a.vglnk {font-size: 14px;color: #444;text-decoration: none;word-break: break-all;border-bottom: 0;letter-spacing: 0.025em;}
.single_content_view .info_title a.view_btn_site {background: #222;border-color: #222;margin-top: 19px;padding: 0 55px 0 38px;width: 228px;}
.single_content_view .info_title a.view_btn_site:hover { background: #fff; color: #222; }
.info_content {width: 68%;float: left;display:table-cell;padding: 51px 0 59px;}
.info_content ul {margin:0;margin-bottom: -22px;width: 100%;max-width: inherit;}
.info_content ul li {float:left;padding: 0 20px 22px 39px;}
.info_content ul li:nth-child(3n-2),
.info_content ul li:nth-child(3n-1) { width: 31.76%; }
.info_content ul li:nth-child(3n) { width: 36.48%; }
.info_content ul li:nth-child(3n+1) { clear:both; }
.single_content_view .info_content ul li:before { width: 0; }
.info_content ul li b {font-size: 16px;font-weight: 600;line-height: 1.75;color: #222;letter-spacing: -0.015em;}
.info_content ul li p {font-size: 14px;line-height: 1.6;color: #888;letter-spacing: 0.05em;margin: 6px 0 0 0;}
.jt_motion_card_view_2row { width: 50%; float:left; }
.jt_motion_vimeo { position: relative;overflow: hidden;width: 100%;}
.jt_motion_vimeo_iframe {width: 100%;height: 100%;position: absolute;top: -1px;bottom: -1px;left: -1px;right: 1px;}



/* **************************************** *
 * 구독
 * **************************************** */
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-message {color: #222;background: #f3f20c;border-radius: 50px;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-message .onesignal-bell-launcher-message-body {font-family: sans-serif;letter-spacing: -0.1em;font-weight: bold;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-message,
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-sm .onesignal-bell-launcher-message {padding: 15px 24px 17px;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right .onesignal-bell-launcher-message:after {border-left-color: #f3f20c;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-message:after,
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-sm .onesignal-bell-launcher-message:after {border-width: 3px; margin-top: -3px;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-sm .onesignal-bell-launcher-message,
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md .onesignal-bell-launcher-message {right:62px;}

div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-button svg {opacity:0;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-inactive {opacity:1;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-active.onesignal-bell-launcher-md {background: url(../images/layout/subscription-ball.svg);}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-active.onesignal-bell-launcher-sm {background: url(../images/layout/subscribing-ball.svg);}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-sm {width:48px}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-sm {height:48px}

div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-sm .onesignal-bell-launcher-dialog,
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md .onesignal-bell-launcher-dialog {bottom:60px;padding-top:9px;}
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-sm .onesignal-bell-launcher-dialog:after,
div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md .onesignal-bell-launcher-dialog:after {right:14px;}

div#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-dialog .onesignal-bell-launcher-dialog-body h1{padding: 6px 0 10px;}





@media (max-width: 1023px) {
	.jt_motion_card_view { padding: 50px; }
	.single_content_view .motion_with_code_wrap img { margin:0; }
	.single_content_view .motion_with_code_wrap .info_title a.view_btn_site {width: 180px;height: 50px;padding: 0 45px 0 24px;font-size: 13px;line-height: 46px;}
	.info_title {padding: 50px 0 0 45px;}
	.single_content_view  .motion_with_code_wrap h3 {margin-top: 0;margin-bottom: 0;font-size: 22px;}
		
}

@media (max-width: 860px) {

    .info_title {width: 100%;padding: 40px 0 0 39px;}
    .info_content { width: 100%; padding: 40px 0 37px; }

}

@media (max-width: 768px) {
    
	.jt_motion_card { padding-bottom: 70px;}
    .jt_motion_card_view { padding: 30px }
    .motion_with_code_wrap.wrap { margin:0 3%; }
    .single_content_view .motion_with_code_wrap h3,
    .single_content_view .motion_with_code_wrap ul,
    .single_content_view .motion_with_code_wrap p { padding:0; }
	.single_content_view .motion_with_code_wrap .info_title a.view_btn_site { margin-top:0; }
	.info_content { padding: 35px 0 37px; }
	div.info_content ul li { padding: 0 20px 17px 39px; }
	.info_content ul li p { margin:0; }

}

@media (max-width: 460px) {

    .jt_motion_card_view {padding: 15px;}
    .info_title {padding: 20px 0 0 25px;}
    .info_content {padding: 25px 0 22px;}
	.single_content_view .motion_with_code_wrap p { margin-bottom: 12px; }
    div.info_content ul li { padding: 0 20px 7px 25px; }
    .info_content ul { margin-bottom:-17px; }
    .info_content ul li:nth-child(3n-2),
    .info_content ul li:nth-child(3n-1),
    .info_content ul li:nth-child(3n) { width: 50%; }
    .info_content ul li:nth-child(3n+1) { clear:none; }
    .info_content ul li:nth-child(2n+1) { clear:both; }

}