@charset "utf-8";

/*
 * File    : sub.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * PROJECT LIST
 * PROJECT DETAIL
 * BLOG LIST
 * BLOG DETAIL
 * CERTIFICATE
 * LOCATION
 * RECRUIT
 * REQUEST
 * PINTEREST
 * ERROR
 * POPUP
 * HOVER
 */



/* **************************************** *
 * PROJECT LIST
 * **************************************** */
/* loadmore */
.jt_loadmore { margin-bottom: 100px; }
.jt_loadmore_inner { max-width: 160px; margin: 0 auto; padding: 20px 0; text-align: center; cursor: pointer; }
.jt_loadmore_inner span { display: block; position: relative; font-family: 'Montserrat'; font-size: 14px; font-weight: 600; -webkit-transition: color 300ms; transition: color 300ms; }
.jt_loadmore_inner span.more { word-spacing: 3px; color: #222; }
.jt_loadmore_inner span.more:before { content: '\e901'; font-family: 'jt-font'; font-size: 15px; color: #222; position: absolute; top: -20px; left: 50%; margin-left: -7.5px; -webkit-transition: color 400ms; transition: color 400ms; }
.jt_loadmore_inner span.total_count { word-spacing: 2px; color: #757575; }
.jt_loadmore_inner span.total_loaded { display: inline-block; }

/* tag */
.jt_tag { position: relative; }
.jt_tag > span { display: block; width: 55px; height: 22px; position: absolute; top: 0; left: 0; font-family: 'Montserrat'; font-size: 14px; line-height: 22px; font-weight: 600; letter-spacing: .25px; text-align: center; color: #fff; background: #222; border-radius: 100px; }
.jt_tag nav { display: block; padding-left: 56px; }
.jt_tag ul { width: 100%; font-size: 0; }
.jt_tag li { display: inline-block; margin-left: 9px; }
.jt_tag a { position: relative; font-size: 14px; font-weight: 500; line-height: 1.6; color: #444; -webkit-transition: all 300ms; transition: all 300ms; }
.jt_tag a:after { content: ''; display: block; width: 100%; height: 1px; background: #0b21ee; position: absolute; bottom: 0; left: 0; opacity: 0; transition: opacity 300ms; }

/* project list */
.project { padding-top: 50px; }
.project:after { content: ''; display: block; clear: both; }
.project_item { float: left; width: 50%; padding-top: 50%; position: relative; background: no-repeat center center; background-size: cover; }
.project_item a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.project_item_title { position: absolute; bottom: 5%; left: 6%; font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 18px; font-weight: 600; text-transform: uppercase; color: #fff; z-index: 1; }
.project_item_detail { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: #0b21ee; background: rgba(11, 33, 238, .85); z-index: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 450ms; transition: opacity 450ms; }
.project_item > img { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.project_item picture { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.project_item picture img { width: 100%; height: auto; }
.project_item_detail_table { display: table; width: 100%; height: 100%; }
.project_item_detail_cell { display: table-cell; width: 100%; vertical-align: middle; }
.project_item_detail_cell_inner { position: relative; }
.project_item_detail p { padding: 9px 0 33px 0; position: relative; font-size: 16px; font-weight: 500; line-height: 1.625; letter-spacing: -0.02em; color: #fff; }
.project_item_arrow { display: block; width: 46px; height: 12px; position: absolute; left: 50%; margin-left: -50px; bottom: 0; -webkit-transition: none; transition: none; }
.project_item_arrow svg path { fill: #fff; }
.project .jt_loadmore { clear: both; padding: 80px 0 60px; margin-bottom: 0; }

/* tag page */
.tag_page { padding-bottom: 50px; }
.tag_page .search_word { text-align: center; margin: 98px 0 50px 0; }
.tag_page .search_word span { display: block; font-family: 'Montserrat'; font-size: 15px; color: #a4a4a4; font-weight: 600; padding-bottom: 7px; }
.tag_page .search_word b { display: block; font-size: 48px; color: #0b21ee; font-weight: 300; line-height: 1.4; }
.tag_list { border-top: 2px solid #0b21ee; margin-bottom: 60px; }
.tag_item { border-bottom: 1px solid #dedede; -webkit-transition: all 300ms; transition: all 300ms; position: relative; display: flex; align-items: center; min-height: 380px; }
.tag_itme_content { display: block; padding: 52px 55px 53px 60px; }
.tag_itme_content span:after { display: none; }
.tag_itme_content h2 { font-size: 22px; font-weight: 500; margin: 4px 0 12px 0; padding-right: 400px; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.7; max-height: 1.7em; color: #222; }
.tag_itme_content h2 br { display: none; }
.tag_itme_content .category { font-family: 'Montserrat'; text-transform: uppercase; font-size: 13px; color: #0b21ee; font-weight: 600; }
.tab_itme_tag { margin-top: 17px; padding-right: 400px; }
.tab_itme_tag > ul { font-size: 0; margin-left: -4px; margin-right: -4px; }
.tab_itme_tag > ul > li { display: inline-block; vertical-align: top; margin: 0 4px; }
.tab_itme_tag > ul > li > a { position: relative; display: block; font-size: 14px; font-weight: 500; line-height: 1.6; color: #888; padding: 1px 0; -webkit-transition: all 300ms; transition: all 300ms; }
.tab_itme_tag > ul > li > a:after { content: ''; display: block; width: 100%; height: 1px; background: #0b21ee; position: absolute; bottom: 2px; left: 0; opacity: 0; transition: opacity 300ms; }
.tag_itme_date { display: block; color: #666; font-family: 'NotoSansKR', sans-serif; font-weight: 500; font-size: 14px; margin-top: 19px; }
.tag_page .content_index { position: relative; }
.tag_page .content_index .text { color: #222; padding-right: 400px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 2; max-height: 4em; font-weight: 500; word-break: keep-all; }
.tag_itme_thumb { max-width: 300px; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); z-index: 1; }
.tag_itme_thumb img { display: block; max-width: 100%; height: auto; }



/* **************************************** *
 * PROJECT DETAIL
 * **************************************** */
/* header */
.single-projects .logo_primary { opacity: 0; visibility: hidden; }
.single-projects .logo_secondary { opacity: 1; visibility: visible; }
.single-projects .header_typo span { color: #fff; }
.single-projects .small_menu_btn { background: transparent; border-color: #fff; }
.single-projects .small_menu_btn_line { background: #fff; }
.single-projects .small_menu_btn_text_open { color: #fff; }
.single-projects .minimize .header_typo { opacity: 1; }

/* header minimize */
.project_minimize .logo_primary { opacity: 1; visibility: visible; }
.project_minimize .logo_secondary { opacity: 0; visibility: hidden; }
.project_minimize .header_typo span { color: #bbb; }
.project_minimize .small_menu_btn { background: #fff; border-color: #222; }
.project_minimize .small_menu_btn_line { background: #333; }
.project_minimize .small_menu_btn_text_open { color: #333; }
.project_minimize.minimize .header_typo { opacity: 0; }

/* project layout */
.single-projects #footer { background: #fff; }

/* project header */
.project_header { width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
.project_header_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: no-repeat center center; background-size: cover; }
.project_header_bg--video:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.3); }
.project_header_teble { display: table; width: 100%; height: 100%; max-width: 1400px; margin: 0 auto; position: relative; }
.project_header_cell { display: table-cell; width: 100%; vertical-align: middle; }
.project_header_txt > span { display: block; position: relative; font-family: 'Montserrat'; font-size: 66px; font-weight: 600; letter-spacing: 1em; line-height: 1.6; color: #ddd; word-break: break-all; }
.project_header_txt_02 { text-align: right; }
.project_header .scroll_down { display: block; height: 37px; width: 60px; position: absolute; left: 50%; margin-left: -30px; bottom: 40px; font-size: 0; cursor: pointer; -webkit-transition: none; transition: none; }
.project_header .scroll_down:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-family: 'jt-font'; content: '\e924'; font-size: 37px; text-align: center; line-height: 37px; color: #fff; }

/* project overview */
.project_meta_name { display: block; padding-bottom: 20px; font-family: 'Montserrat'; font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: .02em; color: #cecece; }
.project_view .project_meta_wrap p b,
.project_view .project_meta_wrap p strong { background: #fffd7f; }

/* project body */
.project_body { position: relative; margin-top: 100vh; background: #fff; }

/* project award */
.award_card { width: 100%; margin: 72px 0 60px; padding: 92px 0; background: url(../images/sub/project_view/award-card-bg.jpg) no-repeat center center; background-size: cover; }
.award_card ul { width: 100%; font-size: 0; text-align: center; }
.award_card li { display: inline-block; width: 250px; height: 400px; margin: 45px 45px; vertical-align: top; background: no-repeat left top; background-size: cover; }
.award_card li .award_card_item_inner { display: block; position: relative; width: 100%; height: 100%; padding: 20% 0; border: 1px solid rgba(255, 255, 255, .05); -webkit-box-shadow: 18px 25px 30px 0px rgba(0, 0, 0, .5); box-shadow: 18px 25px 30px 0px rgba(0, 0, 0, .5); }
.award_card li img { margin: 22% 0 34%; vertical-align: top; }
.award_card li .award_card_year { font-family: 'Montserrat'; font-size: 18px; font-weight: 600; letter-spacing: .24em; text-align: center; color: #fff; }
.award_card li .award_card_desc { width: 100%; padding: 0 12px; text-align: center; }
.award_card li .award_card_desc span { display: block; font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: .006em; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, .19); }
.award_card li .award_card_desc span.award_card_grade { padding-top: 8px; font-size: 14px; font-weight: 500; color: #ccc; }

/* project content */
.project_view .jt_project_detail > *:first-child { margin-top: 0; }
.project_view .jt_project_detail > *:last-child { margin-bottom: 60px; }
.project_view .jt_project_detail > .video_container:first-child { padding-top: 0; }
.jt_project_detail h2 { max-width: 700px; margin: 0 auto 26px; font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 26px; font-weight: 600; text-align: left; line-height: 1.45; color: #222; }
.jt_project_detail p { max-width: 700px; margin: 0 auto 20px; font-size: 15px; font-weight: 500; text-align: left; line-height: 2.2; color: #444; }
.jt_project_detail p:empty { display: none; }
.jt_project_detail p em { font-weight: 500; background: #fffd7f; }
.jt_project_detail p strong { font-size: 20px; font-weight: 600; color: #222; }
.jt_project_detail blockquote { max-width: 700px; margin: 17px auto; padding: 10px 0; position: relative; text-align: left; }
.jt_project_detail blockquote p { display: inline; margin: 0; font-size: 18px; line-height: 1.7; color: #222; }
.jt_project_detail blockquote:before,
.jt_project_detail blockquote:after { font-family: 'jt-font'; font-size: 21px; font-style: normal; font-weight: normal; line-height: 1; color: #222; }
.jt_project_detail blockquote:before { content: '\e950'; position: absolute; left: -39px; top: 3px; }
.jt_project_detail blockquote:after { content: '\e951'; display: inline-block; vertical-align: text-bottom; margin: 0 0 -10px 17px; }
.jt_project_detail .wp-caption { margin: 160px auto; }
.jt_project_detail .wp-caption p.wp-caption-text { margin-top: 30px; margin-bottom: 0; font-size: 15px; text-align: center; color: #444; }
.project_view .jt_project_detail .wp-caption img { margin: 0; }

/* project casestudy */
.jt_project_detail .img_wrap { max-width: 700px; margin: 0 auto 20px; width: 100%; }
.jt_project_detail .jt_project_casestudy h3,
.jt_project_detail .jt_project_casestudy li { text-align: left; }
.jt_project_detail .jt_project_casestudy p + .wp-caption,
.jt_project_detail .jt_project_casestudy .wp-caption { margin: 56px auto; }
.jt_project_detail .jt_project_casestudy { padding: 0; }
.jt_project_detail .jt_project_casestudy img,
.jt_project_detail .jt_project_casestudy p + img { margin: 44px auto; }
.jt_project_detail .jt_project_casestudy .video_container,
.jt_project_detail .jt_project_casestudy .video_wrap { transform: none !important; }
.jt_project_detail .jt_project_casestudy video { margin: auto; }
.jt_project_casestudy .video_container,
.jt_project_detail .jt_project_casestudy p + .video_container { margin: 0 auto; }
.jt_project_detail pre.notranslate { text-align: left; }
.jt_project_detail .dual_img { display: flex; max-width: 1280px; margin: auto; }
.jt_project_detail .dual_img > div { padding: 0 14px; }

/* project interview */
.jt_interview_wrap { max-width: 700px; margin: 80px auto; position: relative; }
.jt_interview_answer { position: relative; }
.jt_interview_answer + .jt_interview_answer { margin-top: 65px; }
.jt_project_detail .jt_interview_txt > * { max-width: inherit; }
.jt_project_detail .jt_interview_txt > *:last-child:not(blockquote) { margin-bottom: 0; }
.project_view .jt_project_detail .jt_interview_answer img { display: inline-block; vertical-align: middle; margin: 0; }
.jt_interview_people { width: 60px; position: absolute; top: 9px; left: -109px; }
.jt_interview_people figure { border-radius: 50%; overflow: hidden; }
.jt_interview_people span { display: block; margin-top: 8px; font-size: 13px; font-weight: 600; line-height: 1.4; word-break: keep-all; color: #222; }

.project_view .jt_project_detail .jt_interview_wrap + img,
.jt_project_detail .jt_interview_wrap + .wp-caption,
.jt_interview_wrap + .jt_video_wrap,
.jt_interview_wrap + .jt_project_slider_wrap,
.project_view .jt_project_detail p + img,
.jt_project_detail p + .wp-caption,
.jt_project_detail p + .jt_video_wrap,
.jt_project_detail p + .jt_project_slider_wrap { margin-top: 80px; }

.jt_project_detail .jt_icondesign_list_wrap + h2,
.jt_project_detail .jt_gif_gallery + h2,
.jt_project_detail p + h2 { margin-top: 160px; }

/* project avatar */
.member_list_wrap { margin-top: 47px; }
.member_list_department { display: block; margin-bottom: 16px; font-size: 18px; font-weight: 600; letter-spacing: .25px; color: #222; }
.member_list + .member_list_department { margin-top: 42px; }
.member_list { width: 100%; font-size: 0px; }
.member_list li { display: inline-block; width: 70px; margin-bottom: 8px; margin-right: 8px; vertical-align: top; position: relative; }
.member_list li:nth-child(9n) { margin-right: 0; }
.member_thumb { position: relative; }
.member_thumb img { width: 100%; height: auto; }
.member_name { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0901fe; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
.member_name_table { display: table; width: 100%; height: 100%; }
.member_name_table_cell { display: table-cell; width: 100%; vertical-align: middle; }
.member_list .member_name p { font-size: 13px; line-height: 1.2; font-weight: 600; text-align: center; color: #fff; }
.member_role { display: block; padding-top: 8px; font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 13px; font-weight: 500; text-align: center; word-break: break-all; color: #222; }

/* project button */
.project_btn_wrap { max-width: 700px; margin: 0 auto; text-align: left; }
.project_btn { display: inline-block; margin-top: 33px; padding: 13px 32px; position: relative; font-size: 14px; line-height: 2.2; color: #fff; background: #0b21ee; border: 2px solid #0b21ee; border-radius: 3px; }

/* project video */
.video_container { position: relative; width: 100%; margin: 160px auto; overflow: hidden; }
.video_wrap { position: relative; width: 100%; background-color: #f5f5f5; }
.video_wrap_inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.video_wrap_inner video { display: block; width: 100%; height: auto; }
.video_poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.video_poster_bg { display: block; position: relative; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
.jt_interview_wrap + .video_container,
.jt_project_detail p + .video_container { margin-top: 80px; }
.video_container.video_container_type_round { border-radius: 999px; }

/* project iframe video */
.iframe_video_container { position: relative; width: 100%; max-width: 1400px; margin: 160px auto; padding: 160px 0; }
.iframe_video_container_bg { width: 100%; height: 645px; position: absolute; top: 0; left: 0; background: #D5CCBD no-repeat center center; background-size: cover; }
.iframe_video_wrap { width: 100%; max-width: 1100px; height: auto; margin: 0 auto; padding: 40px 40px; position: relative; background: #f4f4f4; border-radius: 28px; }
.iframe_video_wrap:after { content: ''; display: block; width: 532px; height: 167px; position: absolute; bottom: -167px; left: 50%; margin-left: -266px; background: url(../images/sub/project_view/project-video-pc.png) no-repeat center center; }
.iframe_video_wrap_inner { position: relative; width: 100%; height: auto; padding-top: 56.25%; }
.iframe_poster,
.iframe_support,
.iframe_video_wrap_inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.iframe_support { display: none; }
.iframe_video_wrap .iframe_video_wrap_inner .iframe_support img,
.iframe_video_wrap .iframe_video_wrap_inner .iframe_poster img { width: 100%; height: 100%; margin: 0; }
.iframe_video_container.tv_border_line { padding-bottom: 0; }
.iframe_video_container.tv_border_line:before { content: ''; position: absolute; background-image: url(../images/sub/project_view/project-video-tv-shadow.png); height: 30px; max-width: 1092px; width: -webkit-calc(100% + 52px); width: calc(100% + 52px); bottom: -16px; left: 50%; margin-left: -546px; z-index: 0; background-size: contain; }
.tv_border_line .iframe_video_wrap { max-width: 1040px; padding: 9px; background: #fff; border-radius: 10px; border: 1px solid #eee; }
.tv_border_line .iframe_video_wrap:after { width: 0; }
.tv_border_line .iframe_video_wrap_inner { border: 1px solid #eee; border-radius: 5px; overflow: hidden; z-index: 10; }

/* project slider */
.jt_project_slider_wrap { max-width: 1400px; margin: 160px auto; position: relative; }
.project_slider_control { width: 100%; height: 79px; position: absolute; top: 50%; margin-top: -39.5px; }
.project_slider_control > div { position: absolute; width: 79px; height: inherit; background: #fff; border-radius: 50%; z-index: 100; -webkit-transition: background 300ms; transition: background 300ms; cursor: pointer; }
.project_slider_control span { display: block; width: 100%; height: 100%; position: relative; font-size: 0; }
.project_slider_control span:after { font-family: 'jt-font'; font-size: 18px; font-style: normal; font-weight: normal; text-align: center; line-height: 79px; color: #222; -webkit-transition: color 300ms; transition: color 300ms; }
.project_slider_prev { left: 40px; }
.project_slider_prev span:after { content: '\e902'; }
.project_slider_next { right: 40px; }
.project_slider_next span:after { content: '\e903'; }
.jt_project_slider { width: 100%; position: relative; }
.jt_project_slider_wrap .jt_project_slider li img { width: 100%; margin: 0; }

/* project icondesign list */
.jt_icondesign_list_wrap { max-width: 1100px; margin: 80px auto; position: relative; overflow: hidden; }
.jt_icondesign_list { width: 100%; position: relative; }
.jt_icondesign_list:after { content: ''; display: table; clear: both; }
.jt_icondesign_item { float: left; width: 100%; margin-top: 28px; }
.project_view .jt_project_detail .jt_icondesign_item img { display: inline-block; margin: 0; vertical-align: middle; }

/* project gif gallery */
.jt_gif_gallery { max-width: 890px; margin: 80px auto; position: relative; overflow: hidden; }
.jt_gif_gallery_list { width: 100%; position: relative; }
.jt_gif_gallery_list:after { content: ''; display: table; clear: both; }
.jt_gif_gallery_item { float: left; width: 100%; margin-top: 32px; }
.jt_gif_gallery_item figure { display: block; margin: 0 auto; position: relative; overflow: hidden; border-radius: 50%; }
.project_view .jt_gif_gallery_item figure img { height: auto; margin: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); vertical-align: middle; }

/* gif gallery - mymallbox */
.gif_gallery_mymallbox .jt_gif_gallery_item { width: 25%; }
.gif_gallery_mymallbox .jt_gif_gallery_item figure { width: 190px; height: 190px; background: #f9f9f9; }
.gif_gallery_mymallbox .jt_gif_gallery_item figure img { width: 60%; -webkit-transform: translate(-50%, -57%); -ms-transform: translate(-50%, -57%); transform: translate(-50%, -57%); }
.gif_gallery_mymallbox .jt_gif_gallery_item_01,
.gif_gallery_mymallbox .jt_gif_gallery_item_02,
.gif_gallery_mymallbox .jt_gif_gallery_item_03,
.gif_gallery_mymallbox .jt_gif_gallery_item_04 { margin-top: 0; }
.gif_gallery_mymallbox .jt_gif_gallery_item_01 figure,
.gif_gallery_mymallbox .jt_gif_gallery_item_04 figure { background: #f3f3f3; }
.gif_gallery_mymallbox .jt_gif_gallery_item_01 figure img { width: 75%; -webkit-transform: translate(-50%, -56%); -ms-transform: translate(-50%, -56%); transform: translate(-50%, -56%); }
.gif_gallery_mymallbox .jt_gif_gallery_item_02 figure img { width: 80%; }
.gif_gallery_mymallbox .jt_gif_gallery_item_03 figure img { width: 75%; -webkit-transform: translate(-50%, -56%); -ms-transform: translate(-50%, -56%); transform: translate(-50%, -56%); }
.gif_gallery_mymallbox .jt_gif_gallery_item_04 figure img { width: 75%; }

/* project detail imgroup */
.project_view .jt_project_detail .jt_project_detail_imgroup img + img,
.project_view .jt_project_detail .jt_project_detail_imgroup .video_container + .video_container,
.project_view .jt_project_detail .jt_project_detail_imgroup img + .video_container,
.project_view .jt_project_detail .jt_project_detail_imgroup .video_container + img { margin-top: -160px; }
.project_view .jt_project_detail > .jt_project_detail_imgroup:first-child > img:first-child { margin-top: 0; }
.project_view .jt_project_detail > .jt_project_detail_imgroup:last-child > img:last-child { margin-bottom: 0; }

/* project view */
.project_view .single_inner_wrap { padding: 100px 0 12px 0; text-align: left; }
.project_view .single_inner_wrap h2 { font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 26px; font-weight: 600; color: #222; line-height: 1.25; margin-bottom: 26px; }
.project_view .single_inner_wrap p { font-size: 15px; color: #444; line-height: 2.2; font-weight: 500; }
.project_view .project_meta_wrap { padding-top: 120px; padding-bottom: 120px; }
.project_view .project_meta_wrap h1 { font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 34px; font-weight: 600; color: #222; line-height: 1.25; margin-bottom: 24px; }
.project_view .project_meta_wrap.project_meta_wrap h1 { font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 26px; font-weight: 600; color: #222; line-height: 1.25; margin-bottom: 26px; }
.project_meta_wrap .summary { padding: 13px 0 40px; font-size: 0; }
.project_meta_wrap .summary li { display: inline-block; width: 200px; margin-left: 50px; font-family: 'Montserrat', 'NotoSansKR'; font-weight: 600; vertical-align: top; }
.project_meta_wrap .summary li:first-child { margin-left: 0; }
.project_meta_wrap .summary li h2 { font-size: 16px; color: #222; padding-bottom: 14px; margin-bottom: 12px; border-bottom: 3px solid #222; line-height: 1.25; }
.single_content_view a.view_btn_site,
.view_btn_site { display: block; width: 241px; height: 60px; line-height: 56px; position: relative; padding: 0 55px 0 38px; margin-top: 33px; font-size: 15px; color: #fff; background: #0b21ee; border: 2px solid #0b21ee; border-radius: 3px; }
html.ios .single_content_view a.view_btn_site,
html.ios .view_btn_site { padding-top: 2px; }
.view_btn_insta { margin: 0 auto; }
.view_btn_site:after { content: '\e90b'; display: block; width: 24px; height: 19px; position: absolute; top: 0px; right: 27px; font-family: 'jt-font'; font-size: 22px; }
.project_view .jt_project_detail { text-align: center; }
.project_view .jt_project_detail img { margin: 160px auto; vertical-align: top; }
.project_view .jt_tag { margin-top: 60px; margin-bottom: 162px; }

/* project view nav */
.project_nav_inner { display: table; table-layout: fixed; width: 100%; position: relative; margin: 0 auto; font-size: 0; }
.project_nav_inner > a { display: table-cell; width: 51%; height: 226px; overflow: hidden; position: relative; vertical-align: middle; text-align: center; background-size: 100% auto; -webkit-transition: 300ms; transition: 300ms; padding-top: 20px; }
.project_nav_inner > a .bg_wrap { display: block; width: 100%; height: 226px; overflow: hidden; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.project_nav_inner > a .bg_color_wrap { display: block; width: 100%; height: 226px; position: absolute; top: 0; left: 0; background: #000000; background: rgba(0, 0, 0, .6); -webkit-transition: 500ms; transition: 500ms; }
.project_nav_inner > a .project_nav_info { position: relative; z-index: 100; }
.project_nav_inner span,
.project_nav_inner p { position: relative; z-index: 1; font-size: 15px; color: #fff; font-weight: 500; }
.project_nav_inner > a .page_name { opacity: 0; -webkit-transition: 750ms; transition: 750ms; padding: 0 5%; }
.project_nav_inner > a .page_name:after { content: ''; display: block; width: 17px; height: 12px; position: absolute; bottom: -26px; left: 50%; margin-left: -9.5px; font-size: 19px; font-family: 'jt-font'; color: #fffc00; -webkit-transition: 500ms; transition: 500ms; opacity: 0; }
.project_nav_inner .project_nav_prev .page_name:after { content: '\e902'; }
.project_nav_inner .project_nav_next .page_name:after { content: '\e903'; }
.project_nav_inner .project_nav { position: relative; display: inline-block; width: auto; padding: 0 5px; }
.project_nav_inner .project_nav:after { content: ''; display: none; width: 100%; height: 2px; position: absolute; top: 50%; left: 0px; background: #fffc00; clear: both; }
.project_nav_inner p span { font-family: 'Montserrat'; font-size: 18px; font-weight: 600; color: #fff; }

/* project nav list */
.project_nav_inner .project_list { display: block; width: 74px; height: 74px; position: absolute; top: 50%; left: 50%; margin-top: -37px; margin-left: -37px; text-align: center; background: #ffffff; background: rgba(255, 255, 255, .1); border: 1px solid #ffffff; border: 1px solid rgba(255, 255, 255, .21); -webkit-transition: 300ms; transition: 300ms; z-index: 200; }
.project_nav_inner .project_list .project_nav_list { display: block; width: 100%; height: 100%; }
.project_nav_inner .project_list .project_nav_list .hidden { position: absolute; left: -10000px; top: auto; height: 1px; overflow: hidden; }
.project_nav_inner .project_list .list_line { position: absolute; left: 50%; display: block; width: 16px; margin-left: -8px; border: 1px solid #fff; -webkit-transition: 300ms; transition: 300ms; }
.project_nav_inner .project_list .list_line_01 { top: 28px; }
.project_nav_inner .project_list .list_line_02 { top: 34px; }
.project_nav_inner .project_list .list_line_03 { top: 40px; }

/* project disqus */
.project_view .comments_container { padding: 0; margin-bottom: 90px; padding-bottom: 60px; }

/* project like */
.project_view .like_counter { margin-top: -105px; margin-bottom: 90px; padding-top: 60px; padding-bottom: 60px; }
.project_view .like_counter > b { display: block; font-family: 'Montserrat'; font-size: 52px; font-weight: 600; line-height: 1.15; text-align: center; color: #222; }
.project_view .single_inner_wrap.like_counter > p { margin: 3px 0 42px; line-height: 1.625; text-align: center; color: #222; }
.like_counter_ctrl { display: block; width: 140px; height: 60px; margin: 0 auto; position: relative; overflow: hidden; }
.like_counter_ctrl > * { display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: contain; }
.like_counter_ctrl_pillar { position: relative; background-image: url(../images/sub/project_view/like-button.svg); z-index: 1; }
.like_counter_ctrl_mask { position: absolute; top: 0; left: 0; background-image: url(../images/sub/project_view/like-button-mask.svg); z-index: 4; }
.like_counter_ctrl_bg { position: absolute; top: 0; left: 0; background-image: url(../images/sub/project_view/like-button-bg.svg); z-index: 2; }
.like_counter_ctrl_shadow { position: absolute; bottom: 2px; right: 13px; background-image: url(../images/sub/project_view/like-button-shadow.png); background-size: 55px 20px; background-position: right bottom; z-index: 3; }
.like_counter-layer { display: none; width: 150px; height: 150px; margin-top: -100px; margin-left: -75px; position: absolute; z-index: 10; pointer-events: none; }
.like_counter-layer img { display: block; }

/* project awards motion */
.project_awards_notice { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1; }
.project_awards_notice > .wrap { position: relative; }
.project_awards_notice_wave_wrap { position: absolute; width: 600px; height: 105px; right: -600px; bottom: 0; z-index: 3; overflow: hidden; }
.project_awards_notice_wave_wrap img { margin-left: -50px; }
.project_awards_notice_bubble { width: 95px; height: 71px; position: absolute; right: 75px; bottom: 70px; z-index: 1; }
.project_awards_notice_bubble > img { position: absolute; opacity: 0; }
.project_awards_notice_bubble_01 { left: 0; top: 33px; }
.project_awards_notice_bubble_02 { left: 36px; top: 0; }
.project_awards_notice_bubble_03 { right: 17px; top: 31px; }
.project_awards_notice_bubble_04 { right: 0; bottom: 0; }
.project_awards_notice_playground { position: absolute; right: 65px; bottom: -100px; z-index: 2; }
.project_awards_notice_playground > a { display: block; padding: 20px 0 0 11px; position: relative; }
.project_awards_notice_txt { position: absolute; left: 0; top: 0; }
.project_awards_notice_fish_blink { opacity: 0; }

/* single-block custom */
.single_content_view .wp-block-code { max-width: 700px; margin-left: auto; margin-right: auto; }

/* single-project ui blend mode */
.single-projects #logo { opacity: 0; }
.single-projects .fake_logo { position: fixed; top: 60px; left: 60px; transition: all 300ms; }
.single-projects .fake_logo .logo_blend { opacity: 1; visibility: visible; }
.single-projects .fake_logo svg { transition: all 300ms; }
.single-projects .small_menu_btn_text_open { opacity: 0 !important; }
.single-projects .fake_menu_btn_text { position: fixed; top: 82px; right: 135px; font-family: 'Montserrat'; width: 36px; height: 20px; line-height: 20px; font-weight: 400; font-size: 10px; letter-spacing: .1em; color: #fff; transition: all 300ms; }
.single-projects .back_to_list { mix-blend-mode: difference; }
.single-projects .back_to_list > a { color: #fff; border-color: #fff; font-weight: 300; }
.single-projects #header.project_minimize + #barba-wrapper .fake_logo { mix-blend-mode: difference; }
.single-projects #header.project_minimize + #barba-wrapper .fake_menu_btn_text { mix-blend-mode: difference; }
.single-projects #header.project_minimize + #barba-wrapper .fake_logo .logo_secondary { display: none; }
.single-projects #header:not(.project_minimize) + #barba-wrapper .fake_logo .logo_blend { display: none; }

/* single redesign */
.single_content_header { padding-bottom: 0; }
.single_content_view { padding-top: 0; }
.single_content_divder { text-align: center; font-size: 0; margin: 80px 0; }
.single_content_divder > span { display: inline-block; width: 8px; height: 8px; background: #d9d9d9; vertical-align: middle; border-radius: 50%; margin: 0 6px; }
.single_share_wrap { position: relative; text-align: center; margin-top: 110px; margin-bottom: 72px; }
.single_share_text { display: inline-block; font-size: 15px; letter-spacing: .25px; font-family: 'NotoSansKR', sans-serif; font-weight: 600; vertical-align: middle; color: #222; }
.single_share_action { position: relative; text-align: center; white-space: nowrap; height: 52px; width: 168px; background: #f4f4f4; border-radius: 50px; font-size: 0; overflow: hidden; border: 2px solid #222; z-index: 1; -webkit-transition: all .3s; transition: all .3s; }
.single_share_action .icon-share { display: inline-block; margin-right: 8px; vertical-align: middle; }
.single_share_action .icon-share:before { content: '\e950'; font-family: 'jt-font'; font-style: normal; font-size: 18px; color: #222; }
.single_share_action + .jt_content_share { position: absolute; bottom: 70px; left: 50%; width: 100%; padding: 0; margin: 0 !important; transform: translateX(-50%); }
.single_share_action + .jt_content_share .share_sns { visibility: hidden; opacity: 0; -webkit-transition: background .3s; transition: background .3s; }
.single_share_action.active { width: 52px; background: #222; }
.single_share_action.active .single_share_text { display: none; }
.single_share_action.active .icon-share { margin-right: 0; }
.single_share_action.active .icon-share:before { content: '\e929'; color: #fff; font-size: 12px; }
html.ios .single_share_text { margin-bottom: 3px; }
html.mobile.use-share .single_share_action + .jt_content_share { visibility: hidden; }

/* download button shortcode */
.single_content_view a.download_btn,
a.download_btn,
.single_content_view a.transfer_btn,
a.transfer_btn { transition: background 300ms; border: none; display: inline-block; background: #0b21ee no-repeat; background-position: calc(100% - 32px) center; font-size: 14px; font-weight: 600; color: #fff; padding: 22px 65px 21px 32px; border-radius: 3px; }
.single_content_view a.download_btn,
a.download_btn { background-image: url(../images/icon/icon-download.svg); }
.single_content_view a.transfer_btn,
a.transfer_btn { padding-right: 60px; background-image: url(../images/icon/icon-link.svg); background-size: 15px auto; background-position-y: calc(50% + 1px); }
.single_content_view .download_btn_group { max-width: 700px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; gap: 28px; }
.single_content_view .download_btn_group > br { display: none; }
.single_content_view .download_btn_group > p { margin: 0; }

/* sticky nav */
.single_sticky_nav [class^="icon-"],
.single_sticky_nav [class*=" icon-"] { font-family: 'jt-font'; speak: none; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; -moz-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; }
.icon-enter:before { content: "\e90b"; }
.icon-share:before { content: "\e911"; }
.icon-project:before { content: "\e910"; }
.icon-facebook:before { content: "\e90c"; }
.icon-google:before { content: "\e90d"; }
.icon-twitter:before { content: "\e951"; font-size: 16px; }
.icon-pinterest:before { content: "\e90e"; }
.icon-arrow-left:before { content: "\e902"; }
.icon-arrow-right:before { content: "\e903"; }

/* single_sticky_nav */
.single_sticky_nav { background: #222; cursor: default; }
.single_sticky_nav span,
.single_sticky_nav a { cursor: pointer; }
.single_sticky_nav_inner:after { content: ""; display: table; clear: both; }
.single_sticky_nav_menu { float: left; }
.single_sticky_nav_menu:after { content: ""; display: table; clear: both; }
.single_sticky_nav_menu_anchor { position: relative; padding: 27.5px 30px; float: left; }
.single_sticky_nav_menu_anchor:first-child { padding-left: 0; }
.single_sticky_nav_menu_anchor:after { content: ""; display: block; width: 1px; height: 30px; background: #666; background: rgba(255, 255, 255, .3); position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; }
.single_sticky_nav_menu_anchor_share { padding: 26.5px 30px; }
.single_sticky_nav_menu_anchor_main .icon-enter,
.single_sticky_nav_menu_anchor_share .icon-share,
.single_sticky_nav_menu_anchor_request .icon-project { margin-left: 5px; }
.single_sticky_nav_menu_anchor_request .icon-project { font-size: 20px; vertical-align: sub; }
.single_sticky_nav_menu_anchor,
.single_sticky_nav_pagenation_anchor { color: #666; color: rgba(255, 255, 255, .5); display: block; }

/* single_sticky_nav_menu_share */
.single_sticky_nav_menu_share { opacity: 0; visibility: hidden; display: block; position: absolute; left: -30px; bottom: 87px; min-width: 183px; min-height: 56px; background: #0b21ee; border-radius: 3px; padding: 11px; text-align: center; font-size: 0; line-height: 0; -webkit-transition: opacity 300ms ease, visibility 300ms; transition: opacity 300ms ease, visibility 300ms; }
.single_sticky_nav_menu_share:after { content: ""; display: block; clear: both; position: absolute; bottom: -12px; left: 0; right: 0; width: 0; height: 0; border: 6px solid transparent; border-top-color: #0b21ee; margin: 0 auto; }
.single_sticky_nav_menu_share_anchor { display: inline-block; width: 30px; height: 30px; overflow: hidden; color: #666; color: rgba(255, 255, 255, .5); white-space: nowrap; text-indent: 100%; position: relative; font-size: 14px; }
.single_sticky_nav_menu_share_anchor:before { display: block; text-indent: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; line-height: 30px; }
.single_sticky_nav_menu_anchor_share.hover .single_sticky_nav_menu_share { opacity: 1; visibility: visible; }

/* single_sticky_nav_pagenation */
.single_sticky_nav_pagenation { float: right; }
.single_sticky_nav_pagenation:after { content: ""; display: table; clear: both; }
.single_sticky_nav_pagenation_anchor { width: 75px; display: block; float: left; height: 100%; padding: 27.5px 7.5px; white-space: nowrap; text-align: center; position: relative; }
.single_sticky_nav_pagenation_anchor_current { background: #0b21ee; overflow: hidden; white-space: nowrap; text-indent: -9999px; }
.single_sticky_nav_pagenation_anchor_line_wrap { position: absolute; width: 15px; height: 14px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.single_sticky_nav_pagenation_anchor_line { width: 100%; height: 2px; background: #fff; position: absolute; left: 0; }
.single_sticky_nav_pagenation_anchor_line_01 { top: 0; }
.single_sticky_nav_pagenation_anchor_line_02 { top: 6px; }
.single_sticky_nav_pagenation_anchor_line_03 { bottom: 0; }
.single_sticky_nav_pagenation_anchor .icon-arrow { position: absolute; top: 0; bottom: 0; margin: auto 0; height: 14px; }
.single_sticky_nav_pagenation_anchor .icon-arrow-left { left: -10px; }
.single_sticky_nav_pagenation_anchor .icon-arrow-right { right: -10px; }
.single_sticky_nav_pagenation_anchor:before { content: ""; display: block; position: absolute; width: 0; height: 2px; background: #fff; top: 0; right: 0; bottom: 0; left: 0; margin: auto; visibility: hidden; -webkit-transition: width 300ms; transition: width 300ms; }
.single_sticky_nav_pagenation_anchor_current:before { display: none; }

/* jtstickynav */
.single_sticky_nav.fixed { position: fixed; left: 0px; bottom: 0; width: 100%; z-index: 299; opacity: 0; visibility: hidden; }

/* back to list */
.back_to_list { position: fixed; top: 151px; right: 60px; z-index: 999; -webkit-transition: all 300ms; transition: all 300ms; opacity: 0; }
.blog_view .back_to_list { opacity: 1; }
.back_to_list.back_to_list_on { opacity: 1; }
.back_to_list a { display: block; width: 66px; padding: 2px 0; line-height: 1.5; font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 11px; color: #333; font-weight: 600; letter-spacing: .055em; border-bottom: 3px solid #333; }
.back_to_list a:after { content: '\e94d'; display: block; width: 20px; height: 20px; position: absolute; top: 50%; right: -2px; margin-top: -12px; font-family: 'jt-font'; font-size: 20px; font-weight: 400; line-height: 1; }

/* 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; position: relative; }
.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; word-break: keep-all; }
.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: .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; }
.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: .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; }
.jt_motion_gif { position: relative; }
.loading_dual_ring { display: block; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.loading_dual_ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #ddd; border-color: #ddd transparent #ddd transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* single pagination */
.single_pagination_wrap { padding-bottom: 90px; }
.single_pagination > li { position: relative; }
.single_pagination_content { display: flex; align-items: center; gap: 24px; position: relative; z-index: 2; }
.single_pagination_content > b { flex-shrink: 0; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: .01em; color: #222; }
.single_pagination_content > a { display: block; width: 100%; padding: 8px 0; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: .01em; color: #222; white-space: pre; text-overflow: ellipsis; overflow: hidden; }
.single_pagination_content > a > span { box-shadow: 0 0 0 0 currentColor; transition: box-shadow .3s; -webkit-box-decoration-break: clone; }
.single_pagination_thumb { position: absolute; width: 300px; left: calc(100% + 30px); top: 50%; transform: translate3d(0, -50%, 0); opacity: 0; visibility: hidden; }
.single_pagination_thumb img { display: block; width: 100%; height: auto; }

/* single widget */
.single_widget_compare { max-width: 700px; margin: 28px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.single_widget_compare_item figure img { margin-top: 0; margin-bottom: 0; }
.single_widget_compare_item figcaption { margin-top: 20px; padding-top: 8px; font-size: 16px; line-height: 1.8; font-weight: bold; color: #444; border-top: 5px solid #444; }
.single_widget_compare_item figcaption.single_widget_compare_dont { color: #ff0000; border-top-color: #ff0000; }
.single_widget_compare_item figcaption.single_widget_compare_do { color: #0b21ee; border-top-color: #0b21ee; }
body.postid-702787 .single_content_divder { margin-top: 60px; margin-bottom: 0; }
body.postid-702787 .single_content_divder > span { display: none; }

/* table of content */
.single_content_view #ez-toc-container { width: 100%; max-width: 700px; margin-bottom: 72px !important; padding: 16px 24px; }
.single_content_view #ez-toc-container .ez-toc-title { font-size: 16px; line-height: 1.8; font-weight: bold; color: #222; }
.single_content_view #ez-toc-container nav { margin-top: 6px; }
.single_content_view #ez-toc-container ul { max-width: calc(100% - 50px); counter-reset: item; }
.single_content_view #ez-toc-container ul li { counter-increment: item; padding-left: 16px; font-size: 16px; line-height: 1.8; font-weight: 400; color: #444; }
.single_content_view #ez-toc-container ul li:before { content: counter(item)'.'; width: auto; height: auto; top: 0; background: transparent; border-radius: 0; }
.single_content_view #ez-toc-container a { border: none; }

/* input submit buttons */
input.jt_btn_submit_request { font-size: 16px; font-weight: 700; position: relative; width: 234px; padding: 12.5px 10px; color: #222; border: 2px solid #222; border-radius: 3px; background: #fff; }
input.jt_btn_submit_recruit { font-size: 16px; font-weight: 700; position: relative; width: 234px; padding: 12.5px 10px; color: #222; border: 2px solid #222; border-radius: 3px; background: #fff; }



/* **************************************** *
 * BLOG LIST
 * **************************************** */
.blog_item a { display: block; position: relative; }
.blog_item figure { position: relative; -webkit-transition: -webkit-transform 250ms; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; }
.blog_item img { position: absolute; top: 0; left: 0; width: 100%; height: auto; vertical-align: top; opacity: 0; -webkit-transition: opacity 450ms; transition: opacity 450ms; }
.blog_item img.jt_img_loaded { opacity: 1; }
.blog_item figure:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: -1; -webkit-transition: -webkit-transform 250ms; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; }
.blog_item figure:after { content: ''; display: block; width: 64px; height: 13px; position: absolute; bottom: 8%; left: -7.5%; background: url(../images/icon/icon-wave.png) no-repeat center center; opacity: 0; -webkit-transition: opacity 400ms; transition: opacity 400ms; }
.blog .blog_list > div:first-child + div + div + div { margin-top: 10%; }
.blog_itme_content { padding: 32px 0px 15px; }
.blog_itme_content.none_thumb { border-top: 4px solid #0b21ee; }
.blog_itme_content h2 { padding-bottom: 8px; font-size: 18px; line-height: 1.7; font-weight: 700; color: #222; }
.blog_itme_content h2 br { display: none; }
.blog_itme_content span { position: relative; display: inline-block; font-family: 'Montserrat'; font-size: 14px; font-weight: 700; color: #a9a9a9; color: rgba(34, 34, 34, .5); -webkit-transition: all 300ms; transition: all 300ms; }
.blog_itme_content span:after { content: '\e903'; position: absolute; top: -1px; right: -37px; font-family: 'jt-font'; font-size: 16px; font-weight: normal; color: #a9a9a9; color: rgba(34, 34, 34, .5); -webkit-transition: all 300ms; transition: all 300ms; }
.blog_itme_content span[aria-hidden] { line-height: 1; }

/* blog category */
.blog_category { display: block; width: 125px; height: auto; position: fixed; top: 180px; right: 60px; z-index: 1; }
.category_list li { position: relative; }
.category_list li a { display: block; width: 100%; padding: 15px 0; position: relative; font-size: 14px; font-weight: 500; letter-spacing: .055em; color: #222; border-bottom: 1px solid #222; -webkit-transition: all 300ms; transition: all 300ms; }
.category_list li:first-child a { border-top: 1px solid #222; }
.category_list li .cat-item-arrow { display: block; position: absolute; top: 50%; left: 0px; margin-top: -6px; opacity: 0; visibility: hidden; -webkit-transition: all 150ms; transition: all 150ms; }
.category_list li .cat-item-arrow svg, .category_list li .cat-item-arrow img { width: 15px; height: 12px; display: block; }

/* blog list - instagram */
.blog_itme_content.instagram { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; padding: 32px; background: #0b21ee; opacity: 0; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; }
.blog_item .blog_itme_content.instagram:after { content: ''; display: block; width: 64px; height: 13px; position: absolute; bottom: 8%; left: -7.5%; background: url(../images/icon/icon-wave.png) no-repeat center center; opacity: 0; -webkit-transition: opacity 400ms; transition: opacity 400ms; }
.blog_itme_content.instagram h2 { display: table; width: 100%; height: 100%; padding-bottom: 0; }
.blog_itme_content.instagram h2 span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-family: 'NotoSansKR', sans-serif; font-size: 15px; font-weight: 500; text-align: center; word-break: break-all; color: #fff; }
.blog_itme_content.instagram h2 span:after { display: none; }
.blog_itme_content.instagram h2 span i { display: block; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 8.5em; overflow: hidden; font-style: normal; text-overflow: ellipsis; }
.blog_item figure.insta_fig:after { display: none; }
.blog_item .insta_logo { display: block; width: 26px; height: 26px; position: absolute; bottom: 20px; right: 20px; -webkit-transition: all 250ms; transition: all 250ms; }
.blog_item .insta_logo:before { content: '\e904'; display: block; width: 100%; height: 100%; font-family: 'jt-font'; font-size: 26px; line-height: 26px; font-style: normal; color: #fff; }

/* blog magnific popup arrows */
.category .mfp-arrow:after,
.category .mfp-arrow-left:before,
.category .mfp-arrow-left:after,
.category .mfp-arrow-right:before,
.category .mfp-arrow-right:after { border: none; margin: 0; }
.category .mfp-arrow { width: 52px; height: 52px; margin-top: -26px; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; }
.category .mfp-arrow-left { left: 60px; }
.category .mfp-arrow-right { right: 60px; }
.category .mfp-arrow-left:before,
.category .mfp-arrow-right:before { display: block; width: 52px; height: 52px; line-height: 52px; text-align: center; font-family: 'jt-font'; font-size: 24px; color: #fff; background: #000; border-radius: 50%; font-weight: 600; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; }
.category .mfp-arrow-left:before { content: '\e938'; }
.category .mfp-arrow-right:before { content: '\e939'; }
.category img.mfp-img { padding: 120px 0 120px; }
.category .mfp-figure:after { top: 120px; bottom: 120px; }
.category .mfp-bottom-bar { margin-top: -94px; }
.category .mfp-counter { display: none; }
.category .mfp-title { position: relative; padding-right: 110px; line-height: 1.3; }
.category .mfp-instagram-detail { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 3.9em; overflow: hidden; font-style: normal; text-overflow: ellipsis; }
.category .mfp-viewmore { position: absolute; top: 0px; right: 0px; padding-right: 30px; color: #fff; opacity: .5; }
.category .mfp-viewmore:after { content: '\e903'; display: block; width: 15px; height: 12px; position: absolute; top: 50%; right: 0; margin-top: -7px; text-align: right; font-family: 'jt-font'; font-size: 14px; }
.category .mfp-close { width: 46px; height: 49px; top: 120px; right: -86px; padding-right: 0; font-size: 0; -webkit-transition: all 250ms, -webkit-transform 250ms; transition: all 250ms, -webkit-transform 250ms; transition: transform 250ms, all 250ms; transition: transform 250ms, all 250ms, -webkit-transform 250ms; }
.category.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; }
.category .mfp-close:before,
.category .mfp-close:after { content: ''; display: block; width: 1px; height: 63px; background: #fff; position: absolute; top: -7px; right: 23px; }
.category .mfp-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.category .mfp-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.error404 #header { z-index: 100; }



/* **************************************** *
 * BLOG DETAIL
 * **************************************** */
.single-post #footer { background: #fff; }

/* wrap */
.single_view img { max-width: 100%; height: auto; vertical-align: middle; }
.single_inner_wrap { max-width: 700px; margin: 0 auto; position: relative; }

/* wave line */
.single_wave_line { width: 100%; height: 10px; }
.single_wave_line svg,
.single_wave_line img { display: block; margin: 0 auto; vertical-align: top; }

/* blog tag */
.blog_view .jt_tag { margin-top: 60px; }

/* comments */
.comments_container { padding-top: 50px; padding-bottom: 150px; }

/* other story */
.other_story { padding: 110px 0 98px; background: #fff; }
.other_story p { padding: 19px 0 75px; font-size: 18px; font-weight: 500; text-align: center; color: #222; }
.other_story .jt_loadmore { margin-bottom: 0; }
.other_story .jt_isotope { min-height: inherit; }

/* single header */
.single_content_header { padding: 89px 0 8px; text-align: center; }
.single_content_header h1 { padding: 21px 0; font-size: 40px; font-weight: 600; line-height: 1.25; color: #222; }
.title_wave_line { display: none; }
.title_wave_line svg,
.title_wave_line img { display: block; margin: 0 auto; vertical-align: top; }
.single_content_meta { padding-top: 18px; font-size: 0; }
.single_content_meta span { display: inline-block; padding-left: 45px; position: relative; font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 15px; font-weight: 600; line-height: 22px; color: #444; }
.single_content_meta span:before { content: ''; display: block; width: 7px; height: 11px; position: absolute; top: 50%; margin-top: -5.5px; left: 22px; border-left: 1px solid #999; transform: skewX(-30deg); }
.single_content_meta span:first-child { padding-left: 0; }
.single_content_meta span:first-child:before { display: none; }
.single_excerpt p { padding-top: 18px; font-size: 15px; font-weight: 500; line-height: 1.7; color: #444; }

/* share */
.jt_content_share { padding: 30px 0; font-size: 0; text-align: center; }
.jt_content_share .share_sns { display: inline-block; width: 46px; height: 46px; margin: 0 8px; position: relative; vertical-align: middle; font-size: 0; background: #f4f4f4; border: 2px solid #000; border-radius: 50%; -webkit-transition: 400ms; transition: 400ms; }
.jt_content_share .share_sns:before { content: ''; display: block; width: 46px; height: 46px; position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -23px; border-radius: 50%; z-index: -1; -webkit-transition: all .3s; transition: all .3s; }
.jt_content_share .share_sns:after { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-family: 'jt-font'; font-size: 16px; line-height: 44px; text-align: center; font-style: normal; color: #000; }
.jt_content_share .share_sns.share_facebook:after { content: '\e90c'; }
.jt_content_share .share_sns.share_google:after { content: '\e90d'; }
.jt_content_share .share_sns.share_twitter:after { content: '\e951'; font-size: 18px; }
.jt_content_share .share_sns.share_pinterest:after { content: '\e90e'; }
.jt_content_share .share_sns.share_kakao:after { content: '\e92b'; }

/* avatar */
.avatar_info { text-align: left; margin-bottom: 60px; }
.avatar_info h2 { font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 26px; font-weight: 600; color: #222; line-height: 1.25; margin-bottom: 26px; }
.avatar_info figure { width: 132px; height: 132px; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.avatar_info figure img { width: 100%; height: 100%; vertical-align: middle; }

/* view */
.single_content_view { padding-top: 55px; padding-bottom: 69px; }
.single_content_view a { font-size: 16px; color: #0b21ee; text-decoration: none; word-break: break-all; border-bottom: 1px solid #ddd; -webkit-transition: all 300ms; transition: all 300ms; }
.single_content_view h1,
.single_content_view h2,
.single_content_view h3,
.single_content_view h4,
.single_content_view h5,
.single_content_view h6,
.single_content_view p,
.single_content_view ul,
.single_content_view ol,
.single_content_view blockquote,
.single_content_view .wp-block-table,
.single_content_view > .wp-block-group,
.syntaxhighlighter_wrap,
.single_content_view pre.notranslate { max-width: 700px; margin-left: auto; margin-right: auto; }
.single_content_view > img { max-width: 100%; margin-left: auto; margin-right: auto; display: block; }
.single_content_view h2 { margin-top: 72px; margin-bottom: 32px; font-size: 36px; line-height: 1.45; font-weight: 600; color: #222; }
.single_content_view h3 { margin-top: 56px; margin-bottom: 16px; font-size: 24px; line-height: 1.35; font-weight: 600; color: #222; }
.single_content_view h4 { font-size: 16px; line-height: 1.8; font-weight: 600; color: #222; }
.single_content_view p { margin-bottom: 28px; font-size: 16px; line-height: 1.8; font-weight: 400; color: #444; }
.single_content_view img { margin-bottom: 44px; margin-top: 44px; padding: 0; vertical-align: middle; }
.single_content_view a img { display: block; }
.single_content_view b,
.single_content_view strong { font-weight: bold; }
.single_content_view i,
.single_content_view em { font-style: italic; }
.single_content_view code { background: #f8f8f8; padding: 10px 15px; margin: 3px 0px; display: block; color: #333; font-family: 'NotoSansKR', sans-serif; font-size: 15px; border: 1px solid #ddd; word-break: break-all; }
.single_content_view ul,
.single_view_content ol { margin-bottom: 33px; }
.single_content_view li { position: relative; font-size: 16px; font-weight: 400; line-height: 1.65; padding-bottom: 10px; letter-spacing: -0.025em; color: #222; }
.single_content_view li:last-child { padding-bottom: 0; }
.single_content_view ul li { padding-left: 13px; }
.single_content_view ul li:before { content: ''; display: block; width: 4px; height: 4px; position: absolute; top: 11px; left: 0; background: #222; border-radius: 50%; }
.single_content_view blockquote { font-size: 16px; margin-bottom: 33px; padding: 2px 0 2px 30px; border-left: 5px solid #222; }
.single_content_view blockquote p { margin: 0; font-style: italic; letter-spacing: -0.025em; color: #222; }
.single_content_view blockquote cite { display: block; margin-top: 15px; font-size: 14px; color: #666; }

/* wp-block-table */
.single_content_view .wp-block-table { margin-bottom: 33px; }
.single_content_view .wp-block-table table { border-collapse: collapse; table-layout: fixed; word-wrap: break-word; overflow-wrap: break-word; }
.single_content_view .wp-block-table :is(th, td) { padding: 12px 16px; text-align: left; vertical-align: top; font-size: 14px; font-weight: 400; line-height: 1.65; border: 1px solid #e0e0e0; }
.single_content_view .wp-block-table th { font-weight: 700; background: #f5f5f5; }
.single_content_view .wp-block-table figcaption { display: block; margin-top: 15px; font-size: 13px; color: #666; }
.single_content_view .wp-block-table.is-style-stripes { border-bottom: none; }
.single_content_view .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f9f9f9; }

/* wp-block-group */
.single_content_view .wp-block-group { margin-bottom: 33px; }
.single_content_view .wp-block-group:where(.has-background) { padding: 32px; }
.single_content_view .wp-block-group .wp-block-group__inner-container > *:not(.wp-block-group:where(.has-background)) { padding-left: 0; padding-right: 0; }
.single_content_view .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0 !important; }
.single_content_view .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0 !important; }

.single_content_view .single_inner_wrap p { padding-bottom: 34px; }
.single_content_view .single_inner_wrap p:empty { padding-bottom: 0; }
.js_popup_media { cursor: -webkit-zoom-in; cursor: zoom-in; }

/* embed video */
.jt_embed_video_container { max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 40px; }
.jt_embed_video_container_inner { position: relative; width: 100%; padding-top: 56.25%; }
.jt_embed_video_container iframe[src*="youtube"],
.jt_embed_video_container iframe[src*="vimeo"] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* wp-block-gallery */
.single_content_view .wp-block-gallery ul li:before { display: none; }
.single_content_view .wp-block-gallery img { margin-bottom: 0; }

/* syntaxhighlighter fail style */
pre.notranslate { background: whitesmoke; color: #444; padding: 15px; border: 1px solid #e4e4e4; }

/* my ip custom */
.jt_my_ip { background: #eee; border-radius: 20px; max-width: 1135px; margin: 0 auto; padding-top: 80px; padding-bottom: 52px; text-align: center; }
.jt_my_ip h2 { margin-top: 0; margin-bottom: 0; font-size: 64px; }
.jt_my_ip .jt_ip_copy_btn { margin: 20px 0; color: #222; font-weight: 700; font-size: 12px; line-height: 2.16; padding: 4px 16px; border-color: #bbb; }

/* share tooltip */
.jt-share__tooltip { padding: 12px 40px; position: fixed; left: 50%; bottom: 40px; background: #0b21ee; color: #fff; border-radius: 8px; z-index: 501; transform: translateX(-50%); opacity: 0; visibility: hidden; }
html.ios .jt-share__tooltip { padding-top: 11px; }

/* wordcount */
.jt_wordcount { max-width: 700px; margin-left: auto; margin-right: auto; }
.jt_wordcount textarea.jt_form_field { width: 100%; height: 360px; background: #fff; font-family: sans-serif; }
.jt_wordcount .jt_wordcount_data { margin-top: 20px; padding: 32px 38px; background: #f8f8f8; border-radius: 3px; }
.jt_wordcount .jt_wordcount_data > ul { margin: 0; padding: 0; }
.jt_wordcount .jt-radiobox { padding: 0; margin-bottom: 7px; }
.jt_wordcount .jt-radiobox li { display: inline-block; }
.jt_wordcount .jt-radiobox li:first-child { padding-left: 0; }
.jt_wordcount .jt-radiobox li:before { display: none; }

/* wordpress core */
.alignnone,
.alignright,
.alignleft,
.aligncenter { display: block; margin: auto; }
.wp-caption { background: #fff; max-width: 100%; text-align: center; }
.wp-caption img { width: auto; height: auto; max-width: 100%; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { padding-bottom: 0; margin-top: -30px; margin-bottom: 40px; font-size: 14px; line-height: 1.2; color: #777; }

/* empty space */
.jt_empty_space { display: block; height: 40px; max-width: 700px; margin-left: auto; margin-right: auto; }

/* background video shortcode */
.jt_video_wrap { max-width: 1903px; margin-left: auto; margin-right: auto; margin-bottom: 60px; margin-top: 60px; }
.jt_video_container { position: relative; width: 100%; padding-top: 56.25%; }
.jt_video_container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.jt_video_poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; }
.jt_video_wrap .jt_video_poster .jt_video_poster_img { display: block; width: 100%; margin: 0; }

/* email autocomplete */
.jt_form_field.jt_autocomplete_open { border-color: #222; border-radius: 3px 3px 0 0; }
.use-keyboard .jt_form_field.jt_autocomplete_open:focus { outline: none; }
.jt_autocomplete { position: absolute; top: 0; left: 0; background: #F8F8F8; border: 2px solid #222; border-top: none; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; z-index: 2; }
.jt_autocomplete .ui-menu-item { display: block; }
.jt_autocomplete .ui-menu-item > a { display: block; padding: 8px 12px; font-size: 14px; font-weight: 500; line-height: 30px; color: #777; -webkit-transition: background .3s; transition: background .3s; }
.jt_autocomplete .ui-menu-item > a > span { color: #000; }
.jt_autocomplete .ui-menu-item > a.ui-state-active { background: #D5D5D5; }
.ui-helper-hidden-accessible { display: none; }

/* subscription */
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; }



/* **************************************** *
 * CERTIFICATE
 * **************************************** */
body.page-template-certificate .main_container { position: relative; }
.certificate_firecracker { position: absolute; z-index: 1; top: 0; }
.certificate_firecracker img { vertical-align: middle; }
.certificate { padding-top: 29px; }

/* certificate header */
.certificate_header { padding-bottom: 12px; position: relative; font-size: 0; line-height: 1; }
.certificate_txt { display: inline-block; vertical-align: top; width: -webkit-calc(100% - 550px); width: calc(100% - 550px); }
.certificate_header_title { margin: 158px 0 29px -4px; font-size: 0; }
.certificate_header_title > span { display: inline-block; vertical-align: middle; font-size: 60px; font-weight: 300; letter-spacing: -0.075em; line-height: 1.2; }
.certificate_header_title > span > i { font-style: normal; }
.certificate_header_title > sup { display: inline-block; vertical-align: text-bottom; padding-left: 10px; padding-bottom: 3px; font-family: 'Montserrat'; font-size: 20px; font-weight: 600; line-height: 1.2; }
.certificate_header_description { font-size: 14px; font-weight: 500; line-height: 2.15; }
.certificate_illust { display: inline-block; vertical-align: top; width: 550px; position: relative; }
.certificate_illust_inner { position: relative; }
.certificate_illust_figure { position: relative; overflow: hidden; }
.certificate_illust_bg { max-width: 100%; height: auto; vertical-align: middle; position: relative; }
.certificate_illust_bubble { display: none; position: absolute; top: 29px; left: 90px; }
.certificate_illust_txt { display: none; width: 92px; height: auto; position: absolute; left: 38%; top: 38%; }

/* certificate body */
.certificate_body { position: relative; z-index: 2; }
.certificate_list { margin-bottom: 200px; }
.certificate_group { position: relative; }
.certificate_group + .certificate_group { margin-top: 160px; }
.certificate_year { width: 120px; position: absolute; top: -5px; left: -152px; font-family: 'Montserrat'; font-size: 0; }
.certificate_year > span { display: inline-block; vertical-align: middle; font-size: 36px; line-height: 1; font-weight: 600; color: #222; }
.certificate_year > sup { display: inline-block; vertical-align: text-bottom; padding-left: 8px; padding-bottom: 3px; font-size: 14px; line-height: 1; font-weight: 600; color: #222; }
.certificate_data { position: relative; }
.certificate_data > li { position: relative; border-bottom: 1px solid #222; }
.certificate_data > li:first-child { border-top: 4px solid #222; }
.certificate_item { display: table; width: 100%; min-height: 136px; }
.certificate_item > div { display: table-cell; vertical-align: middle; padding-top: 35px; padding-bottom: 36px; font-size: 16px; letter-spacing: -0.025em; font-weight: 500; color: #222; }
.certificate_project { padding-right: 60px; }
.certificate_project p > span { position: relative; border-bottom: 1px solid transparent; -webkit-transition: border .3s; transition: border .3s; }
.certificate_type { width: 35px; }
.certificate_type_symbol { display: block; width: 35px; height: 35px; background: no-repeat center center; background-size: cover; }
.certificate_type.type_naward .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_01.png); }
.certificate_type.type_daa .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_02.png); }
.certificate_type.type_webaward .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_03.png); }
.certificate_type.type_awwwd .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_04.png); }
.certificate_type.type_reddot .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_05.png); }
.certificate_type.type_gdweb .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_06.png); }
.certificate_type.type_ifdesign .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_07.png); }
.certificate_type.type_ict2024 .certificate_type_symbol { background-image: url(../images/sub/certificate/award-logo_08.png); }
.certificate_grade { width: 250px; padding-left: 60px; padding-right: 18px; }
.certificate_grade span { display: block; font-size: 13px; line-height: 1.61; color: #666; }
.certificate_thumb { max-width: 350px; position: absolute; top: 60%; left: 40%; z-index: -1; opacity: 0; visibility: hidden; }
.certificate_thumb img { display: block; max-width: 100%; height: auto; }
.certificate_thumb.circle,
.certificate_thumb.circle img { border-radius: 50%; }



/* **************************************** *
 * LOCATION
 * **************************************** */
.location { padding-top: 44px; }

/* here */
.location .here { font-size: 0; margin-bottom: 115px; }
.location .here:after { content: ''; display: block; clear: both; }
.location .here > div p { font-size: 14px; line-height: 2.15; font-weight: 500; }
.location .here > div img { max-width: 666px; width: 100%; }
.location .here .ment { width: 39.4545%; display: inline-block; vertical-align: top; }
.location .here .ment > h1 { margin: 37px 0 8px 0; font-size: 60px; line-height: 1.75; font-weight: 300; }
.location .here .character_image { width: 60.5455%; display: inline-block; vertical-align: top; overflow: hidden; }
.location_btn { display: block; width: 241px; height: 60px; line-height: 56px; position: relative; background: #fffc00; border: 2px solid #fffc00; font-size: 14px; font-weight: 500; color: #222; border-radius: 3px; padding: 0 55px 0 38px; margin-top: 51px; }
.location_btn:after { content: '\e903'; display: block; width: 17px; height: 13px; position: absolute; top: 0px; right: 27px; font-family: 'jt-font'; }

/* here icon */
.company_view_icon_wrap { width: 127px; height: 192px; position: absolute; bottom: 212px; right: 146px; overflow: hidden; }
.company_view_icon { width: 77px; height: 192px; position: absolute; right: -100px; top: 90px; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }

/* location motion top */
.character_image { position: relative; }
.character_image_inner { height: 380px; }
.location_fish { display: block; width: 62px; height: 47px; position: absolute; }
.location_fish_01 { top: 81px; right: 232px; background: url(../images/sub/location/img-fish-01.svg) no-repeat center center; -webkit-transform: rotate(-80deg); -ms-transform: rotate(-80deg); transform: rotate(-80deg); }
.location_fish_02 { bottom: -63px; left: 216px; background: url(../images/sub/location/img-fish-02.svg) no-repeat center center; -webkit-transform: rotate(37deg); -ms-transform: rotate(37deg); transform: rotate(37deg); }
.location_wave_01:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 29px; left: 0; background: #fff; }

/* location wave */
.location_wave { position: absolute; left: 0; top: 50px; width: 100%; height: 60px; background: transparent url(../images/sub/location/location_wave.png) repeat left 0; }
.location_wave.location_wave_01 { top: 50px; }
.location_wave.location_wave_02 { top: 110px; }
.location_wave.location_wave_03 { top: 170px; }
.location_wave.location_wave_04 { top: 230px; }
.location_wave.location_wave_05 { top: 290px; }
.location_wave.location_wave_06 { top: 350px; }

/* character dance */
.character_dance,
.character_dance_reverse { position: absolute; width: 320px; height: 270px; overflow: hidden; }
.character_inner { -ms-transform-origin: center bottom; -moz-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; position: absolute; width: 100px; height: 310px; top: 10px; left: 100px; }
.here .character_dance_kms { top: 8px; left: 0px; }
.here .character_dance_jin { top: 60px; left: 200px; }
.here .character_dance_padak { top: 120px; left: 340px; }
.character_body { position: absolute; top: 100px; left: 0px; width: 130px; height: 182px; background: transparent url(../images/sub/location/character-kms-body.png) center 0 no-repeat; }
.character_left { -ms-transform-origin: center 188px; -moz-transform-origin: center 188px; -webkit-transform-origin: center 188px; transform-origin: center 188px; position: absolute; top: -8px; left: 56px; width: 51px; height: 206px; background: transparent url(../images/sub/location/character-kms-left.png) center 0 no-repeat; }
.character_right { -ms-transform-origin: center 188px; -moz-transform-origin: center 188px; -webkit-transform-origin: center 188px; transform-origin: center 188px; position: absolute; top: -5px; left: -5px; width: 51px; height: 206px; background: transparent url(../images/sub/location/character-kms-right.png) center 0 no-repeat; }
.character_dance_nico .character_body { top: 100px; left: 0px; width: 150px; background-image: url(../images/sub/location/character-nico-body.png); }
.character_dance_nico .character_left { top: -8px; left: 63px; background-image: url(../images/sub/location/character-nico-left.png); }
.character_dance_nico .character_right { top: -10px; left: -20px; background-image: url(../images/sub/location/character-nico-right.png); }
.character_dance_jc .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-jc-body.png); }
.character_dance_jc .character_left { top: -7px; left: 81px; background-image: url(../images/sub/location/character-jc-left.png); }
.character_dance_jc .character_right { top: -7px; left: 1px; background-image: url(../images/sub/location/character-jc-right.png); }
.character_dance_woody .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-woody-body.png); }
.character_dance_woody .character_left { top: -14px; left: 78px; background-image: url(../images/sub/location/character-woody-left.png); }
.character_dance_woody .character_right { top: -10px; left: 2px; background-image: url(../images/sub/location/character-woody-right.png); }
.character_dance_jisu .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-jisu-body.png); }
.character_dance_jisu .character_left { top: -9px; left: 74px; background-image: url(../images/sub/location/character-jisu-left.png); }
.character_dance_jisu .character_right { top: -8px; left: -4px; background-image: url(../images/sub/location/character-jisu-right.png); }
.character_dance_jjw .character_body { top: 100px; left: -50px; width: 230px; background-image: url(../images/sub/location/character-jjw-body.png); }
.character_dance_jjw .character_left { top: -14px; left: 82px; background-image: url(../images/sub/location/character-jjw-left.png); }
.character_dance_jjw .character_right { top: -15px; left: 7px; background-image: url(../images/sub/location/character-jjw-right.png); }
.character_dance_bin .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-bin-body.png); }
.character_dance_bin .character_left { top: -5px; left: 70px; background-image: url(../images/sub/location/character-bin-left.png); }
.character_dance_bin .character_right { top: -10px; left: -12px; background-image: url(../images/sub/location/character-bin-right.png); }
.character_dance_jun .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-jun-body.png); }
.character_dance_jun .character_left { top: -9px; left: 70px; background-image: url(../images/sub/location/character-jun-left.png); }
.character_dance_jun .character_right { top: -5px; left: -5px; background-image: url(../images/sub/location/character-jun-right.png); }
.character_dance_kms .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-kms-body.png); }
.character_dance_kms .character_left { top: -8px; left: 56px; background-image: url(../images/sub/location/character-kms-left.png); }
.character_dance_kms .character_right { top: -5px; left: -5px; background-image: url(../images/sub/location/character-kms-right.png); }
.character_dance_jhkim .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-jhkim-body.png); }
.character_dance_jhkim .character_left { top: -14px; left: 64px; background-image: url(../images/sub/location/character-jhkim-left.png); }
.character_dance_jhkim .character_right { top: -22px; left: -4px; background-image: url(../images/sub/location/character-jhkim-right.png); }
.character_dance_padak .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-padak-body.png); }
.character_dance_padak .character_left { top: -9px; left: 71px; background-image: url(../images/sub/location/character-padak-left.png); }
.character_dance_padak .character_right { top: -12px; left: 2px; background-image: url(../images/sub/location/character-padak-right.png); }
.character_dance_jin .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-jin-body.png); }
.character_dance_jin .character_left { top: -7px; left: 77px; background-image: url(../images/sub/location/character-jin-left.png); }
.character_dance_jin .character_right { top: 1px; left: 4px; background-image: url(../images/sub/location/character-jin-right.png); }
.character_dance_jimin .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-jimin-body.png); }
.character_dance_jimin .character_left { top: 3px; left: 74px; background-image: url(../images/sub/location/character-jimin-left.png); }
.character_dance_jimin .character_right { top: 7px; left: 3px; background-image: url(../images/sub/location/character-jimin-right.png); }
.character_dance_chaehee .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-chaehee-body.png); }
.character_dance_chaehee .character_left { top: -2px; left: 76px; background-image: url(../images/sub/location/character-chaehee-left.png); }
.character_dance_chaehee .character_right { top: 6px; left: 5px; background-image: url(../images/sub/location/character-chaehee-right.png); }
.character_dance_201 .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-201-body.png); }
.character_dance_201 .character_left { top: -8px; left: 84px; background-image: url(../images/sub/location/character-201-left.png); }
.character_dance_201 .character_right { top: -1px; left: -3px; background-image: url(../images/sub/location/character-201-right.png); }
.character_dance_tae .character_body { top: 100px; left: 0px; background-image: url(../images/sub/location/character-tae-body.png); }
.character_dance_tae .character_left { top: -4px; left: 82px; background-image: url(../images/sub/location/character-tae-left.png); }
.character_dance_tae .character_right { top: 2px; left: -1px; background-image: url(../images/sub/location/character-tae-right.png); }

/* company view */
.company_view { width: 100%; height: 1012px; position: relative; background: url(../images/sub/location/img-company-view.jpg) no-repeat right bottom; }
.company_view p { display: block; width: 100%; position: absolute; font-family: 'Montserrat'; font-size: 73px; letter-spacing: .97em; font-weight: 600; color: #ddd; }
.company_view .txt_1 { top: 173px; left: -130px; }
.company_view .txt_2 { top: 340px; right: -220px; text-align: right; color: #0b21ee; }

/* office info, team info */
.office_info,
.team_info { width: 100%; font-size: 0; }
.office_info > div,
.team_info > div { display: inline-block; vertical-align: top; }
.office_info .office { width: 50%; height: 446px; color: #fff; text-align: center; padding: 131px 50px 50px 50px; }
.office_info .busan { background: #0b21ee; }
.office_info .seoul { background: #333; }
.office_info .office > p { font-size: 15px; line-height: 1.7; }
.office_info .office > p > span { text-decoration: line-through; }
.office_info .office.busan > p { color: #bac6f6; }
.office_info .office.seoul > p { color: #a1a1a1; }
.office a { color: #fff; }
.office .office_name { display: inline-block; position: relative; font-family: 'Montserrat'; font-size: 25px; font-weight: 600; line-height: 1.8; }
.office .office_name:before { content: ''; display: block; width: 26px; height: 9px; position: absolute; top: -20px; left: 50%; margin-left: -13px; background: url(../images/icon/icon-wave-small-secondary-v2.svg) no-repeat 0px 0px; }
.office .contact_us { margin-top: 90px; }
.office .contact_us p { font-family: 'Montserrat'; font-size: 15px; display: inline-block; margin: 0 15px; font-weight: 500; margin-bottom: 10px; }
.office .contact_us span { position: relative; padding: 0 6px; font-family: 'Montserrat'; color: #fffc00; }

/* team info */
.location .team { position: relative; padding: 12.5%; }
.location .team > div { position: absolute; bottom: 51px; left: 50px; }
.location .team h2 { font-family: 'Montserrat'; color: #222; font-weight: 500; }
.location .team p { font-family: 'Montserrat'; font-size: 15px; color: #222; font-weight: 500; }
.location .planning,
.location .seo { background: #fffc00; }
.location .developer { background: #fff; }
.location .design { background: #f3f3f3; }
.location a { font-size: 14px; color: inherit; }
.location .team .team_name { position: relative; font-size: 18px; font-weight: 600; margin-bottom: 17px; }
.location .team .team_name:before { content: ''; display: block; position: absolute; left: 0px; }
.location .planning .team_name:before { width: 26px; height: 24px; top: -48px; background: url(../images/sub/location/img-team-icon-new-plan.svg) no-repeat 0px 0px; }
.location .developer .team_name:before { width: 24px; height: 24px; top: -48px; background: url(../images/sub/location/img-team-icon-new-dev.svg) no-repeat 0px 0px; }
.location .design .team_name:before { width: 18px; height: 24px; top: -48px; background: url(../images/sub/location/img-team-icon-new-design.svg) no-repeat 0px 0px; }
.location .cx .team_name:before { width: 22px; height: 26px; top: -50px; background: url(../images/sub/location/img-team-icon-cx.svg) no-repeat 0px 0px; }
.location .seo .team_name:before { width: 24px; height: 23px; top: -47px; background: url(../images/sub/location/img-team-icon-seo.svg) no-repeat 0px 0px; }
.location .null { background: url(../images/sub/location/img-wave-bg.png) no-repeat 0px 0px; background-size: cover; }
.location .null.hide { display: none; }
.location .team > div.albert_container { position: absolute; left: 50%; bottom: 0; margin-left: -25px; }
.location .team_info .andre { background: url(../images/sub/location/img-emoji-bg.png) no-repeat 0px 0px; background-size: cover; }
.location .team_info .albert_wrap { background: #333; overflow: hidden; }
.location .team_info .albert { transform-origin: 50% 50%; }
.location .team_info .albert .mouth_open { opacity: 0; }

/* careers */
.location .careers { position: relative; padding-top: 120px; background: url(../images/sub/location/img-careers-bg.jpg) repeat-y 0px 0px; text-align: center; overflow: hidden; }
.location .careers h2 { display: inline-block; position: relative; margin-bottom: 15px; font-family: 'Montserrat'; font-size: 25px; font-weight: 600; line-height: 1.8; color: #0b21ee; }
.location .careers h2:before { content: ''; display: block; width: 26px; height: 9px; position: absolute; top: -20px; left: 50%; margin-left: -13px; background: url(../images/icon/icon-wave-small-v2.svg) no-repeat 0px 0px; }
.location .careers p,
.location .location_careers_mail { font-family: 'Montserrat'; font-size: 16px; font-weight: 600; color: #222; }
.location .careers p span { padding: 0 5px; }
.location .careers .location_btn { margin: 30px auto 0; text-align: left; }

/* location motion bottom */
.careers .careers_motion_wrap { position: relative; width: 100%; margin-top: 60px; }
.careers .character_slide_dance { display: inline-block; position: relative; overflow: inherit; height: 270px; cursor: move; }



/* **************************************** *
 * RECRUIT
 * **************************************** */
/* recruit header */
.recruit { padding: 45px 0 120px; }
.recruit_header { position: relative; padding-bottom: 50px; font-size: 0; line-height: 1; }
.recruit_header:after { content: ''; display: table; clear: both; }
.recruit_txt { display: inline-block; vertical-align: top; width: -webkit-calc(100% - 512px); width: calc(100% - 512px); }
.recruit_header_title { margin: 53px 0 25px -4px; font-size: 60px; font-weight: 300; letter-spacing: -0.075em; line-height: 1.2; }
.recruit_header_description,
.recruit_header_description_email { font-size: 14px; font-weight: 500; line-height: 2.15; }
.recruit_header_description_email a { color: #222; border-bottom: 1px solid #666; }
.recruit_illust { display: inline-block; vertical-align: top; width: 512px; cursor: url(../images/layout/cursor-hand.png), auto; position: relative; }
.recruit_illust img { display: none; height: auto; width: 100%; max-width: 517px; margin: 0 auto; vertical-align: top; }
.recruit_illust #animation_container { margin: 0 auto; }

/* recruit form */
.jt_fieldset_recruit .wpcf7-list-item { margin: 0; }
.recruit_form_list { border: solid #222; border-width: 4px 0 4px; }
.recruit_form_listitem { position: relative; padding: 35px 0 40px; }
.recruit_form_field:after { content: ''; display: table; clear: both; }
.recruit_form_field > li { float: left; width: 100%; margin-top: 27px; }
.recruit_form_field > li.recruit_form_field_half { width: 50%; }
.recruit_form_title { margin-bottom: 35px; font-size: 18px; font-weight: 700; letter-spacing: .06em; }
.recruit_form_required_text { font-size: 14px; font-weight: 700; color: #ed1a1a; }
.recruit_form_header { margin-bottom: 35px; }
.recruit_form_header .recruit_form_title { display: inline-block; margin-bottom: 0; }
.recruit_form_header .recruit_form_required_text { display: inline-block; }
.jt_form_field_recruit { width: 100%; height: 58px; background: #FFFFFF; }
.recruit_form_content { margin: -8px 0; }
.recruit_form_listitem_category { border-bottom: 1px solid #222; }
.recruit_form_listitem_category .recruit_form_field > li { width: 20%; margin-top: 0; padding: 8px 0; }
.recruit_form_listitem_category .jt_label { display: block; padding: 0; cursor: pointer; }
.recruit_form_listitem_info .jt_label { margin-bottom: 8px; padding: 0; font-weight: 700; color: #222; }
.recruit_form_field > li.recruit_form_field_name,
.recruit_form_field > li.recruit_form_field_email { padding-right: 3%; }
.recruit_form_field > li.recruit_form_field_tel,
.recruit_form_field > li.recruit_form_field_date { padding-left: 3%; }
.recruit_form_field > li.recruit_form_field_name,
.recruit_form_field > li.recruit_form_field_tel { margin-top: 0; }
.jt_fieldset_recruit .jt_file_upload_wrapper { position: relative; }
.jt_fieldset_recruit .jt_file_upload_input { width: 100%; }
.jt_fieldset_recruit .jt_file_upload_button { font-family: 'NotoSansKR', sans-serif; position: absolute; top: 0; right: 0; width: 170px; height: 100%; margin: 0; padding-right: 47px; border-radius: 0 3px 3px 0; line-height: 56px; padding-top: 0; padding-bottom: 0; }
.jt_fieldset_recruit .jt_file_upload_button:after { font-family: 'jt-font'; font-size: 19px; line-height: 1; position: absolute; top: 50%; right: 25px; display: block; width: 19px; height: 19px; margin-top: -10px; content: '\e909'; }
.jt_fieldset_recruit .your-memo { height: 230px; }
.recruit_form_submit { position: relative; }
.jt_agree_check_recruit { padding: 35px 0px 35px 0; text-align: left; word-break: keep-all; }
.jt_agree_check_recruit .jt_label_agree { display: inline-block; cursor: pointer; }
.jt_agree_check_recruit_anchor { padding-bottom: 3px; border-bottom: 1px solid #0b21ee; }
.jt_form_field_recruit.wpcf7-file.wpcf7-not-valid + .jt_file_upload_input,
.jt_form_field_recruit.wpcf7-not-valid,
.jt_form_field_request.wpcf7-not-valid { border-color: #ed1a1a; }
.wpcf7-list-item-label { display: inline; padding-left: 9px; vertical-align: middle; }
.recruit .wpcf7-list-item-label { display: inline-block; }
.recruit_form_overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; background: rgba(255, 255, 255, .7); }
.jt_label_agree.focus { position: relative; }
.jt_label_agree.focus::before { position: absolute; height: 20px; width: 20px; content: ''; border: 1px solid #0b21ee; top: 1px; left: -1px; }
html.ios .jt_label_agree.focus::before { top: -1px; }
.jt_form_list_service { padding-top: 4px; }
.jt_label_recruit span { white-space: nowrap; }
.wpcf7-form.sent .jt_form_control,
.wpcf7-form.invalid .jt_form_control { padding-top: 100px; }
.wpcf7-form.sent .jt_form_control .ajax-loader,
.wpcf7-form.invalid .jt_form_control .ajax-loader { margin-top: 43px; }
div.wpcf7 .ajax-loader.is-active:after { content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }



/* **************************************** *
 * REQUEST
 * **************************************** */
.request { padding: 100px 0 120px; }
.request_header { position: relative; padding-bottom: 50px; }
.request_header_title { font-size: 50px; font-weight: 300; line-height: 1.2; margin: 0 0 25px -4px; }
.request_header_description { font-size: 14px; font-weight: 500; line-height: 2.15; }
.request_header_description_email_anchor { color: #222; border-bottom: 1px solid #666; }

/* download */
.request_download { position: absolute; top: 10px; right: 0; }
.request_download_title { margin-bottom: 55px; letter-spacing: 0; color: #fff; }
.request_download_list { margin: -5px; }
.request_download_listitem { font-size: 14px; font-weight: 500; position: relative; float: left; width: 104px; height: 160px; margin: 5px; cursor: pointer; -webkit-transition: background 300ms, color 300ms; transition: background 300ms, color 300ms; color: #fff; border-radius: 3px; background: #222; }
.request_download_listitem:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; visibility: hidden; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; content: ''; border: 2px solid transparent; border-radius: 3px; }
.request_download a { display: block; padding: 27px 20px 20px; position: relative; z-index: 10; }
.request_download_button { font-family: 'NotoSansKR', sans-serif; font-size: 10px; font-weight: 700; line-height: 18px; position: relative; display: block; height: 18px; padding: 0; padding-left: 26px; cursor: pointer; color: #ffffff; color: rgba(255, 255, 255, .5); border: 0; background: none; }
.request_download_button_icon:before { font-family: 'jt-font'; font-size: 18px; font-weight: 400; font-style: normal; line-height: 18px; position: absolute; top: 0; left: 0; display: block; width: 21px; height: 18px; content: '\e90a'; }
.request_download_button_text { vertical-align: sub; }
.request_download_listitem_company { background: #0b21ee; }
.request_download_listitem_company .request_download_button { color: #fff; }

/* form */
.request_form_list input[type='checkbox'] { opacity: 0; }
.request_form_content { position: relative; }
.request_form_submit { position: relative; }
.request_form_overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; background: rgba(255, 255, 255, .7); }
.request_form_header { margin-bottom: 18px; }
.request_form_title { font-size: 18px; font-weight: 700; margin-bottom: 6px; }
.request_form_list { border: solid #222; border-width: 4px 0 4px; }
.request_form_required_text { font-size: 14px; font-weight: 700; color: #ed1a1a; }
.jt_label .request_form_required_text { margin-left: 4px; vertical-align: bottom; }
.jt_label .request_form_required_text em { background: #fbf4d4; }
.request .selectric,
.request .selectric .label,
.jt_form_field_request { background: #FFFFFF; }
.jt_form_field_request { width: 100%; height: 58px; }
.jt_fieldset_request .selectric .label { font-size: 14px; font-weight: 500; line-height: 60px; height: 58px; }
.jt_fieldset_request .selectric .button { height: 100%; }
.jt_fieldset_request .selectric-items ul li { font-size: 14px; font-weight: 500; line-height: 30px; }
.request_form_list:after { display: table; clear: both; content: ''; }
.request_form_listitem { position: relative; float: left; width: 50%; padding: 35px 0 27px; }
.request_form_listitem:first-child { border-bottom: 1px solid #222; }
.request_form_listitem_service { width: 100%; }
.request_form_listitem_info { padding: 35px 0 42px 35px; }
.request_form_listitem_project { padding-right: 35px; }
.jt_form_list_service:after { display: table; clear: both; content: ''; }
.jt_form_listitem_service { float: left; width: 33.333%; margin: 12.2px 0; }
.jt_form_listitem_service:nth-child(3n+1) { clear: both; width: 340px; }
.jt_form_listitem_service:nth-child(3n+2) { width: 271px; }
.jt_form_listitem_info,
.jt_form_listitem_project { margin-top: 27px; }
.jt_form_listitem_info:first-child,
.jt_form_listitem_project:first-child { margin-top: 0; }
.jt_form_listitem_project .jt_file_upload_wrapper { position: relative; }
.jt_form_listitem_project .jt_file_upload_input { width: 100%; }
.jt_form_listitem_project .jt_file_upload_button { font-family: 'NotoSansKR', sans-serif; position: absolute; top: 0; right: 0; width: 170px; height: 100%; margin: 0; padding-right: 47px; border-radius: 0 3px 3px 0; line-height: 56px; padding-top: 0; padding-bottom: 0; }
.jt_form_listitem_project .jt_file_upload_button:after { font-family: 'jt-font'; font-size: 19px; line-height: 1; position: absolute; top: 50%; right: 25px; display: block; width: 19px; height: 19px; margin-top: -10px; content: '\e909'; }
.jt_form_listitem_project .your-memo { height: 230px; }
.jt_form_listitem_project .selectric-items ul li:first-child { display: none; }
.jt_form_listitem_project_extend { display: none; margin-top: 10px; }
.jt_fieldset_request .wpcf7-list-item { margin: 0; }
.jt_fieldset_request .icheckbox_minimal { top: 1px; position: relative !important; left: 0; }
.jt_fieldset_request .icheckbox_minimal.focus { outline: 1px solid #0b21ee; }
.request_form_listitem_info .request_form_header,
.request_form_listitem_project .request_form_header { margin-bottom: 33px; }
.jt_label_service { font-size: 14px; font-weight: 500; cursor: pointer; color: #444; position: relative; display: block; padding: 0 10px 0 0; }
.jt_label_service .wpcf7-form-control-wrap { display: inline-block; vertical-align: middle; }
.jt_label_service .wpcf7-list-item-label:before,
.jt_agree_check_request .wpcf7-list-item-label:before { display: none; }
.jt_label_info,
.jt_label_project { font-size: 14px; font-weight: 700; margin-bottom: 8px; padding: 0; }
.jt_label_agree { font-size: 14px; font-weight: 500; padding: 0; line-height: 2; display: block; }
.jt_label_agree .wpcf7-not-valid-tip { position: absolute; top: 30px; width: 230px; padding: 8px 20px; }
.jt_label_agree .request_form_required_text { font-weight: 500; }
.jt_agree_check_request { padding: 35px 0px 35px 0px; text-align: left; word-break: keep-all; }
.jt_agree_check_request_anchor { padding-bottom: 3px; border-bottom: 1px solid #0b21ee; }

/* request privacy */
.request_privacy_container { color: #fff; padding: 180px 0; word-break: keep-all; }
.request_privacy_header { margin-bottom: 50px; border-bottom: 4px solid #0b21ee; }
.request_privacy_header_title { font-size: 50px; font-weight: 300; line-height: 1.2; }
.request_privacy_header_date { font-size: 14px; font-weight: 500; position: relative; top: -20px; text-align: right; }
.request_privacy_content h2 { font-size: 18px; }
.request_privacy_content ul > li { position: relative; padding-left: 9px; }
.request_privacy_content ul > li:before { position: absolute; top: 14px; left: 0; display: block; width: 3px; height: 3px; content: ''; background: #fff; }
.request_privacy_listitem { font-size: 14px; line-height: 2.15; margin-bottom: 30px; }
.request_privacy_close { outline: 0; font-size: 50px; position: fixed; top: 61px; right: 61px; width: 64px; height: 64px; padding: 0; cursor: pointer; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 1; color: #fff; border: 0; background: #0b21ee; z-index: 1320; }
.request_privacy_close span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; line-height: 64px; }

/* form success */
.form_success { padding: 68px 0 232px; text-align: center; }
.form_success_image { display: block; margin: auto; max-width: 100%; }
.form_success_title { font-size: 50px; font-weight: 300; letter-spacing: -.075em; word-break: keep-all; margin-top: 4px; }
.form_success_description { font-size: 14px; font-weight: 500; line-height: 1.6; margin-top: 19px; letter-spacing: .05em; word-break: keep-all; }
.form_success_anchors { margin-top: 30px; }
.form_success_anchor { font-size: 14px; font-weight: 500; position: relative; display: inline-block; min-width: 241px; padding: 18px 40px; -webkit-transition: all 300ms; transition: all 300ms; text-align: left; letter-spacing: .05em; color: #222; border: 2px solid #222; border-radius: 3px; }
.form_success_anchor:after { font-family: 'jt-font'; position: absolute; top: 21px; display: block; width: 15px; height: 12px; text-align: center; right: 27px; content: '\e903'; }



/* **************************************** *
 * PINTEREST
 * **************************************** */
body.page-template-projects-pinterest { background: #eee; }
body.page-template-projects-pinterest #footer { clear: both; }
body.page-template-projects-pinterest .main_container { padding-top: 206px; }
.project_pinterest { margin: 0 60px; visibility: hidden; }

/* basic setting */
html:not(.mobile) .pinterest_popup_open #header { padding-right: 17px; }
.jt_isotope_pinterest { margin: 0 auto; }
.jt_isotope_pinterest .isotope_grid_sizer { width: 236px; }
.jt_isotope_pinterest .isotope_gutter_sizer { width: 21.9px; }
.jt_isotope_pinterest .pinterest_item { width: 236px; height: auto; float: left; margin-bottom: 60px; }
.jt_isotope_pinterest .pinterest_item a { display: block; }
.jt_isotope_pinterest .pinterest_item img { display: block; width: 100%; }
.jt_isotope_pinterest .pinterest_item .pinterest_fig { border-radius: 5px; overflow: hidden; position: relative; }
.jt_isotope_pinterest .pinterest_item .pinterest_fig img { width: 100%; display: block; }
.jt_isotope_pinterest .pinterest_item .pinterest_fig:after { content: ''; display: block; background: rgba(255,252,0,.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: all 300ms; }
.jt_isotope_pinterest .pinterest_item_title { margin-top: 10px; margin-bottom: -30px; color: #222; }

/* pinterest popup */
.pinterest_popup { max-width: 1128px; margin: 126px auto; display: table; position: relative; }
.pinterest_popup > div { width: 50%; display: table-cell; vertical-align: top; }
.pinterest_img_wrap img { display: block; }
.pinterest_meta_wrap { padding: 84px 80px; background: #fff; }
.pinterest_meta_wrap h2 { font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-size: 34px; font-weight: 600; color: #222; line-height: 1.25; }
.pinterest_meta_wrap p { margin-top: 14px; font-size: 14px; color: #444; line-height: 2; font-weight: 500; }
.pinterest_meta_wrap p strong { background: #fffd7f; }
.pinterest_meta_wrap a.view_btn_site { width: auto; height: auto; position: relative; padding: 17px 98px 18px 38px; margin-top: 33px; font-size: 15px; color: #fff; background: #dc372b; border: 2px solid #dc372b; border-radius: 3px; display: inline-block; line-height: normal; }
.pinterest_meta_wrap a.view_btn_site:after { height: 21px; top: 50%; margin-top: -11px; }
.pinterest_popup .mfp-close { position: absolute; right: -53px; top: -8px; font-size: 0; -webkit-transition: all 300ms; transition: all 300ms; }
.pinterest_popup .mfp-close:before { font-family: 'jt-font'; content: '\e929'; font-size: 24px; font-weight: 600; color: #fff; }
.pinterest_meta_inner.stick { position: fixed; }
.pinterest_popup_img_only .pinterest_img_wrap { width: 100%; }
.pinterest_popup_img_only .pinterest_meta_wrap { display: none; }

/* loadmore */
#loadmore { text-align: center; margin: 40px auto; opacity: 0; visibility: hidden; }
.loadmore_icon { display: inline-block; position: relative; width: 64px; height: 64px; }
.loadmore_icon span { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #0b21ee; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.loadmore_icon span:nth-child(1) { left: 6px; animation: loadmore_icon1 .6s infinite; }
.loadmore_icon span:nth-child(2) { left: 6px; animation: loadmore_icon2 .6s infinite; }
.loadmore_icon span:nth-child(3) { left: 26px; animation: loadmore_icon2 .6s infinite; }
.loadmore_icon span:nth-child(4) { left: 45px; animation: loadmore_icon3 .6s infinite; }
@keyframes loadmore_icon1 { 0% { transform: scale(0); } 100% { transform: scale(1); } }
@keyframes loadmore_icon3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes loadmore_icon2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } }



/* **************************************** *
 * ERROR
 * **************************************** */
.error_404 .wave_wrap { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
.error_404 .wave_wrap .wave { display: block; width: 120%; height: 72%; position: absolute; opacity: 0; }
.error_404 .wave_wrap .wave svg { display: block; width: 100%; position: absolute; top: 0; }
.error_404 .wave_wrap .wave_01 { bottom: 43px; left: -9.6%; }
.error_404 .wave_wrap .wave_02 { bottom: 28px; left: -10.2%; }
.error_404 .wave_wrap .wave_03 { bottom: 0; left: -9%; z-index: 10; }
.error_404 .wave_wrap .wave_03 img { z-index: 10; }
.error_404 .wave_wrap .wave_03 div { display: block; width: 100%; position: absolute; bottom: -18px; top: 32%; left: 0; background: #0b21ee; z-index: 10; }
.error_404 .swimming_man { height: 25.7%; position: absolute; right: 28.5%; bottom: 57.7%; opacity: 0; }
.error_404 .swimming_man img { height: 100%; }
.error_404 .shark_wrap { position: fixed; width: 120%; height: 100%; }
.error_404 #shark_svg { position: absolute; width: 100%; top: 28%; left: -8%; }
.error_404 .shark { display: inline-block; position: absolute; right: 3.6%; bottom: 57.5%; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); opacity: 0; }
.error_404 .shark img { height: 100%; }
.error_404 .message_wrap { display: block; width: 100%; position: absolute; top: 45.6%; z-index: 100; text-align: center; color: #fff; }
.error_404 .message_wrap nav { padding-top: 46px; font-size: 0; }
.error_404 .message_wrap nav a { display: inline-block; width: 201px; height: 60px; position: relative; border: 2px solid #fff; border-radius: 3px; margin: 0 5px; line-height: 56px; padding: 0 40px; -webkit-transition: all 300ms; transition: all 300ms; }
.error_404 .message_wrap nav a:before { display: block; width: 15px; height: 12px; position: absolute; top: 50%; margin-top: -7px; font-family: 'jt-font'; font-size: 15px; line-height: 15px; }
.error_404_goback { text-align: right; }
.error_404_goback:before { content: '\e902'; left: 29px; }
.error_404_gohome { text-align: left; }
.error_404_gohome:before { content: '\e903'; right: 29px; }
.error_404 .message_wrap a { color: #fff; }
.error_404 h1 { font-family: 'Montserrat'; font-size: 24px; letter-spacing: .3em; font-weight: 500; margin-bottom: 20px; }
.error_404 p { letter-spacing: .095em; }
.error404 #footer { display: none; }



/* **************************************** *
 * POPUP
 * **************************************** */
/* safari */
.safari .header_typo i { line-height: 74px; }
.safari .project_nav_inner > a { display: inline-block; width: 50%; padding-top: 0; }
.safari .project_nav_inner > a .project_nav_info { padding-top: 101px; -webkit-transition: all 300ms; transition: all 300ms; }
.safari .request_privacy_close span,
.mobile_safari .request_privacy_close span { line-height: 55px; }

/* magnific popup debugging */
.mfp-bg { overflow: hidden; }
.mfp-bg,
.mfp-wrap { position: fixed !important; height: 100% !important; }
.mfp-wrap { top: 0 !important; overflow-y: scroll; }
.category .mfp-image-holder .mfp-content { opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); }
.category .mfp-ready .mfp-image-holder .mfp-content { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }



/* **************************************** *
 * RWD
 * **************************************** */
@media (min-width: 1801px) {
    #header.minimize #logo { top: 60px; }
    #header.minimize #small_menu_btn_wrap { top: 60px; }
    #header.minimize .header_typo { top: 60px; }
}

@media (min-width: 1461px) {
    #header { -webkit-transition: none; transition: none; }
    #header.minimize { height: 0; padding-top: 0; }
    #header.minimize .header_inner { height: 0; }
    #logo { -webkit-transition: none; transition: none; }
    #header.minimize #logo { top: 32px; }
    #small_menu_btn_wrap { -webkit-transition: none; transition: none; }
    #header.minimize #small_menu_btn_wrap { top: 32px; }
    #header.minimize .small_menu_btn_text { display: none; }
    .header_typo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    #header.minimize .header_typo { top: 32px; }
}

@media (max-width: 1800px) {
    body.page-template-projects-pinterest .main_container { padding-top: 180px; }
    .project_pinterest { margin: 0 32px; }
    .single-projects .fake_logo { width: 65px; height: 67px; left: 32px; top: 32px; }
    .single-projects .fake_logo svg { width: 65px; height: 63px; }
    .single-projects .fake_menu_btn_text { top: 55px; right: 107px; }
}

@media (max-width: 1664px) {
    .single-projects .fake_menu_btn_text { top: 103px; right: 45px; }
}

@media (max-width: 1460px) {
    body.page-template-projects-pinterest #header { background: #eee; }
    body.page-template-projects-pinterest #header.minimize { background: #fff; }
    body.page-template-projects-pinterest .main_container { padding-top: 150px; }
    .pinterest_meta_wrap { padding: 84px 50px; }
    .pinterest_meta_wrap p br { display: none; }
    .pinterest_popup .mfp-close { right: -10px; top: -45px; }
    .single-projects #header.minimize #logo { opacity: 1; }
    .single-projects #header.minimize + #barba-wrapper .fake_logo { visibility: hidden; opacity: 0; width: 38px; height: 38px; top: 12px; }
    .single-projects #header.minimize + #barba-wrapper .fake_logo svg { width: 38px; height: 38px; }
    .single-projects .fake_menu_btn_text { top: 55px; right: 107px; }
    .single-projects #header.minimize + #barba-wrapper .fake_menu_btn_text { visibility: hidden; right: 80px; top: 30px; }
}

@media (max-width: 1280px) {
    .category .mfp-arrow-left { left: 20px; }
    .category .mfp-arrow-right { right: 20px; }
    .single_pagination_thumb { width: 220px; left: 90%; }
}

@media (max-width: 1200px) {
    .category .mfp-container { padding: 0 90px; }
    .category .mfp-arrow { width: 40px; height: 40px; margin-top: -20px; }
    .category .mfp-arrow-left:before,
    .category .mfp-arrow-right:before { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
    .category .mfp-close { height: 30px; right: -50px; }
    .category .mfp-close:before,
    .category .mfp-close:after { height: 40px; }
    .category .mfp-arrow { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

@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; }
    .pinterest_popup { max-width: 564px; }
    .pinterest_popup > div { width: 100%; display: block; }
    .pinterest_img_wrap img { width: 100%; margin: 0 auto; }
    .pinterest_meta_wrap { padding: 50px; }
    .pinterest_meta_wrap a.view_btn_site { padding: 12px 60px 12px 25px; }
    .pinterest_meta_wrap a.view_btn_site:after { font-size: 16px; right: 15px; margin-top: -8px; }
    .single_content_view #ez-toc-container { margin-bottom: 5% !important; }
    .single_pagination_wrap { padding-bottom: 6%; }
    .single_pagination_thumb { width: 200px; left: inherit; right: 0; }
    .single_share_wrap { margin-bottom: 65px; }
}

@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) {
    body.page-template-projects-pinterest .main_container { padding-top: 110px; }
    body.page-template-projects-pinterest .small_menu_btn { background: none; }
    .project_pinterest { margin: 0 20px; }
    .jt_isotope_pinterest { width: 100% !important; }
    .jt_isotope_pinterest .isotope_grid_sizer { width: 48%; }
    .jt_isotope_pinterest .isotope_gutter_sizer { width: 4%; }
    .jt_isotope_pinterest .pinterest_item { width: 48%; margin-bottom: 30px; }
    .jt_isotope_pinterest .pinterest_item_title { margin-bottom: -15px; }
    .pinterest_meta_wrap { padding: 7% 6%; }
    .pinterest_meta_wrap h2 { font-size: 22px; }
    .pinterest_popup .mfp-close { top: -40px; }
    .pinterest_popup .mfp-close:before { font-size: 18px; }
    .pinterest_meta_wrap a.view_btn_site { font-size: 14px; margin-top: 25px; }
    .jt_project_detail .jt_project_casestudy { overflow: hidden; }
    .jt_project_detail .jt_project_casestudy p { margin-left: 0; margin-right: 0; }
    .jt_project_detail .jt_project_casestudy .syntaxhighlighter_wrap { padding: 0; margin: 0; }
    .jt_project_detail .jt_project_casestudy > div > .syntaxhighlighter_wrap { padding-left: 0; padding-right: 0; margin: 0 5% 11% 3%; }
    .jt_project_detail .jt_project_casestudy h2 { margin-left: 0; margin-right: 0; padding-right: 5%; padding-left: 5%; }
    .jt_project_detail .jt_project_casestudy h3 { margin-bottom: 6%; }
    .jt_project_detail .dual_img > div { padding: 0; }
    .jt_project_detail .jt_project_casestudy p img { margin-left: -5%; width: 100vw; display: block; max-width: inherit; }
    .project_view .comments_container { margin-top: 0; margin-bottom: 7%; padding-top: 0; padding-bottom: 5%; }
    .single_content_view .wp-block-code { max-width: inherit; margin-left: 5%; margin-right: 5%; }
    .single-projects.open_menu #logo { opacity: 1; }
    .single-projects .fake_logo { width: 48px; height: 51px; left: 20px; top: 30px; }
    .single-projects .fake_logo svg { width: 48px; height: 48px; }
    .single-projects .fake_menu_btn_text { display: none; }
    .single_content_divder { margin: 46px 0; }
    .single_content_divder > span { width: 6px; height: 6px; margin: 0 4.5px; }
    .single_share_wrap { margin-top: 100px; margin-bottom: 12%; }
    html.mobile.use-share .single_share_wrap { margin-top: 55px; }
    .project_view .jt_project_detail img.projects-mennoblesse-mustache { max-width: 50%; margin-left: auto; margin-right: auto; }
    body.postid-702787 .single_content_divder { margin-top: 46px; }
    .single_content_view #ez-toc-container { width: 90%; max-width: inherit; padding: 15px 22px; }
    .single_content_view #ez-toc-container .ez-toc-title { display: inline-block; padding-top: 3px; font-size: 15px; }
    .single_content_view #ez-toc-container nav { margin-top: 4px; }
    .single_content_view #ez-toc-container ul { max-width: calc(100% - 36px); }
    .single_content_view #ez-toc-container ul li { font-size: 15px; }
    .single_pagination_wrap { padding-bottom: 10%; }
    .single_pagination_content { gap: 16px; }
    .single_pagination_content > a { padding: 5px 0; }
    .single_pagination_thumb { display: none; }
    .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: 767px) {
    .category .mfp-container { padding: 0; }
    .category .mfp-arrow-left { left: 2%; }
    .category .mfp-arrow-right { right: 2%; }
    .category .mfp-arrow { width: 40px; height: 40px; margin-top: -20px; }
    .category .mfp-arrow-left:before,
    .category .mfp-arrow-right:before { width: 40px; height: 40px; line-height: 40px; background: #000; opacity: .65; }
    .category .mfp-bottom-bar { margin-top: -90px; padding: 0 2%; }
    .category .mfp-title { padding-right: 0; }
    .category .mfp-instagram-detail { display: block; max-height: inherit; white-space: nowrap; }
    .category .mfp-viewmore { opacity: .7; }
    .category .mfp-viewmore { display: block; width: 100px; position: relative; top: inherit; right: inherit; margin-top: 10px; }
    .category img.mfp-img { padding: 80px 0 100px; }
    .category .mfp-close { width: 30px; top: 50px; right: 0; }
    .category .mfp-close:before,
    .category .mfp-close:after { height: 30px; right: 12px; }
    .form_success { padding: 0px 0 50px; }
    .form_success_title { font-size: 24px; }
    .form_success_description { line-height: 1.5; }
    .form_success_anchors { margin-top: 20px; }
    .form_success_anchor { min-width: 200px; padding: 13px 40px; }
    .form_success_anchor:after { right: 19px; top: 50%; margin-top: -6px; }
    html.ios .form_success_anchor { padding-top: 14px; padding-bottom: 12px; }
    html.ios .form_success_anchor:after { margin-top: -7px; }
}

@media (max-width: 540px) {
    .jt_isotope_pinterest .pinterest_item { margin-bottom: 15px; }
    .jt_isotope_pinterest .pinterest_item_title { margin-bottom: 0px; }
}

@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; }
}



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {
    .jt_loadmore_inner:hover span.more,
    .jt_loadmore_inner:hover span.more:before { color: #0b21ee; }
    .jt_tag a:hover { color: #0b21ee; }
    .jt_tag a:hover:after { opacity: 1; }
    .tag_item:hover .tag_itme_content .category { color: inherit; }
    .tab_itme_tag > ul > li > a:hover { color: #0b21ee; }
    .tab_itme_tag > ul > li > a:hover:after { opacity: 1; }
    .single_sticky_nav_menu_anchor:hover,
    .single_sticky_nav_pagenation_anchor:hover { color: #fff; }
    .single_sticky_nav_menu_share_anchor:hover { color: #fff; }
    .single_sticky_nav_pagenation_anchor:hover .icon-arrow { color: #fffc00; }
    .single_sticky_nav_pagenation_anchor:hover:before { width: 46px; background: #fffc00; visibility: visible; }
    .project_nav_inner > a:hover { padding-top: 0; padding-bottom: 35px; }
    .project_nav_inner > a:hover .bg_wrap { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
    .project_nav_inner > a:hover .bg_color_wrap { background: #0b21ee; background: rgba(11, 33, 238, .9); }
    .project_nav_inner > a:hover .page_name { opacity: 1; }
    .project_nav_inner > a:hover .page_name:after { opacity: 1; }
    .project_nav_inner > a:hover .project_nav { margin-bottom: 12px; }
    .project_nav_inner > a:hover .project_nav:after { display: block; }
    .project_nav_inner .project_list:hover { background: #fff; border-color: #fff; }
    .project_nav_inner .project_list:hover .list_line { border-color: #000; }
    .safari .project_nav_inner > a:hover .project_nav_info { padding-top: 68px; }
    .project_slider_control > div:hover { background: #222; }
    .project_slider_control > div:hover span:after { color: #fff; }
    .project_btn:hover { background: #fff; color: #0b21ee; }
    .project_awards_notice_playground > a:hover .project_awards_notice_fish_blink { opacity: 1; }
    html.desktop a.certificate_item:hover .certificate_project p > span { border-bottom-color: #222; }
    .member_list li:hover .member_name { opacity: 1; }
    .single_content_view a:hover { border-color: #0b21ee; }
    .single_content_view a.view_btn_site:hover,
    .view_btn_site:hover { background: #fff; color: #0b21ee; }
    .single_content_view .info_title a.view_btn_site:hover { background: #fff; color: #222; }
    .jt_content_share .share_sns:hover { background: #ddd; }
    .single_pagination_content > a:hover > span { box-shadow: 0 1px 0 0 currentColor; }
    .jt_my_ip .jt_ip_copy_btn:hover { border-color: #888; background: #fff; }
    .single_content_view #ez-toc-container a:hover { text-decoration: none; }
    .blog_item:hover figure { -webkit-transform: translate(-10px, -10px); -ms-transform: translate(-10px, -10px); transform: translate(-10px, -10px); }
    .blog_item:hover figure:before { -webkit-transform: translate(20px, 20px); -ms-transform: translate(20px, 20px); transform: translate(20px, 20px); }
    .blog_item:hover .blog_itme_content span { color: #444; }
    .blog_item:hover .blog_itme_content span:after { color: #444; }
    .category_list li:hover a,
    .category_list li.current-cat a { padding-left: 24px; color: #0b21ee; }
    .category_list li:hover .cat-item-arrow,
    .category_list li.current-cat .cat-item-arrow { opacity: 1; visibility: visible; }
    .blog_item:hover .blog_itme_content.instagram { -webkit-transform: translate(-10px, -10px); -ms-transform: translate(-10px, -10px); transform: translate(-10px, -10px); opacity: .9; }
    .blog_item:hover .blog_itme_content.instagram h2 span { color: #fff; }
    .blog_item:hover .insta_logo { bottom: 30px; right: 30px; }
    .category .mfp-arrow:hover { width: 62px; height: 62px; margin-top: -31px; }
    .category .mfp-arrow-left:hover { left: 55px; }
    .category .mfp-arrow-right:hover { right: 55px; }
    .category .mfp-arrow-left:hover:before,
    .category .mfp-arrow-right:hover:before { width: 62px; height: 62px; line-height: 62px; background: #1126ee; opacity: 1; }
    .category .mfp-viewmore:hover { opacity: 1; }
    .location_btn:hover { background: #fff; border-color: #0b21ee; color: #0b21ee; }
    html:not(.mobile) .jt_isotope_pinterest .pinterest_item a:hover .pinterest_fig:after { opacity: 1; }
    html:not(.mobile) .pinterest_meta_wrap a.view_btn_site:hover { background: #fff; color: #dc372b; }
    .request_header_description_email_anchor:hover { color: #0b21ee; border-bottom-color: #0b21ee; }
    .request_download_listitem:hover { background: #fff; }
    .request_download_listitem:hover .request_download_title { color: #222; }
    .request_download_listitem:hover:after { visibility: visible; border-color: #222; }
    .request_download_listitem:hover .request_download_button { color: #222222; color: rgba(34, 34, 34, .5); }
    .request_download_listitem_company:hover { color: #0b21ee; border-color: #0b21ee; }
    .request_download_listitem_company:hover .request_download_title { color: #0b21ee; }
    .request_download_listitem_company:hover:after { border-color: #0b21ee; }
    .request_download_listitem_company:hover .request_download_button { color: #0b21ee; }
    .jt_agree_check_request_anchor:hover { color: #222; border-bottom-color: #222; }
    input.jt_btn_submit_request:hover { color: #0b21ee; border-color: #0b21ee; }
    .request_privacy_close:hover,
    .request_privacy_close:focus { opacity: .7; }
    .form_success_anchor:hover { border-color: #0b21ee; color: #0b21ee; background: #fff; }
    .recruit_header_description_email a:hover { color: #0b21ee; border-bottom-color: #0b21ee; }
    .jt_agree_check_recruit_anchor:hover { color: #222; border-bottom-color: #222; }
    input.jt_btn_submit_recruit:hover { color: #0b21ee; border-color: #0b21ee; }
    .back_to_list:hover a { color: #0b21ee; border-color: #0b21ee; }
    .error_404 .message_wrap nav a:hover { background: #fff; color: #0b21ee; }
    html.desktop .single_share_action:not(.active):hover,
    body.use-keyboard .single_share_action:not(.active):focus { background: #ddd; }
    html.desktop .single_content_view a.download_btn:hover,
    html.desktop a.download_btn:hover,
    html.desktop .single_content_view a.transfer_btn:hover,
    html.desktop a.transfer_btn:hover { background-color: #0011af; }
}