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



/* header */
/* 2025-04-28 파란색
.gnb {position:relative; text-align:right; width:100%; height:36px; line-height:36px; background:#1091d0;} 
*/
.gnb {position:relative; text-align:right; width:100%; height:36px; line-height:36px; background:#fff; border-bottom:1px solid #e3e3e3;} 

.gnb .area_util {display:inline-block; vertical-align:top; line-height:33px; margin-left:25px;}
.gnb .area_util li {position:relative; font-size:13px; color:#333; display:inline-block; vertical-align:middle; margin-left:14px; padding-left:15px;}
.gnb .area_util li:before {content:""; width:1px; height:12px; background:#4ea8d4; position:absolute; top:12px; left:0;}
.gnb .area_util li:first-child {padding-left:0; margin-left:0;}
.gnb .area_util li:first-child:before {display:none;}

.header {position:relative; width:100%; height:80px; text-align:center; background:#fff;}
.header .logo {position:absolute; top:15px; left:0; z-index:1;}
.header .nav {position:relative; text-align:right; font-size:0;}
.header .nav > li {position:relative; display:inline-block; color:#232323; vertical-align:top; margin-left:50px; line-height:80px; font-size:17px;  font-weight:600;}
.header .nav > li:hover .depth {display:block;}
.header .nav .depth {display:none; position:absolute; top:80px; left:-100%; width:200px; z-index:100; background:#f7f8fa; text-align:center; padding:20px 10px;}
.header .nav .depth li {width:100%; display:block; margin-bottom:12px; line-height:22px; font-size:15px; color:#666; font-weight:500;}
.header .nav .depth li:hover {color:#1091d0;}
.header .nav .depth li:last-child {margin-bottom:0;}
.header .nav .depth li a {display:block; width:100%; height:100%;}
.header .nav .li_company .depth {left:-70px;}
.header .nav .li_product .depth {left:-70px;}
.header .nav .li_business .depth {left:-70px;}
.header .nav .li_media .depth {left:-65px;}
.header .nav .li_customer .depth {left:-74px;}
.header .nav .li_myoffice .depth {left:-64px;}

/*
.header .area_util {position:absolute; font-size:0; top:0; right:0; z-index:1;}
.header .area_util li {position:relative; display:inline-block; vertical-align:top; color:#666; line-height:80px; font-size:13px; padding-left:8px; margin-left:7px;}
.header .area_util li:before {content:""; width:1px; height:10px; position:absolute; left:0; top:36px; background:#dddddd;}
.header .area_util li:first-child:before {display:none;}
*/
.header .nav_dropdown {transition:.3s; display:none; transition:.3s; position:absolute; z-index:10; left:0; top:80px; background:#fff; width:100%; overflow:hidden; text-align:center; padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
/*
.header .nav_dropdown .section {width:800px; left:10px;}
.header .nav_dropdown .depth {width:16.6%; float:left;}
.header .nav_dropdown .depth li {display:block; line-height:18px; margin-bottom:17px; color:#666; font-size:14px;}
.header .nav_dropdown .depth li:hover {color:#1091d0; font-weight:500;}
.header .nav_dropdown .depth li:last-child {margin-bottom:0;}
.header:hover .nav_dropdown {display:block;}
*/


/* main */
.area_main {width:100%; height:100%; position:relative; overflow:hidden;}
.area_main .area_mainbanner {width:100%; position:relative;}
.area_main .area_mainbanner .swiper-slide  {height:596px; font-size:0;}
.area_main .area_mainbanner .swiper-slide a {display:block; width:100%; height:100%;}
.area_main .area_mainbanner .swiper-slide iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.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:auto; height:auto; margin-left:0;  margin-right:20px; background:transparent; color:#666666; font-size:17px;}
.area_main .area_mainbanner .swiper-pagination .swiper-pagination-bullet-active {color:#fff;}
.area_main .row {position:relative; overflow:hidden; width:100%;}
.area_main .row .list .item {transition:.3s; float:left; line-height:1; color:#fff; margin-right:20px;}
.area_main .row.article1 {padding:74px 0px 80px;}
.area_main .row.article1 .list {width:100%;}
.area_main .row.article1 .list .item {width:590px; height:360px;}
.area_main .row.article1 .list .item a {display:block; width:100%; height:100%; padding:76px 55px;}
.area_main .row.article1 .list .item:last-child {margin-right:0px;}
.area_main .row.article1 .list .item .tit {font-size:32px; margin-bottom:14px;}
.area_main .row.article1 .list .item .s-tit {font-size:24px; margin-bottom:22px; font-weight:400;}
.area_main .row.article1 .list .item .txt {font-size:17px; line-height:24px; margin-bottom:52px;}
.area_main .row.article1 .list .item .link {font-size:16px;}
.area_main .row.article1 .list .item.myoffice {background:url("../images/main/bg_item_myoffice.png") center no-repeat #666;}
.area_main .row.article1 .list .item.product {background:url("../images/main/bg_item_product.png") center no-repeat #666;}
.area_main .row.article2 {padding:90px 0px 85px; background:#f5f5f5;}
.area_main .row.article2 .area_title {width:100%; line-height:1; overflow:hidden; margin-bottom:50px;}																							
.area_main .row.article2 .area_title .title, .area_main .row.article2 .area_title .s-title {display:inline-block; vertical-align:bottom;}
.area_main .row.article2 .area_title .title {font-size:34px; margin-right:35px;}
.area_main .row.article2 .area_title .s-title {font-size:18px; color:#666666;}
.area_main .row.article2 .list {width:100%;}
.area_main .row.article2 .list .item {width:386px; height:323px; text-align:center;}
.area_main .row.article2 .list .item a {display:table; width:100%; height:100%;}
.area_main .row.article2 .list .item:last-child {width:388px;margin-right:0;}
.area_main .row.article2 .list .item.company {background:url("../images/main/bg_item_company.png") center no-repeat #666;}
.area_main .row.article2 .list .item.business {background:url("../images/main/bg_item_business.png") center no-repeat #666;}
.area_main .row.article2 .list .item.media {background:url("../images/main/bg_item_media.png") center no-repeat #666;}
.area_main .row.article2 .list .item div {display:table-cell; vertical-align:middle;}
.area_main .row.article2 .list .item .tit {opacity:.6; font-size:16px; margin-bottom:20px;  font-weight:normal;}
.area_main .row.article2 .list .item .s-tit {font-size:28px; margin-bottom:32px; font-weight:700;}
.area_main .row.article2 .list .item .more {display:block; margin:auto; width:80px; height:28px; line-height:26px; border:1px solid #fff; font-size:13px;}

.area_main .row.article3 {padding:80px 0px 75px;}
.area_main .row.article3 .area_title {width:100%; line-height:1; overflow:hidden; margin-bottom:20px;}																							
.area_main .row.article3 .area_title .title, .area_main .row.article3 .area_title .more {display:inline-block; vertical-align:middle;}
.area_main .row.article3 .area_title .title {font-size:32px; float:left;}
.area_main .row.article3 .area_title .more {font-size:15px; float:right; font-weight:700; margin-top:10px;}
.area_main .row.article3 .list {width:100%; height:355px;}
.area_main .row.article3 .area_notice {position:relative; width:480px;  overflow:hidden; float:left;}
.area_main .row.article3 .area_notice .list {border-top:2px solid #000; padding-top:10px;}
.area_main .row.article3 .area_notice .list li {display:block; width:100%; height:89px; border-bottom:1px solid #e7e7e7;}
.area_main .row.article3 .area_notice .list li a {display:block; width:100%; height:100%; padding-top:17px;}
.area_main .row.article3 .area_notice .list li:nth-child(4) {border-bottom:0;}
.area_main .row.article3 .area_notice .list li .tit {font-size:18px; font-weight:500; margin-bottom:14px; width:100%; height:21px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area_main .row.article3 .area_notice .list li .date {font-size:16px; display:block; width:100%; color:#888;}
.area_main .row.article3 .area_customer {width:655px; float:right; overflow:hidden;}
.area_main .row.article3 .area_customer .list .box {width:50%; height:100%; padding:48px 30px; float:left; display:inline-block;}
.area_main .row.article3 .area_customer .list .box .title {line-height:1; width:100%; margin-bottom:34px;}
.area_main .row.article3 .area_customer .list .box .title img, .area_main .row.article3 .area_customer .list .box .title h5 {display:inline-block; vertical-align:middle;}
.area_main .row.article3 .area_customer .list .box .title img {margin-right:15px;}
.area_main .row.article3 .area_customer .list .box .title h5 {font-weight:700; font-size:28px;}
.area_main .row.article3 .area_customer .list .box.contact {background:#f3f3f3;}
.area_main .row.article3 .area_customer .list .box.contact dl {width:100%; margin-bottom:15px; line-height:26px; font-size:17px;}
.area_main .row.article3 .area_customer .list .box.contact dl dt {color:#1091d0; font-weight:bold;}
.area_main .row.article3 .area_customer .list .box.bank {background:#e4e4e4;}
.area_main .row.article3 .area_customer .list .box.bank .title h5 {font-size:24px;}
.area_main .row.article3 .area_customer .list .box.bank .tit {display:block; margin-bottom:26px; font-style:normal; font-weight:bold; font-size:17px; color:#38b549;}
.area_main .row.article3 .area_customer .list .box.bank .bank_logo {margin-bottom:20px;}
.area_main .row.article3 .area_customer .list .box.bank dl {width:100%; line-height:30px; }
.area_main .row.article3 .area_customer .list .box.bank dl dt {font-size:24px; font-weight:700;}
.area_main .row.article3 .area_customer .list .box.bank dl dd {font-size:17px;}

/* 푸터 */
.footer {position:relative; width:100%; background:#232323; text-align:center;}
.footer .policy {width:100%; height:60px; line-height:59px; font-size:0; border-bottom:1px solid #2f2f2f;}
.footer .policy ul li {display:inline-block; color:#bbb; font-size:15px; margin-right:35px;}
.footer .policy ul li:last-child {margin-right:0;}
.footer .contact {width:100%;padding:20px 0px 30px; color:#888; font-size:0;}
.footer .contact p {display:block; width:100%; font-size:15px; line-height:26px;}
.footer .contact p span {display:inline-block; margin-right:5px;}
.footer .contact p span:last-child {margin-right:0;}
.footer .contact p:last-child {margin-top:10px;}

/* 서브 */
.sub_nav {position:relative; width:100%; height:320px; overflow:hidden; font-weight:bold; color:#fff; text-align:center;}
/*
.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:320px;}
.sub_nav.shop {background:url("../images/sub/bg_title_shop.png?ver=1.1") center no-repeat #ccc; background-size:cover;}
.sub_nav.customer {background:url("../images/sub/bg_title_customer.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.member {background:url("../images/sub/bg_title_member.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.company {background:url("../images/sub/bg_title_company.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.business {background:url("../images/sub/bg_title_business.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.community {background:url("../images/sub/bg_title_community.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.myoffice {background:url("../images/sub/bg_title_myoffice.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.terms {background:url("../images/sub/bg_title_member.png") center no-repeat #ccc; background-size:cover;}
.sub_nav.other {background:url("../images/common/bg_subtitle.png") center no-repeat; background-size:cover;}
.sub_navigation {position:relative; width:100%; height:60px; background:#1091d0; color:#fff; font-size:0;}
.sub_navigation a {display:block; width:100%;height:100%;}
.sub_navigation .section > li {position:relative; width:300px; height:100%; display:inline-block; vertical-align:top; border-right:1px solid #40a7d9;}
.sub_navigation .section > li .cate {transition:.2s; display:block; width:100%; padding:0 30px; font-size:17px; line-height:60px; cursor:pointer; background:url("../images/sub/icon_dropdown.png") calc(100% - 30px) center no-repeat;}
.sub_navigation .section > li .cate:hover {background:url("../images/sub/icon_dropdown.png") calc(100% - 30px) center no-repeat #0d83bc;}
.sub_navigation .section > li:first-child {width:62px; border-left:1px solid #40a7d9;}
.sub_navigation .section > li:first-child .cate {background:none; padding:0; text-align:center;}
.sub_navigation .section > li:first-child .cate img {position:relative; top:3px;}
.sub_navigation .section > li:first-child .cate:hover {background:#0d83bc;}
.sub_navigation .section > li .dropdown {display:none; position:absolute; z-index:10; width:100%; top:60px; left:0; background:#fff; border:1px solid #ddd; border-top:0; font-size:17px;}
.sub_navigation .section > li .dropdown li {width:100%; display:block; height:49px; line-height:49px; border-bottom:1px solid #f3f3f3; color:#666;}
.sub_navigation .section > li .dropdown li:hover {font-weight:bold; color:#1091d0;}
.sub_navigation .section > li .dropdown li.on {font-weight:bold; color:#1091d0;}
.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:36px; font-weight:bold; color:#000; margin-bottom:60px; line-height:1;}
.container {width:100%; min-height:600px; padding:100px 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%; height:46px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; float:left; font-size:17px; color:#1091d0; font-family:"nanumsquareotf";}
.tab_form li:after {content:""; width:1px; height:16px; background:#d7d7d7; position:absolute; top:13px; right:-1px;}
.tab_form li.on:before {content:""; width:100%; height:2px; background:#847f7b; top:-1px; position:absolute; letter-spacing:-1px;}
.tab_form li a {display:block; width:100%; height:100%; padding-top:13px;}
.tab_form li:last-child:after {display:none;}
.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:#1091d0; 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;}



/* 연혁 */
.area_history {width:100%; position:relative; padding:15px 0;}
.area_history:after {position:absolute; content:""; width:1px; height:100%; background:#595959; top:0; left:600px; }
.area_history .history {position:relative; display:block; width:100%; text-align:right; padding:60px 650px 25px 0; }
.area_history .history dl dd {font-size:20px; letter-spacing:-1px;}
.area_history .history dl dt, .area_history .history dl dd {color:#595959; display:block; margin-bottom:10px;}
.area_history .history dl dt {position:relative; font-size:48px; font-weight:900; margin-bottom:20px; letter-spacing:5px;}
.area_history .history dl dt:after {position:absolute; right:-66px; top:14px; content:""; width:32px; height:32px; border-radius:32px; background:#fff; border:1px solid #3ab54a; z-index:1;}
.area_history .history img {position:absolute; left:650px; bottom:0;}
.area_history .history:nth-child(even) {text-align:left; padding-right:0; padding-left:650px;}
.area_history .history:nth-child(even) img {left:auto; right:650px;}
.area_history .history:nth-child(even) dl dt:after {right:auto; left:-66px; background:#3ab54a; }


/* CEO인사말 */
.area_greeting {position:relative; text-align:center; width:100%; letter-spacing:-1px;}
.area_greeting .title {font-size:28px; color:#1091d0; font-weight:bold; line-height:40px; margin-bottom:50px;}
.area_greeting .platform {width:100%; height:480px; background:url("../images/sub/bg_about_platform.png") center no-repeat; padding:70px 50px; background-size:cover; color:#fff; text-align:center; margin-bottom:60px;}
.area_greeting .platform .s-title {display:inline-block; font-size:24px; font-weight:bold; padding:3px 60px; background:url("../images/sub/bg_about_platform_title1.png") left top no-repeat, url("../images/sub/bg_about_platform_title2.png") right top no-repeat; }
.area_greeting .platform .txt {font-size:18px; color:#dddddd; margin-bottom:60px;}
.area_greeting .platform .list {width:100%; overflow:hidden;}
.area_greeting .platform .list li {display:inline-block; float:left; width:33.3%; border-right:1px solid rgba(221,221,221,0.2);}
.area_greeting .platform .list li:last-child {border-right:0; width:33.4%;}
.area_greeting .platform .list li img {margin-bottom:38px;}
.area_greeting .platform .list li p {font-size:18px; line-height:26px;}
.area_greeting .intro_txt {font-size:18px; color:#333333; line-height:28px; margin-bottom:40px;}
.area_greeting .ceo span, .area_greeting .ceo h5 {display:inline-block; vertical-align:middle;} 
.area_greeting .ceo span {font-size:18px; color:#333; margin-right:23px;}
.area_greeting .ceo h5 {font-size:24px;}


/* CI */
.area_ci {position:relative; width:100%; letter-spacing:-1px;}
.area_ci .section {margin-bottom:96px;}
.area_ci .section:last-child {margin-bottom:0;}
.area_ci .section .title {width:100%; text-align:center; margin-bottom:60px; font-size:24px; font-weight:bold; }
.area_ci .section .title:before {content:"["; margin-right:45px;}
.area_ci .section .title:after {content:"]"; margin-left:45px;}
.area_ci .section .title:before, .area_ci .section .title:after {color:#dddddd;}
.area_ci .section .row {width:100%; overflow:hidden;}
.area_ci .section .row .ci {position:relative; border:1px solid #ddd; width:600px; text-align:center; height:400px; background:url("../images/sub/bg_about_ci.png") center repeat;}
.area_ci .section .row .ci img {position:absolute; left:0; right:0; top:50%;  margin:auto; margin-top:-75px;}
.area_ci .section .row .cont {width:calc(100% - 620px); padding-left:55px;}
.area_ci .section .row .cont .s-title {font-size:28px; color:#1091d0; line-height:1; margin-bottom:35px;}
.area_ci .section .row .cont .txt {font-size:17px; line-height:28px; color:#333; margin-bottom:55px;}
.area_ci .section .row .cont .download {display:inline-block; padding:0 30px; height:60px; line-height:60px; background:#333333; color:#fff;}
.area_ci .section .row .cont .download span, .area_ci .section .row .cont .download img {display:inline-block; vertical-align:middle;}
.area_ci .section .row .cont .download span {margin-right:21px; font-size:18px;}
.area_ci .section .row .ci, .area_ci .section .row .cont {display:inline-block; vertical-align:bottom;}
.area_ci .section .row .list {width:100%;}
.area_ci .section .row .list .item {width:50%; float:left; display:inline-block; margin-bottom:30px; word-break:keep-all;}
.area_ci .section .row .list .item .color {width:170px; height:140px; letter-spacing:0; line-height:140px; text-align:center; background:url("../images/sub/icon_about_color.png") top left no-repeat #999; color:#fff; font-size:20px; font-weight:bold;}
.area_ci .section .row .list .item .color, .area_ci .section .row .list .item dl {display:inline-block; vertical-align:middle;}
.area_ci .section .row .list .item dl {width:calc(100% - 175px); padding:4px 30px 0px 25px;}
.area_ci .section .row .list .item dt {font-size:20px; font-weight:bold; line-height:1; margin-bottom:15px;}
.area_ci .section .row .list .item dd {font-size:18px; line-height:28px;}
.area_ci .section .row .list .item dd:nth-child(2) {font-weight:bold;}
.area_ci .section .row .list .item.green .color {background:url("../images/sub/icon_about_color.png") top left no-repeat #38b549;}
.area_ci .section .row .list .item.green dl dt {color:#38b549;}
.area_ci .section .row .list .item.red .color {background:url("../images/sub/icon_about_color.png") top left no-repeat #ed1b29;}
.area_ci .section .row .list .item.red dl dt {color:#ed1b29;}
.area_ci .section .row .list .item.orange .color {background:url("../images/sub/icon_about_color.png") top left no-repeat #f8981c;}
.area_ci .section .row .list .item.orange dl dt {color:#f8981c;}
.area_ci .section .row .list .item.purple .color {background:url("../images/sub/icon_about_color.png") top left no-repeat #b355a0;}
.area_ci .section .row .list .item.purple dl dt {color:#b355a0;}
.area_ci .section .row .list .item.blue .color {background:url("../images/sub/icon_about_color.png") top left no-repeat #1091d0;}
.area_ci .section .row .list .item.blue dl dt {color:#1091d0;}



 /* 경영이념 */
.area_philosophy {position:relative; width:100%; letter-spacing:-1px; text-align:center;}
.area_philosophy .section {margin-bottom:96px;}
.area_philosophy .section:last-child {margin-bottom:0;}
.area_philosophy .section .title {width:100%; text-align:center; margin-bottom:60px; font-size:24px; font-weight:bold; }
.area_philosophy .section .title:before {content:"["; margin-right:45px;}
.area_philosophy .section .title:after {content:"]"; margin-left:45px;}
.area_philosophy .section .title:before, .area_philosophy .section .title:after {color:#dddddd;}
.area_philosophy .section .s-title {color:#1091d0; line-height:1; font-size:28px; margin-bottom:35px;}
.area_philosophy .section .txt {font-size:18px; line-height:28px; margin-bottom:55px;}
.area_philosophy .section .point {width:100%; overflow:hidden; font-size:0;}
.area_philosophy .section .point .item {position:relative; width:240px; height:240px; border-radius:240px; margin:0 15px; display:inline-block; font-size:20px; color:#fff; font-weight:bold;}
.area_philosophy .section .point .item:after {content:""; position:absolute; top:50%; right:-45px; width:30px; height:1px; border-top:1px dashed #ddd;}
.area_philosophy .section .point .item:before {content:""; position:absolute; top:50%; margin-top:-3px; right:-35px; width:7px; height:7px; border-radius:7px; background:#ddd;}
.area_philosophy .section .point .item:last-child:after, .area_philosophy .section .point .item:last-child:before {display:none;}
.area_philosophy .section .point .item div {display:table; width:100%; height:100%;}
.area_philosophy .section .point .item div span {display:table-cell; text-align:center; vertical-align:middle;}
.area_philosophy .section .point .item.green {background:#4fbb5e; border:15px solid #9bdaa4;}
.area_philosophy .section .point .item.orange {background:#f9a133; border:15px solid #fbcb8d;}
.area_philosophy .section .point .item.blue {background:#2e9ed5; border:15px solid #87c8e7;}
.area_philosophy .section .promise {width:100%; position:relative; text-align:left; }
.area_philosophy .section .promise .item {display:block; width:100%; height:240px; background:#f3f3f3; margin-bottom:20px;}
.area_philosophy .section .promise .item .icon, .area_philosophy .section .promise .item .cont {display:inline-block; vertical-align:middle;}
.area_philosophy .section .promise .item .icon {text-align:center; line-height:1; width:308px; height:240px; margin-right:26px; padding-top:55px;}
.area_philosophy .section .promise .item .icon img {margin-bottom:16px;}
.area_philosophy .section .promise .item .icon h5 {font-size:22px; color:#000; margin-bottom:12px;}
.area_philosophy .section .promise .item .icon p {font-size:17px; font-weight:500; color:#acacac; letter-spacing:0;}
.area_philosophy .section .promise .item .cont dt {font-size:20px; color:#000; font-weight:bold; line-height:1; margin-bottom:14px;}
.area_philosophy .section .promise .item .cont dd {font-size:18px; line-height:28px;}
.area_philosophy .section .promise .item:nth-child(even) {background:#eff5f8;}


/* 계열사 */
.area_subsidiary {position:relative; width:100%; letter-spacing:-1px;}
.area_subsidiary .title {width:100%; text-align:center; margin-bottom:80px; font-size:28px; line-height:38px; color:#1091d0; font-weight:bold;} 
.area_subsidiary .list {width:100%;}
.area_subsidiary .list .item {position:relative; width:100%; padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #eee; overflow:hidden;}
.area_subsidiary .list .item .cont {position:relative; width:640px; height:350px; float:left;}
.area_subsidiary .list .item .cont .corp_name {font-size:0; margin-bottom:35px; line-height:1;}
.area_subsidiary .list .item .cont .corp_name .s-title, .area_subsidiary .list .item .cont .corp_name .label {display:inline-block; vertical-align:bottom;}
.area_subsidiary .list .item .cont .corp_name .s-title {color:#000000; font-size:28px; margin-right:19px;}
.area_subsidiary .list .item .cont .corp_name .label {color:#888888; font-size:16px;}
.area_subsidiary .list .item .cont .txt {font-size:18px; line-height:28px; margin-bottom:35px;}
.area_subsidiary .list .item .cont .contact_list {position:absolute; bottom:0; left:0; width:100%; padding:36px 40px; background:#f3f3f3;}
.area_subsidiary .list .item .cont .contact_list li {display:block; width:100%; line-height:1; margin-bottom:0px; margin-top:-5px;}
.area_subsidiary .list .item .cont .contact_list li span {display:inline-block; font-size:16px; vertical-align:top;}
.area_subsidiary .list .item .cont .contact_list li .th {width:55px; color:#1091d0; font-weight:bold; text-align:justify; margin-right:33px;}
.area_subsidiary .list .item .cont .contact_list li .th:after {content:""; display:inline-block; width:100%;}
.area_subsidiary .list .item .cont .contact_list li:last-child .th:after {display:none;}
.area_subsidiary .list .item .cont .contact_list li .td {color:#666666;}
.area_subsidiary .list .item .thumb {float:right;}
.area_subsidiary .list .item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}



/* 모바일 */
.area_mobile {position:relative; width:100%; letter-spacing:-1px;}
.area_mobile .title {width:100%; text-align:center; margin-bottom:30px; font-size:28px; line-height:1; color:#1091d0; font-weight:bold;} 
.area_mobile .txt {font-size:20px; margin-bottom:60px; line-height:1; text-align:center; display:block;}
.area_mobile .list {width:100%; overflow:hidden;}
.area_mobile .list .item {display:inline-block; float:left; font-size:0; width:386px; margin-right:21px;}
.area_mobile .list .item .thumb {width:100%; height:260px;}
.area_mobile .list .item .cont {width:100%; height:80px; line-height:80px; border:1px solid #ddd; padding:0 30px; background:url("../images/sub/icon_about_mobile_arrow.png") calc(100% - 30px) center no-repeat; font-size:20px; font-weight:bold; color:#000;}
.area_mobile .list .item:last-child {margin-right:0;}


/* 오시는 길 */
.area_map {position:relative; width:100%;}
.area_map .location {width:100%; overflow:hidden; font-size:0; margin-top:30px;}
.area_map .location li {display:inline-block; vertical-align:middle; margin-right:70px;}
.area_map .location li * {display:inline-block; vertical-align:middle;}
.area_map .location li img {margin-right:12px;}
.area_map .location li .tit {position:relative; font-weight:bold; color:#000; margin-right:13px; padding-right:16px; font-size:20px; font-weight:bold;}
.area_map .location li .tit:after {position:absolute; top:50%; margin-top:-7px; right:0; width:2px; height:14px; background:#ddd; content:"";}
.area_map .location li .txt {font-size:18px;}
.area_map .location li:last-child {margin-right:0;}


/* 보상플랜 */
.area_marketplan {position:relative; width:100%;}
.area_marketplan .section {margin-bottom:140px;}
.area_marketplan .section .title {width:100%; text-align:center; margin-bottom:60px; font-size:36px; font-weight:700; color:#1091d0;}
.area_marketplan .section .title:before {content:"["; margin-right:45px;}
.area_marketplan .section .title:after {content:"]"; margin-left:45px;}
.area_marketplan .section .title:before, .area_marketplan .section .title:after {color:#dddddd;}
.area_marketplan .section .txt {font-size:16px; font-weight:bold; margin-bottom:40px; line-height:1.5;}
.area_marketplan .section .a-title {position:relative;color:#1091d0; font-weight:bold; padding-left:25px; font-size:28px; margin-bottom:20px;}
.area_marketplan .section .a-title:before {position:absolute; left:0; top:11px; content:""; width:10px; height:10px; border:3px solid #1091d0; border-radius:10px;}
.area_marketplan .section .table_caption {position:relative; width:100%; overflow:hidden; margin-bottom:15px; }
.area_marketplan .section .list {width:100%; margin-bottom:0px;}
.area_marketplan .section .list .s-title {font-size:18px; font-weight:bold; color:#1091d0; margin-bottom:15px;}
.area_marketplan .section .list ul li, .area_marketplan .section .list ol li {position:relative; width:100%; font-size:16px; display:block; line-height:26px;}
.area_marketplan .section .list ul li {padding-left:10px;}
.area_marketplan .section .list ul li:before {position:absolute; top:0; left:0; content:"·";}
.area_marketplan .section .list ul.type2 li:before {content:"-";}
.area_marketplan .section .list ol { padding-left:20px;}
.area_marketplan .section .list ol li {display:list-item;}
.area_marketplan .section .article {margin-bottom:50px;  padding-bottom:50px; border-bottom:1px dashed #e3e3e3;}
.area_marketplan .section .article:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.area_marketplan .section .article .article-sub {position:relative; width:100%; margin-bottom:40px;}
.area_marketplan .section .article .article-sub:last-child {margin-bottom:0;}
.area_marketplan .section .article .article-sub .a-s-title {font-size:22px; font-weight:bold; margin-bottom:15px;}


.table_plan {width:100%; border-collapse:collapse; margin-bottom:30px;}
.table_plan th, .table_plan td {border:1px solid #dddddd; text-align:center; height:50px;  font-size:18px;}
.table_plan thead th {height:60px; background:#3f3f40; font-weight:bold; color:#fff; font-size:20px; border-color:#777;}
.table_plan tbody th {background:#f5f5f5; font-weight:600;}
.table_plan td {padding:10px 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:1150px; 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.min .popup_container {width:600px;}
.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:#1091d0;}
.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;}
.popup_layer .popup_content .area_btn {text-align:center;}

/* 후원수당공지 */
.area_allowance .tab_popup {width:100%; overflow:hidden; position:relative; background:#1091d0; 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:#1091d0; 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;}



/* 프리미엄몰 */
.premium_area {position:relative; width:100%;}
.premium_area .banner {position:relative; font-size:0; width:100%; height:520px; display:block; margin-bottom:30px; text-indent:-99999px;}
.premium_area .banner:last-child {margin-bottom:0;}