/* common */
html, body {font-family:"Pretendard", Sans-serif; min-width:1200px; color:#333;}
.section {width:1200px; margin:auto; position:relative;}


/* header */
.header {position:absolute; top:0; left:0; width:100%; height:80px; text-align:center; background:transparent; z-index:10;}
.header .logo {position:absolute; top:17px; left:80px; z-index:1;}
.header .nav {position:relative; text-align:center; font-size:0;}
.header .nav > li {position:relative;  display:inline-block; color:#fff; vertical-align:top; line-height:80px; font-size:17px;  font-weight:400;}
.header .nav > li > a {display:block; width:100%; height:100%; padding:0 20px; }
.header .nav > li:hover .depth {display:block;}
.header .nav .depth {display:none; position:absolute; top:80px; left:-40px; width:200px; z-index:100; background:#f3f3f3; text-align:center; padding:27px 10px;}
.header .nav .depth li {width:100%; display:block; margin-bottom:12px; line-height:22px; font-size:17px; color:#666; font-weight:500;}
.header .nav .depth li:hover {color:#c20f2f;}
.header .nav .depth li:last-child {margin-bottom:0;}
.header .nav .depth li a {display:block; width:100%; height:100%;}
.header .nav .depth.depth1 {left:-45px;}
.header .nav .depth.depth2 {left:-45px;}
.header .nav .depth.depth3 {left:-5px;}
.header .nav .depth.depth4 {left:8px;}
.header .nav .depth.depth5 {left:-15px;}
.header .nav .depth.depth6 {left:-45px;}


.header .area_side {position:absolute; top:29px; right:80px; z-index:1;}
.header .area_side .area_util {display:inline-block; vertical-align:middle; margin-right:20px;}
.header .area_side .area_util li {padding-right:10px; margin-right:9px; color:#ccc; font-size:14px; display:inline-block; position:relative;}
.header .area_side .area_util li:before {content:""; background:#999; width:1px; height:12px; position:absolute; right:0; top:2px;}
.header .area_side .area_util li:last-child {padding-right:0; margin-right:0;}
.header .area_side .area_util li:last-child:before {display:none;}
.header .area_side .login_msg {width:500px; text-align:right; color:#fff; font-weight:bold; font-size:16px; position:absolute; top:35px; right:13px;}
.header .area_lang {position:relative; width:60px; text-align:center; display:inline-block; vertical-align:middle; font-size:0;}
.header .area_lang .selected {cursor:pointer;}
.header .area_lang .selected img {width:32px;}
.header .area_lang .language {position:absolute; font-size:0; width:100%; top:40px; padding:15px 0; display:none; background:#fff;}
.header .area_lang .language li {display:block; margin-bottom:12px;}
.header .area_lang .language li img {width:32px;}
.header .area_lang .language li:last-child {margin-bottom:0;}
.header .area_lang .language:before {content:""; width:10px; height:7px; position:absolute; top:-7px; left:50%; margin-left:-5px; background:url("/include/lang/icon_lang_tri.png") center no-repeat;}





/* main */
.area_main {width:100%; height:100%; position:relative; overflow:hidden;}
.area_main .area_mainbanner {width:100%; position:relative; text-align:center;}
.area_main .area_mainbanner .swiper-slide  {height:976px; font-size:0;}
.area_main .area_mainbanner .swiper-slide a {display:block; width:100%; height:100%;}
.area_main .area_mainbanner .swiper-slide .title {position:relative; top:50%; margin-top:-56px;}
.area_main .area_mainbanner .swiper-slide iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.area_main .area_mainbanner .swiper-slide.banner1 .title {top:280px; margin-top:0;}
.area_main .area_mainbanner .banner-prev, .area_main .area_mainbanner .banner-next {width:20px; height:39px; opacity:1; background-size:100% !important;}
.area_main .area_mainbanner .banner-prev {background:url("../images/main/icon_slider_prev.png") center no-repeat; left:108px;}
.area_main .area_mainbanner .banner-next {background:url("../images/main/icon_slider_next.png") center no-repeat; right:108px;}
.area_main .area_mainbanner .swiper-pagination {position:absolute; width:1200px; left:0; right:0; margin:auto; bottom:40px; z-index:10; text-align:center;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet {opacity:1; width:50px; height:3px; margin-left:0;  margin-right:10px; background:#fff; border-radius:1px;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet-active {background:#c20f2f;}
.area_main .row {position:relative; overflow:hidden; width:100%;}
.area_main .row.article1 {padding:100px 0px 0px; background:url("../images/main/bg_article1.png") center no-repeat; text-align:center;}
.area_main .row.article1 .title {font-size:38px; line-height:1; display:none; margin-bottom:45px;}
.area_main .row.article1 .txt {font-size:20px; line-height:1; color:#757575; margin-bottom:60px;}
.area_main .row.article1 .list {font-size:0; width:1200px; margin:auto; overflow:hidden; text-align:left;}
.area_main .row.article1 .list .box {display:inline-block; margin-right:18px; position:relative; width:388px;}
.area_main .row.article1 .list .box .thumb {position:relative; width:100%;}
.area_main .row.article1 .list .box:nth-child(3n) {margin-right:0;}
.area_main .row .cont {transition:.2s; position:relative; top:-40px; padding:30px; float:right; right:0; background:#fff; width:280px; height:85px;}
.area_main .row .cont h5 {line-height:1; font-size:18px; width:180px; color:#111; margin-bottom:14px;}
.area_main .row .cont p {display:none; color:#666; font-size:16px; line-height:23px;}
.area_main .row .cont .icon {position:absolute; top:0; right:0; width:47px; height:47px; background:url("../images/main/icon_article1.png") center no-repeat #c20f2f;}
.area_main .row .box:hover .cont {box-shadow:0px 10px 15px rgba(136,136,136,0.2);}
.area_main .row.article1 .list .box:last-child {margin-right:0;}
.area_main .row.article2 {text-align:center; padding:160px 0px 184px; background:url("../images/main/bg_article2_240308.png") bottom center no-repeat; background-size:cover;}
.area_main .row.article2 .title {font-size:38px; margin-bottom:25px; color:#fff; line-height:1;}
.area_main .row.article2 .txt {font-size:20px; line-height:28px; margin-bottom:50px; color:#dddddd;}
.area_main .row.article2 .more {margin:auto; font-size:18px; color:#fff;display:block; width:182px; height:52px; line-height:52px; border:1px solid #fff; background:url("../images/main/icon_article1.png") calc(100% - 24px) center no-repeat; padding:0 24px;}
.area_main .row.article3 {padding:60px 0px 100px;}
.area_main .row.article3 .section {height:320px; padding-top:110px; background:url("../images/main/bg_article3_240311.png") center no-repeat;}
.area_main .row.article3 .section .cont {padding:36px 50px; background:#fff; width:320px; height:100px; top:160px; margin-right:60px; box-shadow:0px 10px 15px rgba(136,136,136,0.2);}
.area_main .row.article3 .section .cont h5 {font-size:28px; margin-bottom:28px;}
.area_main .row.article3 .section .cont p {font-size:18px; line-height:28px;}
.area_main .row.article3.customer .section {background:url("../images/main/bg_article2_240308.png") bottom center no-repeat; background-size:cover;}
.area_main {width:100%;  position:relative; font-size:14px; overflow:hidden; }
.area_main .area_notice {margin-top:100px; width:100%; height:80px; font-size:0; line-height:80px; background:#666; overflow:hidden;}
.area_main .area_notice .title {width:110px; display:inline-block; font-size:20px; color:#fff;}
.area_main .area_notice .txt {display:inline-block; color:#dddddd; font-size:18px;}
.area_main .area_notice .more {float:right; font-size:18px; color:#ddd;}
/*
.area_main .area_notice ul li {display:block; width:1035px; background:url("../images/common/icon_footer_more.png") right 25px no-repeat;}
.area_main .area_notice ul li .tit {font-size:18px; color:#ddd;}
.area_main .area_notice ul li .tit a {display:block; width:100%;}
.area_main .area_notice .swiper_notice {display:inline-block; vertical-align:top;}
*/


/* 푸터 */
#footer .area_footer {position:relative; width:100%; background:#454545; padding:40px 0;}
#footer .area_footer .list_menu {font-size:0; display:block; margin-bottom:28px;}
#footer .area_footer .list_menu li {display:inline-block; margin-right:30px; color:#ddd; font-size:16px;}
#footer .area_footer .contact p {display:block; line-height:1; color:#888; margin-bottom:10px;}
#footer .area_footer .contact p span b {color:#acacac; font-weight:bold;}
#footer .area_footer .contact p span {font-size:15px; display:inline-block; margin-right:18px;}
#footer .area_footer .contact p.copyright {margin-top:20px;}
#footer .area_footer .footer_banner {position:absolute; top:4px; right:0; font-size:0;}
#footer .area_footer .footer_banner li {display:inline-block; margin-right:10px; vertical-align:top;}
#footer .area_footer .footer_banner li:last-child {margin-right:0;}



/* 서브 */
.sub_nav {position:relative; width:100%; height:360px; padding-top:188px; overflow:hidden; font-weight:bold; color:#fff; text-align:center; background:url("../images/sub/bg_title_company_240308.png?ver=1.2") center no-repeat #ccc; background-size:cover;}
/*
.sub_nav .area_title {position:relative; width:1440px; margin:auto; color:#fff;} 
.sub_nav .area_title .site_location {position:absolute; line-height:1; top:25px; left:0; font-size:0;}
.sub_nav .area_title .site_location li {position:relative; font-weight:normal; font-size:16px; display:inline-block; padding-right:22px; margin-right:16px;}
.sub_nav .area_title .site_location li:after {display:block; content:""; position:absolute; right:0; top:4px; width:5px; height:7px; background:url("../images/sub/icon_location.png") center no-repeat;}
.sub_nav .area_title .site_location li:last-child {font-weight:bold; padding-right:0; margin-right:0;}
.sub_nav .area_title .site_location li:last-child:after {display:none;}
*/
.sub_nav .title {font-size:36px; font-weight:700; line-height:1;}
.sub_nav.shop {background:url("../images/sub/bg_title_shop_240311.png?ver=1.3") center no-repeat #ccc; background-size:cover;}
.sub_nav.package {background:url("../images/sub/bg_title_package_240311.png?ver=1.1") center no-repeat #ccc; background-size:cover;}
.sub_nav.customer {background:url("../images/sub/bg_title_customer_240308.png?ver=1.1") center no-repeat #ccc; background-size:cover;}
.sub_nav.member {background:url("../images/sub/bg_title_package_240311.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.company {background:url("../images/sub/bg_title_company_240308.png?ver=1.1") center no-repeat #ccc; background-size:cover;}
.sub_nav.business {background:url("../images/sub/bg_title_business_240308.png?ver=1.1") center no-repeat #ccc; background-size:cover;}
.sub_nav.community {background:url("../images/sub/bg_title_community_240308.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.myoffice {background:url("../images/sub/bg_title_myoffice_240308.png?ver=1.1") center no-repeat #ccc; background-size:cover;}
.sub_nav.terms {background:url("../images/sub/bg_title_package_240311.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.other {background:url("../images/common/bg_title_package_240311.png") center no-repeat; background-size:cover;}
.sub_navigation {position:relative; width:100%; height:62px; border-bottom:1px solid #dddddd; background:#f9f9f9; font-size:0;}
.sub_navigation a {display:block; width:100%;height:100%;}
.sub_navigation .section > li {position:relative; width:320px; height:100%; display:inline-block; vertical-align:top; border-right:1px solid #e9e9e9;}
.sub_navigation .section > li .cate {transition:.2s; display:block; width:100%; padding:0 30px; font-size:18px; line-height:61px; cursor:pointer; color:#666666; background:url("../images/sub/icon_dropdown.png") calc(100% - 30px) center no-repeat #fff;}
.sub_navigation .section > li .cate:hover {background:url("../images/sub/icon_dropdown.png") calc(100% - 30px) center no-repeat #fff;}
.sub_navigation .section > li:first-child {width:62px; border-left:1px solid #e9e9e9;}
.sub_navigation .section > li:first-child .cate {background:#fff; padding:0; text-align:center;}
.sub_navigation .section > li:first-child .cate img {position:relative; top:3px;}
.sub_navigation .section > li:last-child {width:400px;}
.sub_navigation .section > li .dropdown {display:none; position:absolute; z-index:10; width:calc(100% + 2px); top:61px; left:-1px; padding:18px 0; background:#fff;  border:1px solid #ddd; border-bottom:2px solid #c20f2f; font-size:17px;}
.sub_navigation .section > li .dropdown li {width:100%; display:block; line-height:40px; color:#666;}
.sub_navigation .section > li .dropdown li:hover {font-weight:bold; color:#c20f2f;}
.sub_navigation .section > li .dropdown li.on {font-weight:bold; color:#c20f2f;}
.sub_navigation .section > li .dropdown li a {padding:0 30px;}
.sub_navigation .section > li .dropdown li:last-child {border-bottom:0;}
.sub_navigation .section > li .dropdown li .depth {display:none;}
.sub_navigation .section > li:hover .dropdown {display:block;}


.sub_title {width:100%; text-align:center; font-size:30px; font-weight:bold; color:#000; margin-bottom:100px; line-height:1;}
.container {width:100%; min-height:700px; padding:80px 0 150px; position:relative; overflow:hidden;}
.container .sub_content {width:1200px; height:100%; margin:auto; position:relative;}					
.container .content {width:100%; margin:auto;}
.inc_tab {width:628px; margin:auto;}

.tab_form {width:100%; overflow:hidden; margin-bottom:50px;}
.tab_form li {position:relative; cursor:pointer; position:relative; display:inline-block; width:33.3%; background:#f4f4f4; text-align:center; float:left; font-size:16px; color:#c20f2f; font-weight:bold;}
.tab_form li a {display:block; width:100%; height:100%; padding:20px 0;}
.tab_form li.on {background:#c20f2f; color:#fff;}
.table_form {width:100%;}
.table_form th, .table_form td {border:1px solid #ddd; padding:15px 20px;}





/* login */
.login_form {width:460px; background:#fff; margin:auto;}
.login_form h3 {font-size:35px; color:#c20f2f; display:block; margin-bottom:50px; line-height:1; font-weight:bold; font-family:"nanumsquareotf"; text-align:center; letter-spacing:-1px;}
.login_form ul {position:relative; text-align:right; margin-bottom:44px; margin-top:9px;}
.login_form ul li {position:relative; display:inline-block; color:#7f7f7f; font-size:17px; margin-left:30px;}
.login_form ul li:after {content:""; position:absolute; display:block; top:3px; right:-15px; width:1px; height:16px; background-color:#ddd;}
.login_form ul li:last-child:after {display:none;}
.login_form .login_check_box {display:block; margin-bottom:40px;}
.login_form .login_check_box label {color:#666; font-size:16px; position:relative; top:-1px; margin-left:3px;}
.login_form .login_check_box label, .login_form .login_check_box input {cursor:pointer;}

/* 인사말 */
.area_greeting {position:relative; width:100%; height:968px; background:url("../images/sub/img_about_greeting.png?ver=1.4") center no-repeat;}
.area_motto {position:relative; width:100%; height:725px; background:url("../images/sub/img_about_motto.png?ver=1.3") center bottom no-repeat;}


/* 비전 */
.area_vision {width:100%; height:900px;  background:url("../images/sub/img_about_vision.png?ver=1.2") top  center no-repeat;}


/* 인증서 */
.area_certify {position:relative; width:100%; font-size:0;}
.area_certify li {display:inline-block; vertical-align:top; width:216px; margin-right:30px; margin-bottom:60px;}
.area_certify li img {width:100%; border-radius:10px; border:1px solid #e3e3e3; margin-bottom:15px;}
.area_certify li p {font-size:16px; line-height:1.4; color:#666; text-align:center; }
.area_certify li:nth-child(5n) {margin-right:0;}

/* 오시는길 */
.area_map {position:relative; width:100%; }
.area_map .group {position:relative; overflow:hidden; width:100%; margin-bottom:110px;}
.area_map .group .location {width:440px; padding-top:25px;}
.area_map .group .location h3 {font-size:24px; color:#333; margin-bottom:18px; line-height:1; font-weight:bold;}
.area_map .group .location ul {padding-top:32px; border-top:2px solid #c20f2f; width:100%;}
.area_map .group .location ul li {display:block; margin-bottom:30px; padding-left:35px; line-height:29px;}
.area_map .group .location ul li .tit {font-weight:bold;}
.area_map .group .location ul li .tit, .area_map .group .location ul li .txt {font-size:20px; line-height: vertical-align:top;}
.area_map .group .location ul li.list01 {background:url("../images/sub/icon_map_01.png") left top no-repeat;}
.area_map .group .location ul li.list02 {background:url("../images/sub/icon_map_02.png") left top no-repeat;}
.area_map .group .location ul li.list03 {background:url("../images/sub/icon_map_03.png") left top no-repeat;}
.area_map .group .location ul li.list04 {background:url("../images/sub/icon_map_04.png") left top no-repeat;}
.area_map .group .location ul li:last-child {margin-bottom:0;}
.area_map .group:last-child {margin-bottom:0;}




/* 회원가입 */
.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:400; color:#333333; margin-bottom:10px;}
.join_titleB{font-size:13px; font-weight:400; color:#333333; margin-bottom:15px;}
.join_titleBadd{font-size:13px; color:#333333; margin-bottom:15px; line-height:18px;}
.join_titleBadd span{font-size:4px; position:relative; top:-3px; margin-right:8px;}
.join_titleS{font-size:13px; color:#777777; line-height:19px; white-space:normal;}
.join_step {width:1200px; margin:auto; overflow:hidden; margin-bottom:80px;}
.join_step .step {display:inline-block; width:20%; padding:15px 0; float:left; border:1px solid #ddd; border-left:0; text-align:center; font-weight:400; position:relative;}
.join_step .step:first-child {border-radius:50px 0px 0px 50px; border-left:1px solid #ddd;}
.join_step .step:last-child {border-radius:0px 50px 50px 0px;}
.join_step .step.step_on {background:#f6f6f6;}
.join_step .step.step_off {background:url("../images/common/bg_joinstep_off.png") center no-repeat;}
.join_step .step:after{content:""; display:block; clear:both; }
.join_step .step:last-child {margin-right:0;}
.join_step .step:last-child:after {display:none;}
.join_step .step span {font-size:13px;  color:#888; display:block; margin-bottom:5px;}
.join_step .step em {font-size:16px;  color:#121212; font-style:normal;  display:block;}
.join {margin-top:40px;}
.join_text{font-size:16px; font-weight:bold; color:#333333; margin-bottom:15px;}
.join_checkbox{margin-bottom:20px;}
.join_check{text-align:right; margin-top:10px; font-size:13px;}
.join_check label{color:#555555; margin-right:5px;}
.join_check input{position:relative;}
.join_check_all{margin-top:20px;}
.join_check_all p{margin-bottom:10px;}
.join_check_all span{ font-size:13px; color:#555555; margin-left:7px;}
.join_check_all strong{ font-size:13px; color:#333333; font-weight:400; margin-left:7px; }
.join_check_all input{position:relative; top:2px;}
.join_btn_box{text-align:center; font-family: 'Nanum Gothic', sans-serif; margin-top:40px;}
.join_btn_prev{width:170px; padding:13px 0; border:1px solid #999; background:#ffffff; color:#333; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_btn_next{width:170px; padding:13px 0; border:1px solid #000; background:#000; color:#FFFFFF; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_end{width:100%; text-align:center; margin:50px 0;}
.join_txt{ font-size:13px; color:#777777; margin:40px 0;}
.join_txt strong{display:block; font-size:32px; color:#333333; margin-bottom:30px; letter-spacing:-1px;}
.join_txt span{display:block; font-size:18px; color:#333333; margin-bottom:20px;}
.join_end_btn{ width:250px; height:50px; border:1px solid #DDDDDD; box-sizing:border-box; background:#FFFFFF; border-radius:4px; font-size:15px; font-weight:400; color:#555; cursor:pointer;}
.join_end{text-align:center;}
.joinEnd_title{ font-size:22px; font-weight:400; color:#333333;}
.jeB_1{font-size:38px; color:#ECAB0B;}
.jeB_2{font-size:38px; color:#015cab;}
.joinEnd_B{font-size:17px; font-weight:400; margin:30px 0; color:#333333;}
.joinEnd_S{font-size:13px; line-height:19px; color:#777777; margin:20px; }
.joinEnd_img{margin:30px 0;}
.joinEnd_btn{ width:250px; height:50px; background:#333333; border:1px solid #333333; color:#fff; font-size:16px; font-weight:400; cursor:pointer;}
.memberTitle{margin-bottom:30px;}
.mb_title{font-size:18px; font-weight:600; color:#333333; margin-bottom:15px;}
.mb_titleB{font-size:13px; font-weight:600; color:#333333; margin-bottom:20px;}
.mb_titleS{font-size:13px; color:#666666; line-height:16px;}
.join_card {width:100%; padding:40px; border:1px solid #ddd; text-align:center; line-height:1.8}
.join_card p {margin-bottom:20px;}




/* array */
.left {float:left;}
.right {float:right;}

.join_search {position:relative; text-align:center; font-size:0; margin-bottom:20px; padding-bottom:35px; border-bottom:1px solid #eee;}
.join_search * {vertical-align:top;}


/* 레이어팝업 */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.34); z-index:9999;}
.popup_layer .popup_wrap {display:table; width:100%; height:100%; vertical-align:middle;}
.popup_layer .popup_wrap .popup {display:table-cell; vertical-align:middle;}
.popup_layer .popup_container {position:relative; overflow:hidden; width:870px; max-height:600px; overflow-y:auto; margin:auto; background:#fff; box-shadow:0px 3px 10px rgba(0,0,0,0.2);}
.popup_layer .popup_title {width:100%; height:60px; line-height:60px; overflow:hidden; padding-left:20px; font-weight:normal; text-align:center; color:#fff; background:#c20f2f;}
.popup_layer .popup_title .title {font-size:18px; display:inline-block; float:left;}
.popup_layer .popup_title .txt {font-size:14px; display:inline-block; margin-left:10px; opacity:.75;}
.popup_layer .btn_popup_close {float:right; border:0; width:60px; height:60px; text-indent:-99999px; background:url("../images/common/icon_popup_close.png") center no-repeat; background-size:18px;}
.popup_layer .popup_content {position:relative; width:100%; min-height:150px;  max-height:700px; overflow-y:auto;}
.popup_layer .popup_content .area_btn {text-align:center;}

.popup_layer .popup_content .form {padding:30px;}
.popup_layer .popup_content .form dt, .popup_layer .popup_content .form dd {position:relative; display:block; width:100%; overflow:hidden; font-size:14px;}
.popup_layer .popup_content .form dt {font-weight:bold; margin-bottom:7px;}
.popup_layer .popup_content .form dd {margin-bottom:15px;}
.popup_layer .popup_content .form .text_form {width:100%; height:40px; line-height:40px; border:1px solid #ddd; color:#333; padding:0 15px;}
.popup_layer .popup_content .form .text_form:focus {border-color:#666;}
.popup_layer .popup_content .form select {width:100%; height:40px; border:1px solid #ddd; color:#333; padding-left:15px;}
.popup_layer .popup_content .form dd:last-child {margin-bottom:0;}
.popup_layer.min .popup_container {width:640px;}
.popup_layer .area_confirm {text-align:center; padding:20px; font-size:16px; line-height:1.6;}
.popup_layer .area_confirm .txt {padding-bottom:10px;}
.popup_layer .area_confirm ul li {display:block; color:#666;}
.popup_layer .area_confirm ul li b {color:#31b48e;}
.popup_layer .area_btn {margin-bottom:0px;}
.popup_layer.bbsChange .txt {font-size:14px; margin-bottom:15px;}
.popup_layer.bbsChange .select_form {background:url("../images/board/icon_select.png") 95% center no-repeat;}
.popup_layer.min .popup_wrap {width:700px; margin:auto;}
.popup_layer.min .popup_content .form {padding:20px;}
.popup_layer.bbsChange .popup_container	{width:400px;}
.popup_layer.CardAuth .popup_container {width:450px;}
.popup_layer.CardAuth .popup_content {height:695px;}
.popup_layer.CardAuth .btn_popup_close {float:none; position:absolute; z-index:11; right:5px; top:10px;}
#PopupCardAuth p.img {z-index:-1;}
#PopupCardAuth * {font-family:"Dotum"; font-size:11px;}
#PopupCardAuth #container {position:absolute; top:108px; left:24px; width:402px; z-index:10;}
#PopupCardAuth .cont {position:relative; overflow:hidden;}
#PopupCardAuth h2.tit {font-size:12px; color:#4b8dde; margin-top:10px; background:url(images/blit.jpg) 0 2px no-repeat;}
#PopupCardAuth table, #PopupCardAuth #table01, #PopupCardAuth #table02, #PopupCardAuth #table03 {border-collapse:collapse; text-align:left; width:100%;}
#PopupCardAuth caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
#PopupCardAuth tbody th, #PopupCardAuth tbody td {height:40px; border-bottom:1px solid #e1e1e1;}
#PopupCardAuth tbody tr.other th, #PopupCardAuth tbody tr.other td {border-bottom:0;}
#PopupCardAuth tbody th {text-align:center; font-weight:normal; padding-left:6px;}
#PopupCardAuth tbody td {padding-left:8px; font-weight:bold;}
#PopupCardAuth #table01 span {padding:4px; width:48px; color:#fff; background:#6a6a6a; display:block; letter-spacing:-1px;}
#PopupCardAuth #table02 span {padding:4px; width:66px; color:#fff; background:#6a6a6a; display:block; letter-spacing:-1px;}
#PopupCardAuth #table03 {width:99%; margin-top:10px;}
#PopupCardAuth #table03 tbody { border:2px solid #333;}
#PopupCardAuth #table03 col {border-left:1px solid #e1e1e1;}
#PopupCardAuth #table03 col.line {border-left:1px solid #c1c1c1;}
#PopupCardAuth #table03 col.line2 {border-right:1px solid #333; margin-left:2px;}
#PopupCardAuth #table03 th {padding:0;}
#PopupCardAuth #table03 td {font-weight:normal;}
#PopupCardAuth #table03 .bold th {font-weight:bold;}
#PopupCardAuth #table03 .bold td {font-weight:bold; color:#4b8dde;}
#PopupCardAuth p {text-align:center;}
#PopupCardAuth p.text {width:88%; margin:15px auto 10px; letter-spacing:-1px;}
#PopupCardAuth .bg {position:absolute; top:0; left:0;}

/* 후원수당공지 */
.area_allowance .tab_popup {width:100%; overflow:hidden; position:relative; background:#c20f2f; padding:0px 20px 0px 20px;}
.area_allowance .tab_popup .tab {transition:.2s; display:inline-block; float:left; width:96px; height:40px; line-height:40px; padding-top:1px; cursor:pointer; margin-right:3px; border-radius:4px 4px 0px 0px; text-align:center; color:#0b407b; background:#abdbf2;}
.area_allowance .tab_popup .tab.current {background:#fff;  color:#c20f2f; font-weight:bold;}
.area_allowance .tab_popup .tab:last-child {margin-right:0;}
.area_allowance .tab_popup .tab:hover {opacity:.8;}
.area_allowance .tab-content {width:100%; display:none; background:#fff; padding:25px 20px;}
.area_allowance .tab-content.current {display:block;}
.area_allowance h3 {font-size:18px; text-align:center; margin-bottom:20px;}
.area_allowance table {width:100%; border-collapse:collapse;}
.area_allowance table th, .area_allowance table td {text-align:center; height:37px; padding:5px 10px; font-size:14px; color:#555; border:1px solid #e4e4e4;}
.area_allowance table th {background:#f8f8f8; color:#333; font-size:14px; letter-spacing:-1px;}



.popup_slide {position:absolute; visibility:visible; top:150px; left:80px; width:471px; overflow:hidden; border-radius:20px 20px 0px 0px; z-index:1000;}
.popup_slide .swiper-slide {visibility:visible !important;border:0 !important; width:auto !important; height:auto !important; top:0 !important; left:0 !important; position:relative !important;}
.popup_slide .swiper-slide  img {width:100%;}
.popup_slide .old_footer {display:none;}
.popup_slide .pop-pagination {bottom:20px; width:100%;}
.popup_slide .swiper-pagination-bullet {width:12px; height:12px; background:#444; opacity:1;} 
.popup_slide .swiper-pagination-bullet-active {background:#c20f2f;}
.popup_slide .popup_footer {position:relative; overflow:hidden; width:100%; height:54px; line-height:54px; background:rgba(0,0,0,0.65); backdrop-filter:blur(3px);}
.popup_slide .popup_footer a {font-weight:bold; transition:.2s; float:left; display:block; width:50%; height:100%; text-align:center; color:#fff;}
.popup_slide .popup_footer a:first-child {border-right:1px solid #666;}										  
.popup_slide .popup_footer a:active {opacity:.8;}
.popup_slide .popup_footer a:hover {background:rgba(0,0,0,0.3);}

/* 대시보드오토십1 */
.area_dashboard1 {position:relative; width:100%; color:#000;}
.area_dashboard1 * {font-family:"NotoSans";}
.area_dashboard1 .tab_dashboard {width:100%; text-align:center; overflow:hidden; margin-bottom:50px; border-radius:50px; background:#eee;}
.area_dashboard1 .tab_dashboard li {cursor:pointer; transition:.1s; width:50%; height:56px; line-height:56px; font-size:16px; float:left; display:inline-block;}
.area_dashboard1 .tab_dashboard li a {display:block; width:100%; height:100%;}
.area_dashboard1 .tab_dashboard li.active {background:#c20f2f; color:#fff; font-weight:bold; border-radius:50px;}
.area_dashboard1 .tab_dashboard li:hover {opacity:.8;}
.area_dashboard1 .subtab_dashboard {width:100%; overflow:hidden; margin-bottom:15px; font-size:0;}
.area_dashboard1 .subtab_dashboard li {position:relative; cursor:pointer; transition:.1s; font-size:15px; color:#888; border-bottom:1px solid #fff; display:inline-block; padding-bottom:5px; margin-right:31px;}
.area_dashboard1 .subtab_dashboard li:after {content:""; position:absolute; top:6px; right:-16px; width:1px; height:11px; background:#eee;}
.area_dashboard1 .subtab_dashboard li.active {color:#c80c2d; border-bottom:1px solid #c80c2d; font-weight:bold;}
.area_dashboard1 .subtab_dashboard li:last-child {padding-right:0;}
.area_dashboard1 .subtab_dashboard li:last-child:after {display:none;}
.area_dashboard1 .tab-cont {display:none;}
.area_dashboard1 .row {position:relative; width:100%; margin-bottom:40px; overflow:hidden; font-size:0;}
.area_dashboard1 .row .row_title {width:100%; margin-bottom:15px; position:relative; overflow:hidden;}
.area_dashboard1 .row .row_title .select {float:right; font-size:14px; padding:0 10px;}
.area_dashboard1 .row .row_title .subtab_dashboard {display:inline-block; width:auto; margin-bottom:0;}
.area_dashboard1 .row .box {position:relative; display:inline-block; vertical-align:top; font-size:14px; margin-right:15px;}
.area_dashboard1 .row .box:last-child {margin-right:0;}
.area_dashboard1 .row .box.large {width:785px;}
.area_dashboard1 .row .box.up_pv {width:400px;}
.area_dashboard1 .row .box.min {width:345px;}
.area_dashboard1 .row .box.half {width:calc(50% - 8px);}
.area_dashboard1 .row .box.full {width:100%;}
.area_dashboard1 .row .box.wrap {max-height:450px; overflow-y:auto; background:#fff; border:1px solid #999;}
.area_dashboard1 .row .box .area_title {width:100%; text-align:center; height:50px; line-height:50px; background:#333; color:#fff; font-size:16px; font-weight:bold;}
.area_dashboard1 .row .box .table {width:100%; border-collapse:collapse; height:calc(100% - 50px);}
.area_dashboard1 .row .box .table th, .area_dashboard1 .row .box .table td {height:50%; border:1px solid #999; text-align:center; padding:0 5px; height:45px; font-size:14px;}
.area_dashboard1 .row .box .table th {background:#f4f4f4;}
.area_dashboard1 .row .box .table td {color:#666; background:#fff;}
.area_dashboard1 .row .box .table td.cursor:hover {cursor:pointer; background:#f6f6f6; text-decoration:underline; transition:.1s;}
.area_dashboard1 .row .box .table.min th, .area_dashboard1 .row .box .table.min td {height:35px; font-size:12px; color:#666; border:1px solid #ccc;}
.area_dashboard1 .row .box .table.min th {background:#fff;}
.area_dashboard1 .row .box.wrap .table {height:auto;}
.area_dashboard1 .row .box.wrap .table th {position:sticky; top:0; left:0; border-top:0; border-bottom:0;}
.area_dashboard1 .row .box.wrap .table tr th:first-child, .area_dashboard1 .row .box.wrap .table tr td:first-child {border-left:0;}
.area_dashboard1 .row .box.wrap .table tr th:last-child, .area_dashboard1 .row .box.wrap .table tr td:last-child {border-right:0;}
.area_dashboard1 .row .box.wrap .table tr:last-child td {border-bottom:0;}
.area_dashboard1 .row .box.wrap .table th:after {position:absolute; top:50%; margin-top:-4px; content:""; width:8px; height:8px;}
.area_dashboard1 .row .box.wrap .table th.asc:after {background:url("../images/sub/icon_table_array_up.png") center no-repeat; background-size:100%;}
.area_dashboard1 .row .box.wrap .table th.desc:after {background:url("../images/sub/icon_table_array_down.png") center no-repeat; background-size:100%;}
#TB_support th {cursor:pointer;}
.area_dashboard1 .row .box.user, .area_dashboard1 .row .box.cal, .area_dashboard1 .row .box.current {height:372px;}
.area_dashboard1 .row .box.current {padding:15px; width:444px; border:1px solid #999; font-size:0;}
.area_dashboard1 .row .box.current .title {position:absolute; top:30px; left:0px; width:160px; height:38px; line-height:38px; background:#c80c2d; color:#fff; font-size:18px; text-align:center; border-radius:0px 50px 50px 0px;}
.area_dashboard1 .row .box.current .grade, .area_dashboard1 .row .box.current .list_grade {display:inline-block; vertical-align:middle;}
.area_dashboard1 .row .box.current .grade {width:140px; text-align:center;}
.area_dashboard1 .row .box.current .grade img {}
.area_dashboard1 .row .box.current .grade p {font-size:20px; font-weight:500;}
.area_dashboard1 .row .box.current .list_grade {width:266px; padding:0 18px 0 60px; background:url("../images/sub/icon_grade_arrow_left.png") left center no-repeat, url("../images/sub/icon_grade_arrow_up.png") right center no-repeat;}
.area_dashboard1 .row .box.current .list_grade li {display:block; width:100%; height:16px; line-height:16px; text-align:center; background:#c6c6c6; color:#fff; font-size:12px; margin-bottom:2px;}
.area_dashboard1 .row .box.current .list_grade li.on {background:#c80c2d; color:#fff; font-weight:bold;}
.area_dashboard1 .row .box.user {width:740px; border:1px solid #999; padding:15px; margin-right:0;}
.area_dashboard1 .row .box.user .select {width:100%; height:60px; font-size:16px; font-weight:bold; padding-left:10px; margin-bottom:10px; border-color:#666; background:#fffee3;}
.area_dashboard1 .row .box.user .name {background:#454545; color:#fff; text-align:center; height:40px; line-height:40px; font-size:14px; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status {width:100%; font-size:0; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status li {width:calc(33.3% - 6px); border:1px solid #ccc; line-height:1; height:172px; padding:64px 15px;  background:#f4f4f4; font-size:14px; text-align:center; margin-right:9px; display:inline-block; vertical-align:top;}
.area_dashboard1 .row .box.user .list_status li em {font-style:normal; display:block; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status li p {font-weight:bold; font-size:18px; color:#c20f2f;}
.area_dashboard1 .row .box.user .list_status li:last-child {margin-right:0;}
.area_dashboard1 .row .box.user .timer {background:#fff; font-size:12px; border:1px solid #ccc; text-align:center; height:35px; line-height:35px; width:100%;}
.area_dashboard1 .row .box.cal {display:none; padding:0;}
.area_dashboard1 .row .box.cal .select_cal {border:0; text-align:center; width:100%; height:50px; line-height:50px; padding-left:15px; background:#333; color:#fff; font-size:16px; font-weight:bold;}
.area_dashboard1 .row .box.cal .list_month {width:100%; font-size:0;  border:1px solid #999;}
.area_dashboard1 .row .box.cal .list_month li {display:inline-block; vertical-align:top; width:33.3%; color:#999; text-align:center; font-size:16px; height:75px; line-height:75px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.area_dashboard1 .row .box.cal .list_month li:nth-child(3n) {margin-right:0; border-right:0;}
.area_dashboard1 .row .box.cal .list_month li.on {background:#52c0ff; color:#fff;}
.area_dashboard1 .row .box.chart, .area_dashboard1 .row .box.up_pv {height:325px;}
.area_dashboard1 .row .box.chart {text-align:center; border:1px solid #999;}
.area_dashboard1 .row .box.chart .dashboard_chart {width:100%; position:relative; overflow:hidden; padding:30px 0; }
.area_dashboard1 .row .box.chart .dashboard_chart .title {font-weight:normal; display:block; font-size:16px; margin-bottom:20px;}
.area_dashboard1 .row .box.chart .dashboard_chart .title b {font-weight:bold;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart {position:relative; width:640px; margin:auto; left:45px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div {position:relative; width:600px; height:32px; line-height:32px; background:#ccc; margin-bottom:20px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div .percent {width:auto; background:#d83a4c; color:#fff; height:100%;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div .label {position:absolute; top:0; left:-65px; font-size:16px; font-weight:bold;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index {position:relative; width:600px; height:24px; margin-bottom:25px; text-align:center; border-top:1px solid #dddddd; padding-top:6px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li {position:absolute; display:inline-block; float:left; color:#888; font-size:14px; margin-left:-18px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:first-child {margin-left:-10px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label {width:100%; text-align:center; font-size:0;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label {display:inline-block; vertical-align:middle; margin-right:25px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label div, .area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label span {display:inline-block; vertical-align:middle;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label div {width:15px; height:15px; margin-right:12px; background:#ccc;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label span {font-size:15px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label.on div {background:#d83a4c;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label:last-child {margin-right:0;}
/*
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:after {position:absolute; top:-127px; left:61%; width:1px; height:120px; border-left:1px dashed #ddd; content:"";}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:first-child:after {display:none;}
*/
.area_dashboard1 .row .in_row {position:relative; margin-bottom:10px;}
.area_dashboard1 .row:last-child {margin-bottom:0;}


/* 대시보드오토십2 */
.area_dashboard2 {position:relative; width:100%; color:#000;}
.area_dashboard2 * {box-sizing:border-box;}
.area_dashboard2 .select_chapter {width:100%; text-align:center; margin-bottom:40px; font-size:0;}
.area_dashboard2 .select_chapter .cal, .area_dashboard2 .select_chapter .date {display:inline-block; vertical-align:top; height:40px; line-height:40px;}
.area_dashboard2 .select_chapter .cal {width:40px;}
.area_dashboard2 .select_chapter .cal img {width:100%;}
.area_dashboard2 .select_chapter .date {padding:0 30px; font-size:24px; font-weight:bold;}
.area_dashboard2 .year {font-size:20px; width:100%; text-align:center; font-weight:normal; margin-bottom:15px;}
.area_dashboard2 .select_chapter.cal { margin-bottom:35px;}
.area_dashboard2 .select_chapter.cal .cal, .area_dashboard2 .select_chapter.cal .date {height:20px; line-height:20px;}
.area_dashboard2 .select_chapter.cal .cal {width:20px;}
.area_dashboard2 .select_chapter.cal .date {padding:0 20px; color:#ea493b; font-size:40px; letter-spacing:2px; font-weight:bold;}
.area_dashboard2 .update {text-align:right; width:100%; margin-bottom:40px; color:#666;}
.area_dashboard2 .row {position:relative; width:100%; margin-bottom:50px; padding-bottom:55px; border-bottom:1px dashed #ddd;}
.area_dashboard2 .row .title {font-size:24px; line-height:1; margin-bottom:20px; display:block; font-weight:700; letter-spacing:-1px;}
.area_dashboard2 .row .box_notice {position:relative; width:100%; border:4px solid #eee; font-size:14px; padding:20px;}
.area_dashboard2 .row .box_notice h5 {font-weight:bold; font-size:16px; margin-bottom:5px;}
.area_dashboard2 .row .box_notice p {font-size:16px; color:#666;}
.area_dashboard2 .row .table {width:100%; border-collapse:collapse;}
.area_dashboard2 .row .table th, .area_dashboard2 .row .table td {padding:5px 10px; height:40px; border:1px solid #ddd; text-align:center; font-size:14px;}
.area_dashboard2 .row .table th {position:sticky; top:0; left:0; height:55px; background:#575b69; border-color:#838793; color:#fff; font-weight:bold;}
.area_dashboard2 .row .table .s-th th {height:40px;}
.area_dashboard2 .row .table td {color:#333;}
.area_dashboard2 .row .table_wrap {position:relative; max-height:500px; overflow-y:auto; border:1px solid #ddd;}
.area_dashboard2 .row .table_wrap .table tr:last-child td {border-bottom:0;}
.area_dashboard2 .row .table_wrap .table tr:first-child th {border-top:0;}
.area_dashboard2 .row .table_wrap .table tr th:first-child, .area_dashboard2 .row .table_wrap .table tr td:first-child {border-left:0;}
.area_dashboard2 .row .table_wrap .table tr th:last-child, .area_dashboard2 .row .table_wrap .table tr td:last-child {border-right:0;}
.area_dashboard2 .row .table_cal {width:100%; border-collapse:collapse;}
.area_dashboard2 .row .table_cal tr th:first-child {background:#dd4133; border-left:1px solid #ddd;}
.area_dashboard2 .row .table_cal tr td:first-child {background:#f9f9f9; border-left:1px solid #ddd;}
.area_dashboard2 .row .table_cal tr th:last-child {border-right:1px solid #ddd;}
.area_dashboard2 .row .table_cal tr td:last-child {border-right:1px solid #ddd;}
/*
.area_dashboard2 .row .table_cal tr th:first-child, .area_dashboard2 .row .table_cal tr td:first-child {color:#c00000;}
*/
.area_dashboard2 .row .table_cal th, .area_dashboard2 .row .table_cal td {text-align:center; color:#2a2a2a; aspect-ratio:1/1; font-size:14px;}
.area_dashboard2 .row .table_cal th {background:#ea493b; color:#fff; height:60px; font-size:16px;}
.area_dashboard2 .row .table_cal td {position:relative; height:160px; padding:50px 20px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.area_dashboard2 .row .table_cal td .day {position:absolute; top:20px; left:20px; font-weight:bold; font-size:16px;}
.area_dashboard2 .row .table_cal td ul {position:absolute; bottom:20px; right:20px;}
.area_dashboard2 .row .table_cal td .list1 {width:100%; text-align:right;}
.area_dashboard2 .row .table_cal td .list1 li {width:100%; display:block; font-size:18px; font-weight:bold; color:#ec2c1c;}
.area_dashboard2 .row .table_cal td .list2 {width:calc(100% - 40px); text-align:left; }
.area_dashboard2 .row .table_cal td .list2 li {width:100%; display:block; font-size:0; margin-bottom:5px; overflow:hidden; height:18px; line-height:18px; border-radius:3px;}
.area_dashboard2 .row .table_cal td .list2 li:last-child {margin-bottom:0;}
.area_dashboard2 .row .table_cal td .list2 li em, .area_dashboard2 .row .table_cal td .list2 li span {display:inline-block; font-size:12px;}
.area_dashboard2 .row .table_cal td .list2 li span b {font-weight:normal;}
.area_dashboard2 .row .table_cal td .list2 li em {font-style:normal; width:18px; height:18px; text-align:center; border-radius:3px; color:#fff; font-weight:bold; margin-right:5px;}
.area_dashboard2 .row .table_cal td .list2 li.state1 {background:#f4e2e0;}
.area_dashboard2 .row .table_cal td .list2 li.state1 em {background:#de6055;}
.area_dashboard2 .row .table_cal td .list2 li.state2 {background:#e6f2f6;}
.area_dashboard2 .row .table_cal td .list2 li.state2 em {background:#4fa0d5;}
.area_dashboard2 .row .table_cal td .list2 li.state3 {background:#e7f8f0;}
.area_dashboard2 .row .table_cal td .list2 li.state3 em {background:#47a992;}
.area_dashboard2 .row .table_cal td .list2 li.state4 {background:#ebe4aa;}
.area_dashboard2 .row .table_cal td .list2 li.state4 em {background:#d89428;}
.area_dashboard2 .row .table_cal td .list2 li.state5 {background:#ccc;}
.area_dashboard2 .row .table_cal td .list2 li.state5 em {background:#999;}


.area_dashboard .row:last-child {margin-bottom:0;}