/* common */
* {font-family: 'NanumSquareAc', sans-serif; box-sizing:border-box;}
.section {width:100%; min-width:1200px; margin:auto; position:relative;}
html {min-width:1400px;}
body {overflow-x:hidden;}



/* 상단영역 */
.header {position:relative; z-index:10; background:#fff; width:100%; height:102px; line-height:102px; padding:0 60px; font-size:0;}
.header .logo {position:relative; padding-top:15px; height:102px; float:left;}
.header .logo a {display:block; width:100%; height:100%;}
.header .nav {position:absolute; top:0; left:0; width:100%; padding-right:35px; font-size:0; text-align:center;}
.header .nav li {font-size:22px; letter-spacing:-1px; display:inline-block; vertical-align:middle;}
.header .nav li a {padding:0 20px; display:block; width:100%; height:100%; font-weight:700;}
/*
.header .area_util {position:relative; float:right; height:102px; font-size:0;}
.header .area_util > li {position:relative; font-size:18px; font-weight:700; display:inline-block; padding-left:13px; margin-left:12px;}
*/
.header .area_util {position:relative; float:right; height:102px; font-size:0; padding-top:0px;}
.header .area_util > li {position:relative; font-size:17px; letter-spacing:-1px; font-weight:700; display:inline-block; vertical-align:middle; max-width:140px; padding-left:13px; margin-left:12px; line-height:20px;}
.header .area_util > li:before {position:absolute; top:50%; left:-1px; margin-top:-9px; width:2px; height:18px; background:#000; content:"";}
.header .area_util > li:first-child {margin-left:0; padding-left:0;}
.header .area_util > li:first-child:before {display:none;}
.header .area_util > li:last-child {line-height:80px;}
.header .area_util > li:nth-child(3) {max-width:120px;}
.header .area_util > li:last-child:before {display:none;}
.header .area_util > li .lang {position:relative; top:12px;}
.header .logo, .header .area_util {z-index:1;}
.header .area_util .popup_lang {display:none; z-index:10; line-height:1; position:absolute; top:80px; left:15px; transform: translate(-50%, -0%); background:#fff; padding:10px 20px; font-size:0; white-space:nowrap; box-shadow:0px 2px 5px rgba(0,0,0,0.3);}
.header .area_util .popup_lang li {display:block; vertical-align:top; margin:0; line-height:1; border-bottom:1px dashed #ddd;}
.header .area_util .popup_lang li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.header .area_util .popup_lang li .name, .header .area_util .popup_lang li img {display:inline-block; vertical-align:middle;}
.header .area_util .popup_lang li a {display:block; padding:10px 0;}
.header .area_util .popup_lang li .name {font-size:14px; color:#666666; margin-left:12px;}
.header .area_util .popup_lang:before {position:absolute; content:""; width:12px; height:6px; background:url("../images/common/icon_lang_triangle.png") center no-repeat; top:-6px; left:50%; margin-left:-6px; }


/* 사이드 퀵메뉴 */
.quick_nav {position:fixed; right:20px; top:50%; transform:translate(0%, -50%); z-index:5;}
.quick_nav .menu {display:block; margin-bottom:6px;} 
.quick_nav .menu:last-child {margin-bottom:0;}
.quick_nav .menu:first-child {margin-bottom:12px;}


/* 메인 */
.area_main {position:relative; width:100%;}
.area_main .area_mainbanner {position:relative; width:100%;}
.area_main .area_mainbanner .swiper-wrapper.kz .swiper-slide {height:792px;}
.area_main .area_mainbanner .swiper-slide {width:100%; height:900px;}
.area_main .area_mainbanner .swiper-slide a {display:block; width:100%; height:100%; font-size:0;}
.area_main .area_mainbanner .swiper-slide.banner230419 {background:url("/html/web/images/main/banner_main_230419_1.png") center no-repeat #ccc;}
.area_main .area_mainbanner .slider-btn {position:absolute; bottom:60px; left:0; right:0; margin:auto; text-align:center;}
.area_main .area_mainbanner .slider-btn .swiper-pagination {position:relative; display:inline-block;}
.area_main .area_mainbanner .slider-btn .swiper-pagination .swiper-pagination-bullet {opacity:1; background:#063159; width:16px; height:16px; margin:0 5px;} 
.area_main .area_mainbanner .slider-btn .swiper-pagination .swiper-pagination-bullet-active {background:#4896c9;}
.area_main .area_mainbanner .slider-btn .swiper-button-play, .area_main .area_mainbanner .slider-btn .swiper-button-pause {cursor:pointer; height:12px; margin:0 5px; display:inline-block; background:#fff; z-index:10; position:relative;}
.area_main .area_mainbanner .slider-btn .swiper-button-pause {background:url("/html/web/images/main/icon_slider_stop.png") center no-repeat; width:10px;}
.area_main .area_mainbanner .slider-btn .swiper-button-play {background:url("/html/web/images/main/icon_slider_play.png") center no-repeat; width:10px;}
.area_main .row {position:relative; width:100%; text-align:center; color:#333;}
.area_main .row li {display:inline-block; vertical-align:top;}
.area_main .row .area_title {width:100%; margin-bottom:50px; line-height:1;}
.area_main .row .area_title .title {font-size:36px; margin-bottom:8px; font-weight:900;}
.area_main .row .area_title .s-title {font-size:20px;}
.area_main .row.shop {padding:72px 0px 84px;}
.area_main .row.shop .wrapper {padding:0 122px;}
.area_main .row.shop .pr-next, .area_main .row.shop .pr-prev {width:50px; height:50px; margin-top:0px; z-index:5;}
.area_main .row.shop .pr-next {left:auto; right:36px; background:url("../images/main/icon_slider_pr_next.png") center no-repeat;}
.area_main .row.shop .pr-prev {left:36px; background:url("../images/main/icon_slider_pr_prev.png") center no-repeat;}
.area_main .row.news {padding:40px 0px 56px; background:#f0f0f0;}
.area_main .row.news .area_title {margin-bottom:30px;}
.area_main .row.news .swiper-slide {width:522px;}
.area_main .row.news .wrapper {padding:0 160px;}
.area_main .row.news .news-next, .area_main .row.news .news-prev {width:50px; height:88px; margin-top:-30px; z-index:5;}
.area_main .row.news .news-next {left:auto; right:46px; background:url("../images/main/icon_slider_news_next.png") center no-repeat; background-size:100%;}
.area_main .row.news .news-prev {left:46px; background:url("../images/main/icon_slider_news_prev.png") center no-repeat; background-size:100%;}
.area_main .row.prnews {padding:112px 0px 104px;}
.area_main .row.prnews .news-next, .area_main .row.prnews .news-prev {width:50px; height:88px; margin-top:0px; z-index:5;}
.area_main .row.prnews .news-next {left:auto; right:46px; background:url("../images/main/icon_slider_news_next.png") center no-repeat; background-size:100%;}
.area_main .row.prnews .news-prev {left:46px; background:url("../images/main/icon_slider_news_prev.png") center no-repeat; background-size:100%;}
.area_main .row.prnews .swiper-slide {width:1319px;}
/* 러시아/카자흐스탄전용 */
.area_main .row.company {border-top:1px  solid #dbdbdb; padding-top:100px; margin-bottom:100px;}
.area_main .row.company .cont {width:100%; height:711px; position:relative; background:url("../images/main/banner_main_company_kz.png") center no-repeat;}
.area_main .row.company .cont a {display:block; width:100%; height:100%; font-size:0;}
.area_main .row.company.mg .cont {background:url("../images/main/banner_main_company_mg.png") center no-repeat;}
.area_main .row.prongoing {margin-bottom:78px;}
.area_main .row.prongoing .cont {width:100%; height:712px; position:relative; background:url("../images/main/banner_main_prongoing_kz.png") center no-repeat;}
.area_main .row.prongoing .cont a {display:block; width:100%; height:100%; font-size:0;}
.area_main .row.prongoing.mg .cont {background:url("../images/main/banner_main_prongoing_mg.png") center no-repeat;}

.area_main .area_ebook {position:relative; width:100%; height:480px; padding:0 60px; margin-bottom:20px; background:url("../images/main/banner_ebook_251105.png?Ver=1.1") left center no-repeat;}
.area_main .area_ebook .area_title {position:absolute; top:50px; left:60px; padding:24px 67px; display:inline-block; line-height:1; font-size:32px; background:#cc0000; color:#fff;}
.area_main .area_ebook .area_title .title {font-weight:900; margin-bottom:12px;}
.area_main .area_ebook img {width:100%;}
.area_main .area_ebook a {display:block; width:100%; height:100%; text-indent:-99999px; font-size:0;}
.area_main .area_ebook.kz {height:524px; background:url("../images/main/banner_ebook_kz.png?Ver=1.1") center no-repeat;}
.area_main .area_ebook.mg {height:524px; background:url("../images/main/banner_ebook_mg.png?Ver=1.1") center no-repeat;}





/* 서브 */
.area_sub {width:100%; position:relative;}
.area_sub > .section {max-width:100%;}
.area_sub .sub_header {width:100%; height:533px; background-size:cover !important; color:#fff; line-height:1; font-weight:bold;}
.area_sub .sub_header .title {font-size:32px; display:none; font-size:0; text-indent:-999999px; text-align:center;}
.area_sub .sub_header.about {background:url("../images/sub/bg_subtitle_about.png?ver=1.1") center no-repeat;}
.area_sub .sub_header.business {background:url("../images/sub/bg_subtitle_business.png?ver=1.1") center no-repeat;}
.area_sub .sub_header.product {background:url("../images/sub/bg_subtitle_product.png?ver=1.1") center no-repeat;}
.area_sub .sub_header.shop {background:url("../images/sub/bg_subtitle_shop_250409.png?ver=1.1") center no-repeat;}
.area_sub .sub_header.mypage {background:url("../images/sub/bg_subtitle_myoffice.png?ver=1.2") center no-repeat;}
.area_sub .sub_header.board {background:url("../images/sub/bg_subtitle_customer.png?ver=1.1") center no-repeat;}
.area_sub .sub_header.other {background:url("../images/sub/bg_subtitle_other.png?ver=1.1") center no-repeat;}
.area_sub .sub_header.terms {background:url("../images/sub/bg_subtitle_terms.png?ver=1.1") center no-repeat;}
.area_sub .sub_navigation {width:100%; height:86px; line-height:86px;  background:#666; position:relative; font-size:0;}
.area_sub .sub_navigation .depth {width:100%; max-width:1800px; margin:auto; text-align:center; font-size:0;}
.area_sub .sub_navigation .depth li {font-size:20px; letter-spacing:-1px; font-weight:700; color:#fff; display:inline-block; vertical-align:middle;}
.area_sub .sub_navigation .depth li a {display:block; width:100%; height:100%; padding:0 48px;}
.area_sub .sub_navigation.full {height:auto; line-height:26px; padding:16px 60px; text-align:left;}
.area_sub .sub_navigation.full .depth {text-align:left;}
.area_sub .sub_navigation.full .depth li {width:20%; text-align:center;}
.area_sub .sub_navigation.full .depth li a {padding:7px 0;}
.area_sub .sub_header.about + .sub_navigation {background:#1d3a75;}
.area_sub .sub_header.terms + .sub_navigation {background:#00607b;}
.area_sub .sub_header.business + .sub_navigation {background:#181565;}
.area_sub .sub_header.shop + .sub_navigation {background:#4992b6;}
.area_sub .sub_header.board + .sub_navigation {background:#212767;}
.area_sub .sub_header.other + .sub_navigation {background:#212767;}
.area_sub .sub_header.mypage + .sub_navigation {background:#3a2167;}

.area_sub .content {width:100%; width:1200px; margin:auto; position:relative; min-height:1000px; padding:221px 0px 150px;}
.area_sub .content .sub_title {position:absolute; left:0; top:58px; width:100%; text-align:center; line-height:1; font-size:36px; font-weight:bold; padding-bottom:28px; margin-bottom:98px;}
.area_sub .content .sub_title:before {content:""; position:absolute; left:-50%; bottom:0; width:300vw; height:1px; background:#999;}
.area_sub .map_info {width:100%; text-align:left; overflow:hidden; background:#f9f9f9; border:1px solid #dfdfdf; padding:20px 30px; margin-top:0px; border-top:0;}
.area_sub .map_info li {font-size:14px; display:block; line-height:24px;}
 @media screen and (max-width: 1440px) {
	/*
	.area_sub .content {padding:221px 0 100px;}
	*/
}

/* 인증서 */
.list_certify {width:100%; overflow:hidden; font-size:0;}
.list_certify li {display:inline-block; vertical-align:top; width:calc(33.3% - 13px); /*height:150px;*/ background:url("../images/sub/icon_pdf_download.png") calc(100% - 40px) center no-repeat #f3f3f3; margin-right:20px; margin-bottom:20px;}
.list_certify li:nth-child(3n) {margin-right:0;}
.list_certify li img, .list_certify li span {display:inline-block; vertical-align:middle;}
.list_certify li img {margin-right:20px;}
.list_certify li span {font-size:20px; font-weight:700; width:60%;}
.list_certify li a {display:block; width:100%; height:100%; padding:31px 20px;}


/* 회원가입 */
.area_jointype {position:relative; width:1200px; margin:auto;}
.area_jointype .txt {font-size:18px; line-height:30px; margin-bottom:25px;}
.area_jointype .box {display:block; width:100%; background:#fff; padding:35px 40px; border:1px solid #ddd; text-align:center; margin-bottom:30px;}
.area_jointype .box .title {font-size:24px; margin-bottom:20px;}
.area_jointype .box .txt {font-size:16px; word-break:keep-all; margin-bottom:20px; line-height:1;} 
.area_jointype .box ul {margin-bottom:15px;}
.area_jointype .box ul li {display:block; font-size:14px; color:#555; line-height:1.6;}
.area_jointype .box .link {background:#4793ca; margin-top:7px; color:#fff; display:inline-block; padding:10px 30px; text-align:center;}



/* 사인패드 */
#signature-pad {}
#signature-pad .sign-text {line-height:1.5; display:block; font-size:14px; margin-bottom:15px;}
#signature-pad .m-signature-pad--footer {width:258px; overflow:hidden;}
#signature-pad .m-signature-pad--footer .btn {width:100%; height:35px; float:left; border:1px solid #ddd; border-top:0; background:#fff; color:#4793ca;}



/* 약관 */
.scrollWp .area_terms {width:100%;}
.area_terms {position:relative; width:1200px; margin:auto; word-break:keep-all;}
.area_terms h5 {font-size:24px; margin-bottom:20px;}
.area_terms h5 + p {font-size:18px; font-weight:bold; color:#000;}
.area_terms h6 {font-size:18px; margin-bottom:10px;}
.area_terms p {font-size:18px; color:#666;}
.area_terms .group {position:relative; width:100%; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e4e4e4;}
.area_terms .group ol {margin-left:23px;}
.area_terms .group ol li {font-size:18px; margin-bottom:10px;}
.area_terms .group ol li ul li {color:#666; margin-bottom:0; display:block;}
.area_terms .group .div {margin-bottom:25px;}
.area_terms .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.area_terms .group .div:last-child {margin-bottom:0;}


/* 회원가입안내 */
.area_jointerms {position:relative; width:100%; Width:1200px; margin:auto;}
.area_jointerms .highlight {border:1px solid #666; padding:10px 50px; margin-bottom:30px; font-size:22px; font-weight:bold;}
.area_jointerms .cont {width:100%; padding:0 50px;}
.area_jointerms .cont ol {margin-left:25px;}
.area_jointerms .cont ol li {width:100%; color:#666; font-weight:bold; margin-bottom:20px; font-size:18px;}
.area_jointerms .cont ol li ul {padding-top:7px;}
.area_jointerms .cont ol li ul li {display:block; margin-bottom:5px;}
.area_jointerms .cont ol li p {padding-left:25px; padding-top:5px;}
.area_jointerms .cont table {border:1px solid #666; margin-left:25px; margin-top:30px;}
.area_jointerms .cont table th, .area_jointerms .cont table td {padding:20px 60px; border-right:1px solid #666; color:#000; font-size:18px;}
.area_jointerms .cont table td em {font-style:normal; display:block; color:#ed1c24;}
.area_jointerms .cont .link {display:block; width:362px; margin:auto; margin-top:50px;}




/* footer */
.footer {position:relative; width:100%; background:#2e2e2e; padding:30px 0;}
.footer .section {width:100%; padding:0 60px;}
.footer .list_policy {margin-bottom:36px; font-size:0; color:#ddd;}
.footer .list_policy li {font-size:16px; padding-right:21px; padding-left:21px; border-left:1px solid #292929; border-right:1px solid #393939; display:inline-block; vertical-align:top;}
.footer .list_policy li:first-child {border-left:0; padding-left:0; margin-left:0;}
.footer .list_sns {position:absolute; top:0; right:0; font-size:0;}
.footer .list_sns li {margin-left:22px; display:inline-block; vertical-align:top;}
.footer .list_sns li:first-child {margin-left:0;}
.footer .footer_info {width:100%; overflow:hidden;}
.footer .footer_info .logo {float:left;  margin-right:62px; opacity:.4;}
.footer .footer_info ul {float:left;}
.footer .footer_info ul li {display:block; margin-bottom:9px; line-height:1; font-size:16px; color:#888888;}
.footer .footer_info ul li:last-child {margin-bottom:0;}
.footer .footer_info ul li:last-child {margin-top:20px;}
.footer .footer_info ul li span {margin-right:10px; display:inline-block;}
.area_btn {position:relative; width:100%; text-align:center; padding-top:20px;}


/* 탭메뉴 */
.tab_form {width:100%; overflow:hidden; margin:auto;}
.tab_form li {cursor:pointer; position:relative; display:inline-block; width:33.3%; height:55px; line-height:55px; background:#fff; text-align:center; float:left; font-size:16px; color:#767676; border-bottom:1px solid #eee;}
.tab_form li.active {border-bottom:1px solid #4793ca; color:#4793ca; font-weight:bold;}
.tab_form li a {padding:0;}
.tab-cont {text-align:center; clear:both; padding:60px 0px 30px 0px;  min-height:400px;}
.tab-cont img {max-width:100%;}


@media screen and (max-width: 1600px) {
	.header {padding:0 30px;}
	.area_sub .content {padding:221px 30px 100px;}
	.header .nav li {font-size:20px;}
	.header .area_util > li {font-size:14px;}
	.footer .section {width:100%; padding:0 30px;}

}

@media screen and (max-width: 1440px) {
	.header .nav li a {padding:0 15px;}
	.footer .section {width:100%; padding:0 20px;}


}