@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('https://oflee9.mycafe24.com/font/PretendardVariable.woff2') format('woff2-variations');
}

/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
*, p, li, dt, dd, dl, address, label, small, pre, code, span
	{ font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; word-break: keep-all; /* 단어기준 줄바꿈 */ text-transform: none; }

body 	{ font-weight: 400; letter-spacing: -0.02em; line-height: 1.75em; }
p { line-height: 1.5em; }

/* 드래그 컬러 변경 */
::selection 		{background:#ff005d; color:#FFF; text-shadow:none;}
::-moz-selection 	{background:#ff005d; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#ff005d; color:#FFF; text-shadow:none;}


/* 네비게이션 블러 정도 조절 
.blur-menu-top #masthead:not(.is_stuck) .menu-container, 
.blur-menu-stuck #masthead.is_stuck .menu-container, 
.blur-menu-always .menu-container {
  backdrop-filter: blur(75px);
  -webkit-backdrop-filter: blur(75px);
} */

/* 모바일 버거메뉴 크게, 선라운드없애기 */
.mobile-menu-button.mobile-menu-button-light.lines-button span { transform: scale(1.1); }
.lines, .lines:before, .lines:after	{ border-radius: 0px !important; }
/* 모바일 버거닫기 크게, 선라운드없애기, 위치조정 */
.uncode-close-offcanvas-mobile .lines { transform: scale(1.1); border-radius: 0px; }
.uncode-close-offcanvas-mobile { margin-top: 20px !important; }

/* 모바일 메뉴 클릭영역 좁히기 (버거닫기메뉴 클릭을 위해) */
/* @media (max-width: 959px) { .menu-primary-inner li { width:50% !important; } } */

/* 우측에서 슬라이드되는 메뉴에 해당하는 소스인듯?
@media (max-width: 960px) 			{
	.answernypie_nav_txt a 			{ font-size: 124px !important; font-weight: 400 !important; text-decoration: underline !important; color: #000 !important; font-family: "Pretendard Variable" !important; }
									}
*/

/* 갤러리 라이트박스 좌우 화살표 닫기 크기조정 */
.lg-prev, .lg-next, .lg-close	{ transform: scale(1.8); border-radius: 0px !important; }
.lg-next	{  float: right; }

#main-logo	{ padding-top: 10px !important; }

/* 상단 메뉴 폰트 설정 */
.answernypie_nav_txt a 				{ font-size: 24px !important; font-weight: 400 !important; text-decoration: underline !important; color: #000 !important; font-family: "Pretendard Variable" !important; }

@media (max-width: 959px) {
  .font-size-menu-mobile,
  .menu-container:not(.grid-filters) ul.menu-smart a:not(.social-menu-link):not(.vc_control-btn) {
    font-size: 24px !important;
  }
}

/* 모바일 메뉴 텍스트우측에 > 모양 삭제 */
.menu-smart i.fa-dropdown	 { display: none !important; }

/* 모바일 메뉴 현재 페이지 텍스트컬러 하이라이트 */
@media (max-width: 959px) {
    .submenu-light .menu-smart li.active > a, .submenu-light .menu-smart li.current-menu-ancestor > a, .submenu-light .menu-smart li.wpml-ls-current-language > a, .submenu-light .menu-smart li.current-menu-item:not(.menu-item-type-custom) > a {
        color: #ff005d !important;
    }
}



/* 공통 */
#page_title_wrap			{ margin-top: 80px !important; margin-bottom: 0px !important; }
#page_title_wrap h1			{ color: #ff005d; font-size: 24px !important; font-weight: 400 !important; }

#page_slogan_wrap			{ margin-top: 10px !important; margin-bottom: 80px !important; }
#page_slogan h3				{ font-size: 60px !important; font-weight: 600 !important; line-height: 1.2em !important; }
#page_slogan_counter h3		{ font-size: 60px !important; display: inline !important; float: left !important; color: aqua !important; }
#page_slogan_sup			{ font-size: 52px !important; top: -22px !important; }
#page_slogan_dot			{ color: #ff005d !important; }

@media (max-width: 959px) 	{
	#page_title_wrap			{ margin-top: 60px !important; }
    #page_title_wrap h1			{ font-size: 22px !important; }
	
	#page_slogan h3 			{ font-size: 46px !important; }
	#page_slogan_counter h3		{ font-size: 46px !important; }
	#page_slogan_sup			{ font-size: 40px !important; top: -16px !important; }
    #page_slogan_dot			{  }
							}



/* portfolio */
#portfolio_year_wrap		{ margin-top: 50px !important; border-top: solid 2px #000; padding: 20px 0; }
#portfolio_year 			{ color: #000; font-size: 34px !important; font-weight: 500 !important; }

#portfolio_desc_wrap				{ margin-top: 0px !important; }
#portfolio_desc	p					{ color: #000; font-size: 22px !important; margin-top: 0.3em !important; margin-bottom: 2em !important; line-height: 1.5em !important;  }
#portfolio_desc p .btn-container	{ margin: 0px !important; padding: 0px !important; }
#portfolio_desc	p a					{ color: #ff005d; font-size: 22px !important; line-height: 1.5em !important; font-weight: 400 !important; text-decoration: underline; }
#portfolio_desc	p a:visited			{ }
#portfolio_desc	p a:focus			{  /*outline: thin dotted;*/ }
#portfolio_desc	p a:active			{ }
#portfolio_desc	p a:hover			{ color: #000; }
#portfolio_gallery_wrap				{ margin-top: 0px !important; margin-bottom: 120px !important; }

@media (max-width: 959px) 	{
	#portfolio_year_wrap	{ margin-top: 50px !important; }
	#portfolio_year			{ font-size: 28px !important; }
	#portfolio_desc	p		{ font-size: 18px !important; }
	#portfolio_desc	p a		{ font-size: 18px !important; }
	#work_btn				{ font-size: 14px !important; }
	#work_btn_back			{ font-size: 14px !important; }
	#work_list_wrap	span	{ font-size: 28px !important; }
}




h3.t-entry-title { color: #000 !important; font-size: 18px !important; font-weight: 400 !important; font-family: "Pretendard Variable" !important; } /* 포트폴리오 모바일 작품제목 텍스트 */


/* 포트폴리오 전환 탭 */
.tab-container:not(.default-typography) .nav-tabs > li > a span { font-size: 18px; font-weight: 400 !important; letter-spacing: -0.02em !important; }
#portfolio_tabs li.active { display: none !important; }
/* #portfolio_tabs i.icon-position-right { float: right !important; line-height: 1.4em !important; vertical-align: middle !important; }*/
#portfolio_tabs i.icon-position-left { margin-right: 0.3em !important; }
@media (max-width: 959px) 	{
	.tab-container:not(.default-typography) .nav-tabs > li > a span { font-size: 16px !important; }
}


/* portfolio detail */
/* #portfolio_btn				{ font-size: 18px !important; float: right !important; }
#portfolio_btn_back				{ font-size: 18px !important; } */

#portfolio_detail_wrap				{ margin-top: 50px !important; }

#portfolio_detail_wrap h5			{ font-size: 34px !important; font-weight: 500 !important; }
#portfolio_detail_wrap h5 a 		{ color: #000 !important; }
#portfolio_detail_wrap h5 a:hover	{ color: #ff005d !important; }
#portfolio_detail_wrap span:after	{ font-size: 20px !important; }

#portfolio_detail_month	p			{ font-size: 20px !important; }

#portfolio_detail_project_wrap		{ }
#portfolio_detail_project			{ }
#portfolio_detail_project ul 		{ padding:0 !important; }
#portfolio_detail_project li 		{ font-size: 20px !important; line-height: 1.2em !important; list-style: none !important; margin-bottom: 10px !important; }

.panel:not(.has-padding) .panel-title > a { padding: 20px 0px 20px 0px; border-top: solid 2px #000 !important; } /*어코디언 년도 탭들 */

@media (max-width: 959px) 	{
	#portfolio_detail_wrap h5		{ font-size: 28px !important; }
	#portfolio_detail_project li 	{ font-size: 18px !important; }
}
 

/* 모바일 글자크기 간격가이드
마진

폰트
60 > 46
30 > 24
24 > 20
22 > 20
20 > 18
16 > 14
*/

/* about */
#about_subtitle				{ border-top: solid 2px #000; padding-top: 20px; padding-bottom: 20px; }
#about_subtitle h4 			{ font-size: 30px !important; font-weight: 500 !important; color: #ff005d !important; }

#about_overview_area_wrap	{ margin-bottom: 100px !important; }
#about_overview_wrap		{ }
#about_overview_txt p		{ font-size: 22px !important; line-height: 1.5em !important; }

#about_area_wrap 			{ }
#about_area_txt p			{ font-size: 22px !important; line-height: 1.5em !important; font-weight: 400 !important; }
#about_area_txt_small		{ font-size: 14px !important; font-weight: 400 !important; }
#about_area_txt_desc		{ margin-top: 5px !important; }
#about_area_txt_desc p		{ font-size: 18px !important; line-height: 1.2em !important; font-weight: 300 !important; }
#about_area_txt_plus p 		{ font-size: 22px !important; line-height: 1.5em !important; font-weight: 400 !important; }

#about_member_wrap			{ margin-bottom: 100px !important; }
.about_member_gallery h3 	{ font-size: 22px !important; font-weight: 500 !important; text-align: center !important; }
.about_member_gallery p 	{ font-size: 20px !important; color: #ff005d !important; font-weight: 400 !important; text-align: center !important; margin-top:0px !important; }

#about_answer_why_pie_wrap	{ margin-bottom: 100px !important; }

@media (max-width: 959px) 	{
    #about_subtitle h4 		{ font-size: 24px !important; }
	
	#about_overview_txt p	{ font-size: 20px !important; }
	
	#about_area_txt p		{ font-size: 20px !important; }
	#about_area_txt_desc p	{ font-size: 18px !important; }
	#about_area_txt_plus p	{ font-size: 20px !important; }
	
	
	.about_member_gallery h3 	{ font-size: 19px !important; }
	.about_member_gallery p 	{ font-size: 17px !important; }
							}

/* client */
#client_list_title_wrap			{ margin-bottom: 20px !important; border-top: solid 2px #000; padding-top: 30px; }
#client_list_title h4			{ font-size: 24px !important; font-weight: 500 !important; color: #ff005d !important; }
#client_list_txt_wrap			{ margin-bottom: 70px !important; }
#client_list_txt ul 			{ padding:0 !important; }
#client_list_txt li				{ font-size: 20px !important; line-height: 1.2em !important; list-style: none !important; margin-top: 10px !important; }

@media (max-width: 959px) 	{
    #client_list_title_wrap			{ margin-bottom: 15px !important; }
	#client_list_title				{ font-size: 20px !important; }
	#client_list_txt_wrap			{ margin-bottom: 50px !important; }
	#client_list_txt ul 			{ }
	#client_list_txt li				{ font-size: 18px !important; margin-top: 8px !important; }	
							}

/* recruit */
#recruit_subtitle_wrap			{ margin-bottom: 60px !important; }
#recruit_subtitle h3			{ font-size: 30px !important; font-weight: 600 !important; }
#recruit_subtitle_bottomline	{ margin-top: 50px !important; }

#recruit_cont_wrap			{ margin-top: 40px !important; }
#recruit_cont_title_wrap	{ }
#recruit_cont_title	p		{ font-size: 22px !important; color: #ff005d !important; font-weight: 500 !important; line-height: 1.2em !important; }
#recruit_cont_txt_wrap		{ }
#recruit_cont_txt p			{ font-size: 22px !important; font-weight: 500 !important; line-height: 1.2em !important; }
#recruit_cont_txt_light		{ font-size: 20px !important; font-weight: 300 !important; }

@media (max-width: 959px) 	{
    #recruit_subtitle_wrap		{ margin-bottom: 60px !important; }
    #recruit_subtitle h3		{ font-size: 24px !important; }

    #recruit_cont_wrap			{ margin-top: 30px !important; }
    #recruit_cont_title_wrap	{ }
    #recruit_cont_title	p		{ font-size: 20px !important; }
    #recruit_cont_txt_wrap		{ margin-top: 10px !important; }
    #recruit_cont_txt p			{ font-size: 20px !important; }
    #recruit_cont_txt_light		{ font-size: 18px !important; }	
							}

/* contact */
#contact_company_name_wrap		{ }
#contact_company_name h3		{ font-size: 30px !important; font-weight: 600 !important; }

#contact_address_kor_wrap		{ margin-top: 50px !important; }
#contact_address_kor p			{ font-size: 22px !important; font-weight: 500 !important; }
#contact_address_eng_wrap		{ margin-top: 1px !important; }
#contact_address_eng p			{ font-size: 21px !important; font-weight: 300 !important; }

#contact_email_wrap				{ margin-top: 50px !important; }
#contact_email_txt p			{ line-height: 1.75em !important; }
#contact_email_title			{ font-size: 16px !important; color: #ff005d !important; }
#contact_email					{ font-size: 28px !important; }
#contact_email a				{ color:#000 !important; text-decoration: underline !important; }
#contact_email a:hover			{ color: #ff005d !important; }

#contact_tel_mobile_fax_wrap	{ margin-top: 30px !important; }

#contact_tel_wrap				{ }
#contact_tel_txt p				{ line-height: 1.75em !important; }
#contact_tel_title				{ font-size: 16px !important; color: #ff005d !important; }
#contact_tel					{ font-size: 28px !important; }

#contact_mobile_wrap			{ }
#contact_mobile_txt p			{ line-height: 1.75em !important; }
#contact_mobile_title			{ font-size: 16px !important; color: #ff005d !important; }
#contact_mobile					{ font-size: 28px !important; }

#contact_fax_wrap				{ }
#contact_fax_txt p				{ line-height: 1.75em !important; }
#contact_fax_title				{ font-size: 16px !important; color: #ff005d !important; }
#contact_fax					{ font-size: 28px !important; }

#contact_subtitle_wrap			{ margin-top: 50px !important; margin-bottom: 50px !important; }
#contact_subtitle_topline		{ margin-bottom: 50px !important; }
#contact_subtitle p				{ font-size: 22px !important; }

@media (max-width: 959px) 		{
	#contact_company_name h3		{ font-size: 24px !important; }

    #contact_address_kor p			{ font-size: 20px !important; }
    #contact_address_eng p			{ font-size: 18px !important; }

    #contact_email_title			{ font-size: 16px !important; }
    #contact_email					{ font-size: 22px !important; }
	
	#contact_tel_wrap				{ }
    #contact_tel_title				{ font-size: 16px !important; }
    #contact_tel					{ font-size: 22px !important; }
	
	#contact_mobile_wrap			{ margin-top: 10px !important; }
	#contact_mobile_title			{ font-size: 16px !important; }
    #contact_mobile					{ font-size: 22px !important; }
	
	#contact_fax_wrap				{ margin-top: 10px !important; }
	#contact_fax_title				{ font-size: 16px !important; }
    #contact_fax					{ font-size: 22px !important; }

    #contact_subtitle_wrap			{ }
    #contact_subtitle p				{ font-size: 20px !important; }
								}



/* 하단 */
#footer_wrap						{ margin-top: 100px !important; }
#bottom_tel							{ font-size: 22px !important; line-height: 1.5em !important; }
#bottom_email						{ font-size: 22px !important; line-height: 1.5em !important; }
#bottom_email a						{ text-decoration: underline !important; }
#bottom_email a:visited				{ }
#bottom_email a:focus				{  /*outline: thin dotted;*/ }
#bottom_email a:active				{ }
#bottom_email a:hover				{ color: #ff005d !important; }

#bottom_instagram					{ font-size: 22px !important; line-height: 1.5em !important; }
#bottom_instagram a					{ text-decoration: underline !important; }
#bottom_instagram a:visited			{ }
#bottom_instagram a:focus			{  /*outline: thin dotted;*/ }
#bottom_instagram a:active			{ }
#bottom_instagram a:hover			{ color: #ff005d !important; }

#bottom_youtube						{ font-size: 22px !important; line-height: 1.5em !important; }
#bottom_youtube a					{ text-decoration: underline !important; }
#bottom_youtube a:visited			{ }
#bottom_youtube a:focus				{  /*outline: thin dotted;*/ }
#bottom_youtube a:active			{ }
#bottom_youtube a:hover				{ color: #ff005d !important; }

#bottom_blog						{ font-size: 22px !important; line-height: 1.5em !important; }
#bottom_blog a						{ text-decoration: underline !important; }
#bottom_blog a:visited				{ }
#bottom_blog a:focus				{  /*outline: thin dotted;*/ }
#bottom_blog a:active				{ }
#bottom_blog a:hover				{ color: #ff005d !important; }

#bottom_copyright					{ font-size: 22px !important; line-height: 1.5em !important; }

@media (max-width: 959px)	 		{
    #footer_wrap						{ }
    #bottom_tel							{ font-size: 20px !important; }
    #bottom_email						{ font-size: 20px !important; }
    #bottom_email a						{ }
    #bottom_email a:visited				{ }
    #bottom_email a:focus				{  /*outline: thin dotted;*/ }
    #bottom_email a:active				{ }
    #bottom_email a:hover				{ }

    #bottom_instagram					{ font-size: 20px !important; }
    #bottom_instagram a					{ }
    #bottom_instagram a:visited			{ }
    #bottom_instagram a:focus			{  /*outline: thin dotted;*/ }
    #bottom_instagram a:active			{ }
    #bottom_instagram a:hover			{ }

    #bottom_youtube						{ font-size: 20px !important; }
    #bottom_youtube a					{ }
    #bottom_youtube a:visited			{ }
    #bottom_youtube a:focus				{  /*outline: thin dotted;*/ }
    #bottom_youtube a:active			{ }
    #bottom_youtube a:hover				{ }
	
	#bottom_blog						{ font-size: 20px !important; }
    #bottom_blog a						{ }
    #bottom_blog a:visited				{ }
    #bottom_blog a:focus				{  /*outline: thin dotted;*/ }
    #bottom_blog a:active				{ }
    #bottom_blog a:hover				{ }
	
	#bottom_copyright					{ font-size: 20px !important; }
                                    }

/* 좌우날개배너 */
#left_ban	{ position:fixed !important; top:366px !important; left:20px !important; z-index:10 !important; }
#right_ban	{ position:fixed !important; top:366px !important; right:20px !important; z-index:10 !important;  }
#rl_ban_img h2	{ display: none !important; }
@media 		(max-width: 1750px){
	#left_ban	{ display:none !important; }
	#right_ban	{ display:none !important; }
	}