@charset "UTF-8";
/*	
	Project	: ThinkerBell Global
	Author  : Somi Park
	Date  : 2024-07-26
*/

/* 언어별 폰트 설정 */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
	font-weight: 400;
    src: local('Noto Sans JP'),
         url('https://download.tkbell.co.kr/font/notoSansJp/Regular.woff') format('woff');
    unicode-range: U+4E00-9FBF, U+3040-309F, U+30A0-30FF;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
	font-weight: 500;
    src: local('Noto Sans JP'),
         url('https://download.tkbell.co.kr/font/notoSansJp/Medium.woff') format('woff');
    unicode-range: U+4E00-9FBF, U+3040-309F, U+30A0-30FF;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
	font-weight: 700;
    src: local('Noto Sans JP'),
         url('https://download.tkbell.co.kr/font/notoSansJp/Bold.woff') format('woff');
    unicode-range: U+4E00-9FBF, U+3040-309F, U+30A0-30FF;
}

/* init */
body { position:relative;height:100%; }
[lang="ja"] body { letter-spacing:-0.05em;font-family: 'Noto Sans JP';font-weight:400; }

/* global : select language */
.ui-selectmenu-button.select-lang { 
	padding:0 14px; 
	margin-left:10px;
	height:38px;
	display:inline-flex;
	align-items:center;
	gap:4px;
	transition:box-shadow .3s;
	min-width:112px; 
}
.ui-selectmenu-button.select-lang:hover { 
	box-shadow:0 4px 8px rgba(0,0,0,.1); 
}
.ui-selectmenu-button.select-lang span.ui-selectmenu-text { 
	height:auto;
	padding:0;
	line-height:18px;
	overflow:visible;
}
.ui-selectmenu-button.select-lang span.ui-icon { 
	display:block;
	width:18px;
	height:18px;
	margin-top:0;
	position:static;
	border:0;
	background:url(/asset/images/common/ico_lang.png) center center no-repeat;
	background-size:contain; 
	flex:none;
}

.ui-selectmenu-menu .ui-menu.select-lang-menu {
	padding: 10px 0;
}

h1,h2,h3,h4,h5,h6,strong,b,th { font-weight:700; }


/* sign up & sign in */
.sign-header { 
	height:100px;
	display:flex;
	align-items:center; 
	padding:0 20px;
}
.sign-header .header-section {	
	display:flex;
	align-items:center; 
	width:100%;
	max-width:1120px;
}
.sign-header .header-section .util {
	margin-left:auto;
}

/* sign-container */
.sign-container { 
	min-height:calc(100% - 200px);
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	padding:0 20px 100px;
}
.sign-container .title-area {
	min-height:60px;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:30px;
	width:100%;
	max-width:1120px;
	text-align:center;
}
.sign-container .title-area h1 b {
	display:block;
	color:#515151;
	font-size:40px;
}
.sign-container .title-area h1 strong {
	display:block;
	font-size:60px;
	font-weight:300;
	line-height:1em;
	letter-spacing:-0.025em;
}
.sign-container .title-area .logo {
	display:inline-block;
	background:url(/asset/images/common/bi.svg) 0 0 no-repeat;
	background-size:contain;
	height:36px;
	aspect-ratio:179/26;
	vertical-align:bottom;
	font-size:0;
	position:relative;
	top:-2px;
	margin-left:4px;
	margin-bottom:0px;
}
.sign-container .title-area h1 .logo {
	height:48px;
}
.sign-container .title-area p {
	font-size:24px;
	margin-top:12px;
	font-weight:300;
	color:#515151;
}
.sign-container a.org,
.sign-container button.org:hover { text-decoration:underline; }
.sign-container .sign-contents {
	padding-top:30px;
	width:100%;
	max-width:480px;
}
.sign-container .sign-contents:has(.user-type-choice) {
	max-width:100%;
}
.sign-container .sign-contents h2 {
	text-align:center;
	font-weight:300;
	font-size:24px;
	margin-bottom:60px;
}
.sign-contents .flex-box {
	display:flex;
	gap:8px;
}
.sign-contents .flex-box > div {
	flex:1;
}
.sign-contents .flex-box .form-md + .form-md {
	margin-top:0;
}
.sign-container .sign-contents button.gray:hover { color:#ff6858 !important; }

.user-type-choice {
	display:flex;
    justify-content: center;
	gap:32px;
}
.user-type-choice li button {
	width:248px;
	height:248px;
	border-radius:60px;
	box-shadow:0 0 20px rgba(0,0,0,.1);
	transition:box-shadow .3s;
	display:flex;
	align-items:center;
	justify-content: center;
}
.user-type-choice li button .pic {
	width:148px;
	height:120px;
	display:block;
	margin:0 auto;
	border-bottom:1px solid #d7d7d7;
}
.user-type-choice li button:hover {
	box-shadow:0 0 20px rgba(255,107,94,.7);
}
.user-type-choice li button figcaption {
	color:#515151;
	font-size:24px;
	margin-top:24px;
	font-weight:300;
}

.sign-with-SNS {
	margin:0 auto;
	display:flex;
	flex-direction:column;
	gap:12px;
}
.sign-with-SNS button {
	width:100%;
	border:1px solid #888;
	border-radius:5px;
	height:48px;
	text-align:left;
	padding:0 16px;
	color:#333333;
	font-size:14px;
}
.sign-with-SNS button i { margin-right:8px;position:relative;top:-1px; }

.sign-with-SNS + fieldset.sign-forms {
	border-top:1px solid #d7d7d7;
	margin-top:44px;
	padding-top:44px;
	position:relative;
} 
fieldset.sign-forms:before {
	content:attr(data-text-deco);
	position:absolute;
	text-align:center;
	box-sizing:border-box;
	min-width:40px;
	padding:0 12px;
	font-size:24px;
	line-height:28px;
	font-weight:300;
	background:#fff;
	top:-18px;
	left:50%;
	transform:translateX(-50%);
}
.sign-forms strong.tit {
	display:block;
	font-size:20px;
	color:#515151;
	text-align:left;
	margin-bottom:8px;
}
.sign-forms strong.tit ~ .tit {
	margin-top:20px;
}
.sign-forms .form-md + .form-md { margin-top:8px; }
.sign-forms .form-md + .org { /*display:inline-block;*/margin-top:8px;min-height:22px; }
.sign-forms .form-md + a.org { display:inline-block; }
.sign-forms .form-md input[type="text"],
.sign-forms .form-md input[type="password"],
.sign-forms .form-md input[type="number"],
.sign-forms .ui-selectmenu-button {
	width:100%;
}
.sign-contents fieldset .btns {
	display:flex;
	margin-top:24px;
}
.sign-contents fieldset .org + .btns {
	margin-top:16px;
}
.sign-contents fieldset .btns [class^=btn-] {
	flex:1;
}

.sign-footer {
	max-width:480px;
	text-align:left;
	border-top: 1px solid #d7d7d7;
	margin-top:20px;
	padding-top:28px;
	color:#888;
	font-size:14px;
	font-weight:300;
}
.sign-footer p,
.sign-footer p * {
	word-break: keep-all;
	word-wrap: break-word;
}

/* Sign modal */
ul.pop-forms.li-flex li { padding-left:0px;display:flex; }
ul.pop-forms.li-flex label { position:static;width:auto;padding-right:20px; }
ul.pop-forms.li-flex fieldset { flex:1; }

ul.pop-forms li>label { font-weight:600; }
ul.pop-forms li>label small { font-weight:400 }

.delete-account { margin:0 60px; }
.delete-account strong {
	font-size:26px;
	text-align:center;
	display:block;
	margin-bottom:16px;
}
.delete-account p { word-break:keep-all;font-size:16px; }
.delete-account p + p {
	margin-top:8px;
}

[lang="ja"] body { letter-spacing:-0.05em; }

/* header */
.header-section .util { margin-left:40px; }
.header-section .gnb li ~ li { margin-left:30px; }
.header-section .util .util-panel { width:190px; }

/* lnb */
[lang="ja"] .lnb .shortcut li a { font-size:14px;font-weight:700; }

/* footer */
.footer-info address span { font-weight:300; }
.foot-nav li a { padding:15px 20px; }
.foot-nav li:first-child a { padding-left:0; }
.foot-nav li:last-child a { padding-right:0; }
.footer-info .language { margin-left:auto; }
.footer-info .language .ui-selectmenu-button { width: 100% !important;background: rgba(0, 0, 0, .05);border: 1px solid rgba(0, 0, 0, .075); }


/* main */
.mn-banner .slogan .btn:after { display: none; }
.mn-banner .slogan p em { padding-top:20px;font-size:40px;letter-spacing:-0.01em; }

[lang="en"] .mn-banner .slogan p > span { padding-top:0;font-size:24px;letter-spacing:-0.01em;line-height:1.2; }
[lang="en"] .benefit-img .deco-txt b { white-space: nowrap;transform: scaleX(.68);transform-origin: left center; }
[lang="en"] .mn-benefit .benefit-txt p { font-size:24px;letter-spacing:-0.025em; }
[lang="ja"] .mn-banner .slogan p em { padding-bottom:0; }
[lang="ja"] .mn-banner .slogan p > span { font-size:26px;font-family:'Noto Sans JP';padding-top:12px;font-weight:bold;}
[lang="ja"] section[class^='mn-'] h2 { font-size:32px;font-weight:bold; }
[lang="ja"] .mn-introduce .mn-txt { font-size:20px; }
[lang="ja"] .mn-benefit .benefit-txt p { font-size:21px; }
[lang="ja"] .benefit-img .deco-txt { font-family:'Noto Sans JP'; }
[lang="ja"] .benefit-img .deco-txt b{ transform: scaleX(.85);transform-origin: center center; }
[lang="ja"] .benefit-img .deco-txt li { transform: scaleX(.85);transform-origin: left center; }

/* Subpage */
.lnb .shortcut li a > span { font-size:15px; }

/* Support Center */
.info-tabs-nav li a{font-size: 16px; line-height: 1.2;}
.info-tbl th{padding-left: 10px; padding-right: 10px;}
.info-vdo-full { width:100%;position:relative;padding-top:56.25%; }
.info-vdo-full iframe { width:100%;position:absolute;top:0;left:0;height:calc(100% - 44px); }
.info-tabs-cont .flex-wrap img { margin:0; }

[lang="en"] .info-main p:nth-of-type(3) { margin-top:5px; }
[lang="ja"] .info-main p:nth-of-type(2) { font-size:17px; }
[lang="ja"] .info-main p:nth-of-type(3) { margin-top:5px;font-size:17px; }

/* report */
.tbl-list table th{font-size: 14px; line-height: 1.3;}
.copy-url.long-type label{ width: 100px; white-space: nowrap;}
.copy-url.long-type .ipt-wrap input{width:calc(100% - 110px);}
.tbl-list .em_red:after{left:-2px; padding: 0 2px;}

/* popup */
[class^="pop-homework"] ul.pop-forms.vertical-type li .error-txt{letter-spacing: -0.35px;}

/* library */
.short-answer > li div[class^=answer] cite{width:100px;}
.media-sch input{width:350px;}
.comment-view dl{padding-left: 105px;}
[lang="ja"] [class^="pop-homework"] ul.pop-forms.vertical-type li > label { font-weight:bold;margin-bottom:3px; }
[lang="ja"] .theme-choice li label.ui-checkboxradio-label .theme-explain { word-break:break-all; }

/* 제안 */
.dialog-alliance .tbl-write table tbody th { width:120px; }
.dialog-alliance .tbl-write table tbody td .ui-checkboxradio-label { margin-right:22px; }