/****** 공통 ******/
/* .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;}

/* 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:space-between; align-items:center; height:100%;}
.footer .inner .footer_con {width:calc(100% - 127px);}
.footer .inner .footer_con copyright {color:#fff; font-size:14px; padding-right:140px; display:inline-block;}
.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 22px; color:#fff; font-size:14px; background:none; border:none;}
.footer .inner .footer_con .kailab_info li a.link_privacy {color:#4cc6ff;}

.footer .inner  a.link_youtube {display:block; width:127px; height:26px; background:url(../images/icon/icon_youtube.png) no-repeat left top; text-indent:-9999px;}

/* 이메일무단수집거부 레이어 팝업 */
.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.";}


/* 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-wegiht:700;}




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

@media all and (max-width:1280px){
	.footer .inner .footer_con copyright {padding-right:50px;}
}

@media all and (max-width:900px){
	.footer .inner .footer_con copyright {width:100%; padding-right:0;}
	.footer .inner .footer_con .kailab_info {margin-top:10px;}
	.footer .inner .footer_con .kailab_info li a {padding:0 10px;}
	.footer .inner .footer_con .kailab_info li button {padding-left:0; padding-right:10px;}
	
}

@media all and (max-width:900px){
	.footer .inner {padding:0 30px;}
}

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

@media all and (max-width:520px){
	.footer .inner .footer_con {width:calc(100% - 41px)}
	.footer .inner  a.link_youtube {width:41px; height:26px; background:url(../images/icon/icon_youtube_small.png) no-repeat left top;}
}

@media all and (max-width:420px){
	.footer .inner .footer_con .kailab_info li a {padding:0 5px; font-size:12px;}
	.footer .inner .footer_con .kailab_info li button {padding-left:0; padding-right:5px;}
}

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