/****** 공통 ******/
/* .contents-wrap .m_inner {padding:30px 0 20px 0;} */

/****** 메인 ******/
.contents-wrap.main_section {margin-top:0; padding-top:0; overflow-y:visible;}
.txt_notice {color: #ec2222;}

/**태그 길이**/
.tag_area .tag_con_area > li {padding-bottom: 40px; padding-top: 0;}

.subscription_card_list .card_list li.discount_5:before,
.subscription_card_list .card_list li.discount_10:before,
.subscription_card_list .card_list li.discount_15:before,
.ribbon.r5,
.ribbon.r10,
.ribbon.r15 {content:""; position:absolute; top:-6px; right:6px; display:block; width:95px; height:92px;}

.subscription_card_list .card_list li.discount_5:before,
.ribbon.r5  {background:url(../images/sub/discount_5.png) no-repeat center;}
.subscription_card_list .card_list li.discount_10:before,
.ribbon.r10 {background:url(../images/sub/discount_10.png) no-repeat center;}
.subscription_card_list .card_list li.discount_15:before,
.ribbon.r15 {background:url(../images/sub/discount_15.png) no-repeat center;}

/* Footer */
#div_footers {position:relative; bottom:0; width:100%; height:100px; display:block; z-index:101;} /* 퍼블리싱 페이지에서만 쓰임 */
#footer {position:relative; bottom:0; width:100%; height:100px; display:block; z-index:101; transition:0.3s;}
/* #footer {position: fixed; bottom:0px; width:100%; height:100px; z-index:10;} */
.footer {position:relative; width:100%; background-color:#07297e; display:block;}
.footer .inner {max-width:1600px; margin:0 auto; padding:0 15px; display:flex; justify-content:flex-start; align-items:center; height:100%; gap:50px; position:relative;}
.footer .inner .footer_con {width:calc(100% - 127px);}
.footer .inner .footer_con copyright {color:rgba(255,255,255,0.6); font-size:13px; display:inline-block; margin-top:15px;}
.footer .inner .footer_con .kailab_info {display:inline-block; margin-bottom:0; padding:0;}
.footer .inner .footer_con .kailab_info li {display:inline-block;}
.footer .inner .footer_con .kailab_info li a,
.footer .inner .footer_con .kailab_info li button {display:block; width:100%; padding:0; color:#fff; font-size:15px; background:none; border:none;}
.footer .inner .footer_con .kailab_info li + li {margin-left:40px;}
.footer .inner .footer_con .kailab_info li a.link_privacy {color:#4cc6ff;}

.footer .inner a.link_youtube {display:block; width:155px; height:26px; background:url(../images/icon/icon_youtube.png) no-repeat center; text-indent:-9999px; position:absolute; right:0; background-size:65%;}

.footer .footer_logo {background:url(../images/logo/logo_kailab2.png) no-repeat center left; width:115px; height:32px; background-size:100%; margin-bottom:75px;}

.footer .business_info {color:rgba(255,255,255,0.6); font-size:13px; margin-top:10px;}
.footer .business_info div span {word-break:keep-all; position:relative;}
.footer .business_info div span + span {padding-left:20px;}
.footer .business_info div > span:after {content:""; display:block; background:rgba(255,255,255,0.6); width:1px; height:13px; position:absolute; right:-12px; bottom:1px;}
.footer .business_info .info_company {color:#fff; font-size:15px; display:inline-block; margin-right:15px;}
.footer .business_info .info_company:after{display:none;}
.footer .business_info .info_company .info_view {display:none;}
.footer .business_info .info_nm {display:inline-block;}
.footer .business_info .txt_title {color:#fff;}
.footer .business_info div > span:last-child:after {display:none;}

/* 이메일무단수집거부 레이어 팝업 */
.footer .email_collect_refusal {position:absolute; left:50%; margin-left:-430px; bottom:115px; background:#fff; padding:30px 20px 40px; border-radius:30px; box-shadow:0 10px 20px rgba(0,0,0,0.1); width:calc(100% - 40px); max-width:760px; 
	border:1px solid #e3e3e3; transition:0.3s; visibility:hidden; opacity:0;}
.footer .email_collect_refusal.active {visibility:visible; opacity:1;}
.footer .email_collect_refusal button.btn_close_ecr {position:absolute; width:25px; height:26px; display:block; top:20px; right:20px; background:url(../images/icon/icon_close_x.png) no-repeat center center; text-indent:-9999px;}

.footer .email_collect_refusal h3 {height:57px; line-height:57px; font-size:28px; font-weight:700; padding:0 0 0 55px; background:url(../images/icon/icon_email_title.png) no-repeat left center; margin:0 0 20px;
	background-size:43px 45px;}
.footer .email_collect_refusal h4 {font-size:20px; font-weight:700; margin:0 0 20px; line-height:24px;}
.footer .email_collect_refusal p {font-size:16px; color:#6a6a6a; line-height:24px; margin:0 0 15px;}
.footer .email_collect_refusal ul {padding:0; margin:0;}
.footer .email_collect_refusal ul li {padding:0; margin:0; list-style:none; font-size:16px; color:#6a6a6a; line-height:24px; padding-left:15px; position:relative;}
.footer .email_collect_refusal ul li:before {content:""; display:block; width:15px; height:24px; line-height:24px; position:absolute; left:0; top:0;}
.footer .email_collect_refusal ul li.num1:before {content:"1.";}
.footer .email_collect_refusal ul li.num2:before {content:"2.";}
.footer .email_collect_refusal ul li.num3:before {content:"3.";}
.footer .email_collect_refusal ul li.num5:before {content:"5.";}


/* footer - 쿠키 설정 */
.footer {background-color:#fff;}
.footer .footer_cookie {background-color:#fff; box-shadow:5px 5px 30px rgba(0,0,0,0.2); height:150px; position:fixed; bottom:0; width:100%; z-index:1;}
.footer .footer_cookie .inner {justify-content:space-between;}
.footer .footer_privacy {height:160px; background:#07297e;}

.footer .footer_cookie  p {margin-bottom:0; font-size:16px; word-break:keep-all;}

.btn_setting_c {font-size:18px; color:#003bb1; text-decoration:underline; margin-right:46px; text-underline-offset: 3px;}
.btn_setting_c:hover {color:#000e57;}
.btn_round {background:#003bb1; font-size:18px; color:#fff; border-radius:20px; border:2px solid #003bb1; height:40px; width:160px; text-align:center; font-weight:500; display:inline-block; line-height:36px; transition:0.2s;}
.btn_round.btn_white {color:#003bb1; background:#fff; border:2px solid #003bb1;}
.btn_round:hover {background:#000e57; border-color:#000e57; color:#fff;}
.btn_round + .btn_round {margin-left:16px;}

.footer .setting_cookie_pop {display:none;}
.footer .setting_cookie_pop.active {display:block; position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.2);}
.footer .setting_cookie {position:absolute; left:50%; transform:translateX(-50%); bottom:650px; background:#fff; padding:35px 30px 54px; border-radius:30px; box-shadow:0 10px 20px rgba(0,0,0,0.1); width:calc(100% - 40px); max-width:610px; 
	border:1px solid #e3e3e3; transition:0.3s; visibility:hidden; opacity:0; padding-right:10px; position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}
.footer .setting_cookie_pop.active .setting_cookie {visibility:visible; opacity:1;}
.footer .setting_cookie button.btn_close_ecr {position:absolute; width:25px; height:26px; display:block; top:20px; right:20px; background:url(../images/icon/icon_close_x.png) no-repeat center center; text-indent:-9999px;}
.footer .setting_cookie .setting_cookie_inner {max-height:434px; overflow-y:auto; padding-right:20px;}
.footer .setting_cookie  h3 {font-size:26px; font-weight:600;}

.footer .setting_cookie  p.top_txt {font-size:15px; color:#373737; margin-top:16px; word-break:keep-all;}
.footer .setting_cookie .privacy_link {color:#0088fb; font-size:15px; text-decoration:underline; text-underline-offset: 2px;}
.footer .setting_cookie .accordion_cookie {margin:30px 0 40px;}
.footer .setting_cookie .accordion_cookie h4 {font-size:18px; font-weight:600; margin-bottom:10px;}
.footer .setting_cookie .accordion_lst {list-style:none; padding:0; margin:0;}
.footer .setting_cookie .accordion_lst li.accordion {border:1px solid #c5c5c5;}
.footer .setting_cookie .accordion_lst li + li {margin-top:-1px;}
.footer .setting_cookie .accordion_lst li.accordion.active  .img_accordion {transform:rotate(180deg);}
.footer .setting_cookie .accordion_lst li.accordion .list_title {display:flex; justify-content:space-between; align-items:center; padding:10px 18px;}
.footer .setting_cookie .accordion_lst li.accordion .list_title .title {font-size:16px; font-weight:600;}
.footer .setting_cookie .accordion_lst li.accordion .list_title .required_txt {color:#0088fb; font-size:15px; font-weight:500; }
.footer .setting_cookie .accordion_lst li.accordion .list_title .img_accordion {font-size:16px; position:relative; margin:0;}
.footer .setting_cookie .accordion_lst li.accordion .list_title .img_accordion:before {content:"\f107"; font-family:"fontAwesome"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.footer .setting_cookie .accordion_lst li.accordion .list_con {padding:0; padding-top:0; height:0; overflow:hidden;}
.footer .setting_cookie .accordion_lst li.accordion.active .list_con {height:auto; padding:0 20px 30px 20px; }
.footer .setting_cookie .accordion_lst li.accordion .list_con p {margin-top:0;}
.footer .setting_cookie .accordion_lst li.accordion .list_con .info_box {background:#f0f0f0; padding:24px;}
.footer .setting_cookie .accordion_lst li.accordion .list_con .info_box ul {list-style:none; padding:0; margin:0;}
.footer .setting_cookie .accordion_lst li.accordion .list_con .info_box ul + ul {margin-top:25px;} 
.footer .setting_cookie .accordion_lst li.accordion .list_con .info_box ul li {}
.footer .setting_cookie .accordion_lst li.accordion .list_con .info_box ul li + li {margin-top:4px;}
.footer .setting_cookie .accordion_lst li.accordion .list_con .info_box ul li span {font-size:14px;}
.footer .setting_cookie .accordion_lst li.accordion .list_con .info_box ul li span.title {min-width:130px; padding-right:20px; display:inline-block;}

.footer .setting_cookie .btn_area {text-align:right; padding-right:20px;}

.lang_en .footer .inner {gap:35px;}
.lang_en .footer .btn_round, .lang_fi .footer .btn_round {width:auto; padding:0 20px; }

.lang_fi .footer .footer_cookie {padding:25px 0; height:auto;}
.lang_fi .footer .footer_cookie .inner {gap:10px;}
.lang_fi .footer .footer_cookie p {flex:1;}

.lang_en .footer .business_info div span.tel {display:block; padding-left:0;}

/* tui-grid */
.tui-grid-container {overflow:hidden;}

/* 로그인  - 0916 디자인 변경*/
.login_area.login .login_inner {padding:25px 20px 30px; background:#cdddff;}
.login_area.login .login_inner .login_title {position:relative; text-align: center;}
.login_area.login .login_inner .login_title:after {content:""; background:url(../images/login/bg_wave.png) no-repeat center; display:block; width:100%; height:70px; 
	position:absolute; top:50%; transform:translateY(-50%);}
.login_area.login .login_title h2 {width: 100%;}
.login_area.login .login_title h2:after {background-size:100%; width:80px; height:80px; top:auto; right:50%; left:50%; transform:translateX(-50%); margin-top:24px;}
.login_area.login .login_inner .login_title p {margin:115px 0 0; font-weight:700; color:#003bb1;}
.login_area.login .login_inner .login_list li label {color:#003bb1; font-weight:500;}
.login_area.login .login_inner .login_list li input {width:calc(100% - 50px); height:40px; padding:0 20px; background:#c7d9ff; border:1px solid #c7d9ff; border-radius:20px; box-shadow:inset 0 5px 8px rgb(0, 81, 244, 0.2);}
.login_area.login .login_inner .login_list li input:focus {border-color:#0090ff;}
.login_area.login .login_inner .login_list li input::placeholder {color:#3e7bf6;}

.login_area.login .login_function {margin:25px 0 0;}
.login_area.login .login_function .m_check {margin-left:48px;}
.login_area.login .m_check > input[type=checkbox] + label {color:#003bb1;}
.login_area.login .m_check > input[type=checkbox] + label:before {border-color:#003bb1;}
.login_area.login .m_check > input[type=checkbox]:checked + label:before {background:#1b35a9; border-color:#1b35a9;}
.login_area.login .m_check > input[type=checkbox]:checked + label:after {border-color:#ffffff;}

.login_area.login .login_inner .login_btn {height:60px; line-height:32px; margin-top:20px; background:#003bb1; font-weight:700;}
.login_area.login .login_inner .login_btn:hover {background:#191970;}
.login_area.login .link_join {color:#003bb1;}
.login_area.login .link_join:hover {color:#0090ff;}

.login_title p, .login_btn, .link_join {font-family:'GmarketSans', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; font-weight:400;}



@media all and (max-width:1640px){
	.footer .inner {padding:0 50px;}
	.footer .email_collect_refusal {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); margin-left:0; height:610px; max-height:calc(100% - 40px);}
	.footer .email_collect_refusal .scroll_area {height:calc(100% - 78px); overflow-y:auto; overflow-x:hidden;}
	
	.lang_en .btn_setting_c {font-size:17px; margin-right:20px;}
	.lang_en .btn_round + .btn_round {margin-left:8px;}
	.footer .footer_cookie .inner {gap:10px;}
	.lang_en .footer .footer_cookie p {flex:1;}
}

@media all and (max-width:1440px){
	.btn_setting_c {font-size:17px; margin-right:20px;}
	.btn_round + .btn_round {margin-left:8px;}
	
	.lang_en .footer .footer_cookie .cookie_btn_area {text-align:center;}
	.lang_en .footer .footer_cookie .cookie_btn_area button {display:block; margin:0; margin:auto;  font-size:16px;}
	.lang_en .footer .footer_cookie .cookie_btn_area button + button {margin-top:5px;}
	.lang_en .footer .footer_cookie p {font-size:15px; padding-right:40px;}
}
	
@media all and (max-width:1280px){
	..footer .inner .footer_con copyright {padding-right:50px;}
	
	.footer .footer_cookie .cookie_btn_area {text-align:center;}
	.footer .footer_cookie .cookie_btn_area button {display:block; margin:0; margin:auto;  font-size:16px;}
	.footer .footer_cookie .cookie_btn_area button + button {margin-top:5px;}
	.footer .btn_round {width:140px; height:35px; font-size:16px;}
	.footer .footer_cookie p {font-size:15px; padding-right:40px;}
	
	.lang_en .footer .footer_cookie {padding:20px 0; height:auto;}
	.lang_en .footer .inner a.link_youtube {bottom:15px;}
}

@media all and (max-width:1040px){
	.footer .inner a.link_youtube {bottom:30px; background-size:60%;}
	.footer .business_info div span.tel {display:block; padding-left:0;} 
	.footer .business_info div span.tel:before {display:none;}
}

@media all and (max-width:900px){
	.footer .inner {padding:0 30px;}
	.footer .inner .footer_con copyright {width:100%; padding-right:0;}
	.footer .inner .footer_con .kailab_info li button {padding-left:0;}
	.footer .inner .footer_con .kailab_info li + li {margin-left:30px;}
	
	.lang_en .footer .footer_privacy {height:auto;}
	.lang_en .footer .footer_privacy .inner {padding:15px 30px;}
}


@media all and (max-width:768px){
	.footer .footer_cookie {height:auto; padding:30px 0;}
	.footer .footer_cookie p {padding-right:0; text-align:center;}
	.footer .footer_cookie .inner {flex-direction:column; gap:20px;}
	
	.footer .setting_cookie h3 {font-size:24px;}
	
	.footer .footer_privacy {height:auto; flex-direction:column; gap:20px; text-align:center;}
	.lang_ko.page2-3 .footer .footer_privacy, .lang_en.page2-3 .footer .footer_privacy {position:absolute; width:100%; bottom:-50px;}
	.footer .footer_privacy .inner .footer_con {width:100%;}
	.footer .footer_privacy .inner {flex-direction:column; text-align:center; gap:6px; padding:8px;}
	.main_page #page-1 .main_btn_area {padding-bottom:15px;}
	.footer .footer_logo {display:none;}
	.footer .business_info .info_company {display:block; margin-bottom:4px; margin-right:0;}
	.footer .inner a.link_youtube {width:41px; height:26px; background:url(../images/icon/icon_youtube_small.png) no-repeat left top; background-size:85%; position:static;}
	
	.footer .business_info .info_company .info_view {display:inline-block;;}
	.footer .business_info .info_company .info_view:before {content:"\f107"; font-family:"fontAwesome";}
	.footer .business_info .info_company .info_view.active:before {content:"\f106"; font-family:"fontAwesome";}
	
	.footer .business_info .info_nm, .footer .business_info .info_add {display:none;}
	.footer .business_info .info_nm.active, .footer .business_info .info_add.active {display:block;}
}

@media all and (max-width:580px){
	/* 로그인 추가 */
	.login_area.login {background:#cdddff;}
	.login_area.login .login_form {width:100%;}
	.login_area.login .login_inner {width:100%; box-shadow:none; border:0;}
	.login_area.login .login_inner:before {background:#cdddff;}
	.login_area.login .login_inner .form_login {width:100%;}
	
	.footer .setting_cookie {padding:30px 20px 44px 25px;}
	
}

@media all and (max-width:520px){
	.footer .inner .footer_con {width:calc(100% - 41px)}
	
	.lang_fi .footer .setting_cookie .accordion_lst li.accordion .list_title {padding:10px;}
	.lang_fi .footer .setting_cookie .accordion_lst li.accordion .list_title .title {font-size:15px;}
	.lang_fi .footer .setting_cookie .accordion_lst li.accordion .list_title .required_txt {font-size:14px;}
	
	.footer .footer_privacy .inner {padding:8px 15px; position:relative;}
	.footer .business_info .info_company {margin-top:4px;}
	.footer .inner .footer_con .kailab_info li a, .footer .inner .footer_con .kailab_info li button, .footer .business_info .info_company {font-size:14px;}
	.footer .business_info {margin:3px 0;}
	.footer .business_info, .footer .inner .footer_con copyright {font-size:13px;}
	.footer .inner .footer_con copyright {margin-top:5px;}
}

@media all and (max-width:420px){
	.footer .inner .footer_con .kailab_info li button, .footer .inner .footer_con .kailab_info li a, .footer .business_info .info_company {font-size:13px;}
	.footer .inner .footer_con .kailab_info li + li {margin-left:15px;}
	.footer .inner .footer_con .kailab_info li button {padding-left:0;}
	.footer .setting_cookie .btn_area button {display:block; margin:5px auto 0;}
	.footer .business_info, .footer .inner .footer_con copyright {font-size:11px;}
	.footer .business_info div > span:after {height:10px; bottom:2px;} 
	
	.lang_fi .footer .setting_cookie .accordion_cookie h4 {font-size:17px;}
	.lang_fi .footer .setting_cookie .accordion_lst li.accordion .list_title {padding:6px;}
	.lang_fi .footer .setting_cookie .accordion_lst li.accordion .list_title .title {font-size:14px;}
}

/* =====================================================
   doctorpencil — focus / focus-visible outline 제거
   대상: a, button, 아이콘 버튼, checkbox, radio
   유지: input.form_control, .m_text, .select_area (입력 UX)
   base_doctorpencil.css line 168, 170 오버라이드
   ===================================================== */

/* 1. a / button 전역 :focus-visible 테두리 제거
      (base_doctorpencil.css의 ::focus-visible 규칙 무력화) */
a:focus-visible,
button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* 2. GNB 상단 메뉴 / 서브메뉴 — :focus, :focus-visible, :active */
.gnb_area a:focus,
.gnb_area a:focus-visible,
.gnb_area a:active {
    outline: none !important;
    box-shadow: none !important;
}

/* 3. 아이콘 버튼 (.n_btn_icon) */
.n_btn_icon:focus,
.n_btn_icon:focus-visible,
.n_btn_icon:active {
    outline: none !important;
    box-shadow: none !important;
}

/* 4. 팝업 내 버튼 */
.pop_inner button:focus,
.pop_inner button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* 5. checkbox / radio
      (base_doctorpencil.css line 170 오버라이드) */
input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media all and (max-width:390px){
	.footer .email_collect_refusal h3 {background-size:30px 33px; padding:0 0 0 40px; font-size:22px; margin:0 0 10px;}
	.footer .email_collect_refusal h4 {font-size:18px;}
	.footer .email_collect_refusal p {font-size:15px;}
	.footer .email_collect_refusal {padding-right:5px; width:calc(100% - 25px);}
	.footer .email_collect_refusal .scroll_area {padding-right:10px;}
	.footer .setting_cookie {padding:25px 15px 30px 20px;}
}

@media all and (max-width:360px){
	.footer .footer_privacy .inner {padding:15px;}
	.footer .inner .footer_con .kailab_info li + li {margin-left:10px;}
	.footer .inner a.link_youtube {right:10px; bottom:5px;}
}