@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
* {font-family: 'NotoSans'; letter-spacing:-1px;}
.section {width:1115px; margin:auto; position:relative;}

/* header */
.header {width:100%; height:123px; background:#fff; border-top:3px solid #63c652; border-bottom:1px solid #dddddd; position:relative;}
.header .logo {float:left; display:inline-block; padding-top:47px;}
.header .area_side {float:right; position:relative;}
.header .area_side .area_util {text-align:right; padding-top:14px; margin-bottom:29px; font-size:0;}
.header .area_side .area_util li {font-size:14px; color:#888; display:inline-block; vertical-align:middle;} 
.header .area_side .area_util li.line {width:1px; height:11px; background:#ddd;  margin:0 14px;}
.header .area_side .area_lang {text-align:left;float:left; margin-left:30px;}
.header .area_side .area_lang .selected {text-align:left; padding:0 10px; cursor:pointer; width:140px; height:32px; line-height:30px; display:inline-block; border:1px solid #888888; background:url("../images/common/icon_lang_arrow.png") 90% center no-repeat #fff; font-size:14px; color:#555;}
.header .area_side .area_lang .language {display:none; width:140px; z-index:9999; position:absolute; top:46px;}
.header .area_side .area_lang .language li {display:block; height:32px; line-height:32px; border:1px solid #888; border-top:0; font-size:13px; color:#999; background:#fff;}
.header .area_side .area_lang .language li:hover {background:#f5f5f5; color:#666;}
.header .area_side .area_lang .language li img {margin-top:-1px; vertical-align:middle; margin-right:3px;}
.header .area_side .area_lang .language li a {display:block; width:100%; height:100%; padding:0 10px;}
.header .area_side .nav {text-align:right; position:relative;}
.header .area_side .nav li {display:inline-block; font-size:17px; color:#121212; font-weight:600;}
.header .area_side .nav li:after {content:"/"; color:#ddd; margin:0 29px; font-weight:100;}
.header .area_side .nav li:last-child:after {display:none;}


/* main */
.area_main {width:100%; height:100%; position:relative; overflow:hidden;}
.area_main .area_mainbanner {width:100%; height:720px;}
.area_main .area_mainbanner .swiper-slide  {width:100%; height:100%; display:block; background-size:100% !important;}
.area_main .area_mainbanner .swiper-slide.banner01 {background:url("../images/main/banner/main_01.png") center no-repeat #eee;}
.area_main .area_mainbanner .swiper-slide.banner02 {background:url("../images/main/banner/main_02.png") center no-repeat #eee;}
.area_main .area_mainbanner .swiper-slide.banner03 {background:url("../images/main/banner/main_03.png") center no-repeat #eee;}
.area_main .area_mainbanner .swiper-slide.shop_banner01 {background:url("../images/sub/banner/shop_01.png") center no-repeat #eee;}
.area_main .area_mainbanner .swiper-slide.shop_banner02 {background:url("../images/sub/banner/shop_02.png") center no-repeat #eee;}
.area_main .swiper-pagination-bullet {cursor:pointer; width:18px; height:18px; border-radius:18px; border:2px solid #fff; background:transparent; opacity:1;} 
.area_main .swiper-pagination-bullet-active	{background:#63c652;}
.area_main .title {line-height:62px; font-size:52px; margin-bottom:45px; display:block; }
.area_main .title em {color:#63c652; font-style:normal;}
.area_main .copy {font-family:"Nanum Myeongjo"; font-size:24px; line-height:1; font-weight:100;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom:58px;}
.swiper-button-wrap {width:1115px; height:100%; margin:auto; top:0; left:0; right:0; position:absolute;}
.swiper-button-prev, .swiper-button-next {width:70px; height:22px; margin-top:11px;}
.swiper-button-prev {background:url("../images/main/icon_main_prev.png") no-repeat; left:0;}
.swiper-button-next {background:url("../images/main/icon_main_next.png") no-repeat; right:0;}
.area_main .area_menu {width:100%; max-width:1920px; margin:auto; position:relative; font-size:0; overflow:hidden; color:#fff; height:840px; padding:200px 0; background:url("../images/main/bg_main_menu.png") center no-repeat; background-size:cover;}
.area_main .area_menu .wrap_menu {width:1153px;  position:relative; margin:auto;}
.area_main .area_menu .wrap_menu li {display:inline-block; vertical-align:top; padding:0 19px; font-size:18px; margin-bottom:40px;}
.area_main .area_menu .wrap_menu li .title {width:730px; color:#fff;}
.area_main .area_menu .wrap_menu li .box {position:relative; transition:.3s; width:346px; height:200px; line-height:1;  padding:38px 31px; border:1px solid #ffffff; display:block;}
.area_main .area_menu .wrap_menu li .box:hover {opacity:.5;}
.area_main .area_menu .wrap_menu li .box h5 {font-weight:400; font-size:24px; margin-bottom:16px;}
.area_main .area_menu .wrap_menu li .box p {color:#ddd; font-weight:100; line-height:26px; font-size:17px;}
.area_main .area_menu .wrap_menu li .box .more {background:url("../images/main/icon_menu_more.png") no-repeat; width:61px; height:61px; position:absolute; bottom:0px; right:0px; text-indent:-99999px; display:block;}
.area_main .area_bottom {width:100%; max-width:1920px; margin:auto; position:relative; font-size:0; overflow:hidden; color:#232323; padding:161px 0 60px; background:url("../images/main/bg_main_notice.png") right no-repeat #f5f5f5;}
.area_main .area_bottom .title {margin-bottom:39px; line-height:1;}
.area_main .area_bottom .copy {margin-bottom:62px;}
.area_main .area_bottom .wrap_board {width:100%; vertical-align:top; overflow:hidden;}
.area_main .area_bottom .wrap_board .list {display:inline-block; width:255px; float:left; margin-left:31px; background:#fff;}
.area_main .area_bottom .wrap_board .list a {display:block;}
.area_main .area_bottom .wrap_board .list:first-child {margin-left:0;}
.area_main .area_bottom .wrap_board .list .thumb {width:100%; height:220px; background:#333;}
.area_main .area_bottom .wrap_board .list .thumb img {width:100%; height:100%;}
.area_main .area_bottom .wrap_board .list .cont {padding:24px 20px; height:150px;}
.area_main .area_bottom .wrap_board .list .cont h4 {font-size:20px; color:#121212; line-height:1.2; margin-bottom:11px; font-weight:600;}
.area_main .area_bottom .wrap_board .list .cont p {font-size:16px; color:#666; line-height:24px; height:48px;}
.area_main .area_bottom .wrap_bottom {width:1114px; padding:35px 0px; overflow:hidden; margin:auto; background:#fff; position:relative;}
.area_main .area_bottom .wrap_bottom .box {height:197px; padding:9px 0; padding-left:40px; border-right:1px solid #ededed; float:left; }
.area_main .area_bottom .wrap_bottom .box .tit {font-size:20px; line-height:1; color:#232323; font-weight:600; margin-bottom:26px;}
.area_main .area_bottom .wrap_bottom .box.area_customer {width:366px;}
.area_main .area_bottom .wrap_bottom .box.area_customer .tel { color:#63c652; margin-bottom:21px;}
.area_main .area_bottom .wrap_bottom .box.area_customer .tel img, .area_main .area_bottom .wrap_bottom .box .tel strong {line-height:1; display:inline-block; vertical-align:middle;}
.area_main .area_bottom .wrap_bottom .box.area_customer .tel img {margin-right:10px;}
.area_main .area_bottom .wrap_bottom .box.area_customer .tel strong {font-size:28px; font-weight:600;}
.area_main .area_bottom .wrap_bottom .box.area_customer .info {overflow:hidden;}
.area_main .area_bottom .wrap_bottom .box.area_customer .info li {padding-left:70px; position:relative; display:block; margin-bottom:14px;}
.area_main .area_bottom .wrap_bottom .box.area_customer .info li .th {font-weight:600; color:#333333; position:absolute; left:0;}
.area_main .area_bottom .wrap_bottom .box.area_customer .info li .th, .area_main .area_bottom .wrap_bottom .box.area_customer .info li .td {line-height:24px; font-size:16px;}
.area_main .area_bottom .wrap_bottom .box.area_customer .info li .td {color:#666; font-weight:100;}
.area_main .area_bottom .wrap_bottom .box.area_customer .info li:last-child {margin-bottom:0;}
.area_main .area_bottom .wrap_bottom .box.area_schedule {width:386px;}
.area_main .area_bottom .wrap_bottom .box.area_schedule .tit {margin-bottom:30px;}
.area_main .area_bottom .wrap_bottom .box.area_schedule .calendar {padding:11px 0px 15px 138px; font-size:16px; background:url("../images/main/bg_bottom_cal.png") left no-repeat; width:100%; height:111px;}
.area_main .area_bottom .wrap_bottom .box.area_schedule .calendar .txt {color:#666; line-height:23px; margin-bottom:15px;}
.area_main .area_bottom .wrap_bottom .box.area_schedule .calendar .more {color:#63c652; font-weight:600; padding-bottom:6px; border-bottom:1px solid #63c652;}
.area_main .area_bottom .wrap_bottom .box.area_notice {width:335px; padding-left:30px; border-right:0;}
.area_main .area_bottom .wrap_bottom .box.area_notice .board_title {overflow:hidden; margin-bottom:30px;}
.area_main .area_bottom .wrap_bottom .box.area_notice .board_title .tit {margin-bottom:0; float:left;}
.area_main .area_bottom .wrap_bottom .box.area_notice .board_title .more {font-size:16px; float:right;}
.area_main .area_bottom .wrap_bottom .box.area_notice ul li {float:left; width:209px; white-space:nowrap; text-overflow:ellipsis; color:#666}
.area_main .area_bottom .wrap_bottom .box.area_notice ul li:before {content:"·";}
.area_main .area_bottom .wrap_bottom .box.area_notice ul li, .area_main .area_bottom .wrap_bottom .box.area_notice span {line-height:1; margin-bottom:17px; overflow:hidden; font-size:16px;}
.area_main .area_bottom .wrap_bottom .box.area_notice ul li:last-child, .area_main .area_bottom .wrap_bottom .box.area_notice span:last-child {margin-bottom:0;}
.area_main .area_bottom .wrap_bottom .box.area_notice span {float:right; color:#999;}
.contents_store_lst li .product .info .title {line-height:1.3;}


/* sub */
.snb {width:100%; padding:14px 0; line-height:1.6; background:#fcfcf9; font-size:0; border-bottom:1px solid #ddd;}
.snb .sub_nav {width:1115px; margin:auto; text-align:right;}
.snb .sub_nav .menu {font-size:16px; color:#666; display:inline-block; margin-left:46px;}
.snb .sub_nav .menu.on {color:#121212; font-weight:bold;}
.content {width:100%; min-height:500px; position:relative; overflow:hidden;}
.sub_content {width:1280px; height:100%; margin:auto; padding:60px 0 120px; position:relative;}											 
.sub_content img {max-width:100%;}
.shopTab {text-align:center; font-size:0; margin-bottom:20px;}
.shopTab li {display:inline-block; width:33.3%; height:50px; line-height:50px; font-size:16px; border:1px solid #ddd; border-right:0;}
.shopTab li:first-child {border-radius:30px 0px 0px 30px;}
.shopTab li:last-child {border-right:1px solid #ddd; border-radius:0px 30px 30px 0px;}
.shopTab li.on {background:#49ab38; color:#fff; font-weight:600;}
.shopTab li a {display:block; width:100%; height:100%;}


/* 회사소개 */
.top_company {width:100%; height:240px;  background:url("../images/sub/bg_top_visual.png") center no-repeat; background-size:cover; padding-top:78px;}
.top_company .title {width:665px; font-weight:900; line-height:40px; margin:auto; font-family:"Nanum Myeongjo"; font-weight:bold; font-size:28px; color:#fff; text-align:center; background:url("../images/sub/bg_top_visual_txt.png") center top no-repeat;}
.top_company .title em {font-style:normal; color:#63c652;  font-family:"Nanum Myeongjo";}
.area_company {width:100%; overflow:hidden;}
.area_company .text {font-size:18px; color:#555; line-height:1.5; padding-bottom:80px; margin-bottom:40px; border-bottom:1px solid #ddd}
.area_company .ceo_signature {width:100%; text-align:right;}
.area_company .ceo_signature span, .area_company .ceo_signature img {display:inline-block; vertical-align:middle;}
.area_company .ceo_signature span {font-size:17px; color:#333; margin-right:19px;}


/* 등록인증서 */
.list_certify {width:100%; overflow:hidden; text-align:left;}
.list_certify li {transition:.3s; width:237px; height:334px; margin-bottom:30px; margin-right:20px; border:1px solid #eee; cursor:pointer; display:inline-block; vertical-align:top;}
.list_certify li:nth-child(5n) {margin-right:0;}
.list_certify li img {width:100%; height:100%;}
.list_certify li:hover {border:4px solid #63c652; box-shadow:0px 10px 20px #ddd;}



/* footer */
.certify_site {width:100%; overflow:hidden; padding:22px 0; background:#e4e4e4;}
.certify_site li {margin-right:57px; display:inline-block;}
.certify_site li:last-child {margin:0;}
.footer {width:100%; background:#232323; position:relative; overflow:hidden;}
.footer .area_policy {width:100%; height:61px; line-height:58px; color:#fff; font-size:16px; color:#fff; border-bottom:1px solid #323232;}
.footer .area_policy ul {float:left;}
.footer .area_policy ul li {display:inline-block; margin-right:29px;}
.footer .area_policy .area_sns {display:block; float:right; border-left:1px solid #323232; border-right:1px solid #323232; padding:0 21px;}
.footer .area_policy .area_sns img {vertical-align:middle;}								   
.footer .area_policy .area_sns ul {float:none; display:inline-block; margin-left:20px;}
.footer .area_policy .area_sns ul li {display:inline-block; margin-right:5px;}
.footer .area_policy .area_sns ul li:last-child {margin-right:0;}
.footer .area_contact {padding:23px 0; position:relative; overflow:hidden;}
.footer .area_contact .contact {font-size:0; width:70%; float:left;}
.footer .area_contact .contact p {line-height:26px; font-size:16px; color:#aaa; font-weight:100;}
.footer .area_contact .contact p span {display:inline-block;}
.footer .area_contact .contact p .line {margin:0 12px; width:1px; height:14px; background-color:#323232;}
.footer .area_contact .contact .copyright {font-size:16px; color:#888; padding-top:22px;}
.footer .area_contact .side_link {float:right;}
.footer .area_contact .side_link .blog {text-align:right; line-height:30px; font-size:16px; color:#fff; display:block; margin-bottom:14px;}
.footer .area_contact .side_link .blog img {margin-left:15px; width:30px;}
.footer .area_contact .link_ibo {padding-top:7px;}
.footer .area_contact .link_ibo li {width:120px; height:44px; line-height:44px; font-size:16px; display:inline-block; background:#323232; color:#fff; text-align:center; margin-left:10px;}
.footer .area_contact .link_ibo li a {display:block; width:100%; height:100%;}


/* 쇼핑몰 */
.shop_title {width:100%; font-size:28px; text-align:center; font-weight:400; color:#222; margin-bottom:50px; display:block;}



/* 회원 */
.login_form {border:1px solid #eaeaea; width:100%; padding:65px 420px; background:#fff; margin:auto;}
.login_form h3 {width:224px; display:block; margin:auto; margin-bottom:48px;}
.login_form ul {position:relative; text-align:center; margin-top:21px;}
.login_form ul li {display:inline-block; color:#888; font-size:14px; margin:0 12px;}
.login_form ul li:after {content:""; position:absolute; display:block; top:3px; left:235px; width:1px; height:16px; background-color:#ddd;}
.login_form ul li:last-child:after {display:none;}


/* 회원가입(준비) */
.area_jointype {position:relative; width:100%;}
.area_jointype .sub_title {text-align:center; font-size:28px; margin-bottom:10px;}
.area_jointype .txt {text-align:center; font-size:16px; line-height:30px; margin-bottom:30px;}
.area_jointype .list {overflow:hidden; font-size:0;} 
.area_jointype .box {transition:.3s; display:inline-block; vertical-align:top; width:calc(50%); height:350px; background:#fff; padding:0px 40px; border:1px solid #eee; text-align:center;}
.area_jointype .box .cont {display:table; width:100%; height:100%;}
.area_jointype .box .cont > div {display:table-cell; vertical-align:middle;}
.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 {width:300px; margin:auto; text-align:left; margin-bottom:15px;}
.area_jointype .box ul li {display:block; font-size:14px; color:#555; line-height:1.6;}
.area_jointype .box .link {background:#222; margin-top:7px; color:#fff; display:inline-block; padding:15px 40px; border-radius:100px; font-size:14px; text-align:center;}
.area_jointype .box.type1 {margin-right:0px; border-right:0;}
.area_jointype .box.type2 {background:#fff;}
.area_jointype .box:hover {background:#f8f8f8;}



/* 회원가입 */
.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:600; color:#333333; margin-bottom:10px;}
.join_titleB{font-size:13px; font-weight:600; 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:after{content:""; display:block; clear:both; }
.join_step li{float:left;}
.join_step li:after{content:""; display:block; clear:both; }
.join_step li p{float:left; height:40px; line-height:35px; text-align:center;}
.step_arrow{width:16px; height:40px; background:url(../img/joinStep_arrow.png) no-repeat;}
.step_off{width:129px; height:40px; border-radius:5px; border:1px solid #cccccc; color:#666666; box-sizing:border-box; font-weight:600;}
.step_on{width:129px; height:40px; border-radius:5px; border:1px solid #333333; color:#FFFFFF; box-sizing:border-box; font-weight:600; background:#333333;}
.join {margin-top:40px; text-align:left;}
.join_text{font-size:13px; font-weight:600; color:#333333; margin-bottom:15px;}
.join_checkbox{margin-bottom:20px;}
.join_check{text-align:right; margin-top:10px;}
.join_check label{color:#555555; margin-right:5px;}
.join_check input{position:relative; top:3px;}
.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:600; 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 #cccccc; background:#ffffff; color:#666666; font-size:15px; font-weight:600; margin:0 2px; cursor:pointer;}
.join_btn_next{width:170px; padding:13px 0; border:1px solid #333333; background:#333333; color:#FFFFFF; font-size:15px; font-weight:600; 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:600; color:#555; cursor:pointer;}
.join_end{text-align:center;}
.joinEnd_title{font-family: '나눔고딕', 'Nanum Gothic', sans-serif; font-size:22px; font-weight:600; color:#333333;}
.jeB_1{font-size:38px; color:#ECAB0B;}
.jeB_2{font-size:38px; color:#015cab;}
.joinEnd_B{font-size:17px; font-weight:600; 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:600; cursor:pointer;}



/* 쇼핑몰 */
.shop_wrap {width:100%; position:relative; overflow:hidden; text-align:center; font-size:0;}
.shop_wrap .shop_link {width:280px; margin:0 2%; font-size:14px; vertical-align:top; display:inline-block; text-align:center; border:1px solid #ddd; background:#fff;}
.shop_wrap .shop_link .title {font-size:24px; padding:20px 0; line-height:1.3; margin-bottom:40px; color:#fff; background:#ccc; display:block;}
.shop_wrap .shop_link em {font-style:normal; font-size:18px; display:block; margin-bottom:20px;}
.shop_wrap .shop_link ul {margin-bottom:40px;}
.shop_wrap .shop_link ul li {display:block; line-height:34px; width:180px; margin:auto; color:#666; border-bottom:1px dashed #eee;}
.shop_wrap .shop_link.shop01 .title { background:#5bc040;}
.shop_wrap .shop_link.shop01 em {color:#5bc040;}
.shop_wrap .shop_link.shop01 .more {color:#5bc040;}
.shop_wrap .shop_link.shop02 .title { background:#12cd84;}
.shop_wrap .shop_link.shop02 em {color:#12cd84;}
.shop_wrap .shop_link.shop02 .more {color:#12cd84;}
.shop_wrap .shop_link.shop03 .title { background:#999;}
.shop_wrap .shop_link.shop03 em {color:#999;}
.shop_wrap .shop_link.shop03 .more {color:#999;}
.shop_column {width:100%; padding:60px 0 20px 0; background:#fff;}
.shop_column:nth-child(odd) {background:#f4f7ea;}


/* popup */
.commonPopup {width:100%;}
.commonPopup * {margin:0; padding:0;}
.commonPopup .title {width:100%; height:60px; line-height:60px;  background:#542075; color:#fff;}
.commonPopup .title .inTitle {margin:0 20px; text-align:left; posi	tion:relative; font-family:"Nanum Gothic";}
.commonPopup .title .inTitle h3 {font-size:18px; font-weight:600;}
.commonPopup .title .inTitle img {position:relative; top:6px; margin-right:10px;}
.commonPopup .popup_content { width:100%; padding:30px 30px; font-size:14px; position:relative; background:#fff; overflow-y:auto;}
.commonPopup .popup_content .txt {font-size:14px; line-height:24px; color:#333; word-break:keep-all;}
.commonPopup .popup_content .txt b {font-weight:600;}
.commonPopup .popup_content .list {line-height:1.6; margin:0; padding:0;}
.commonPopup .popup_content .list li {word-break:keep-all; position:relative; display:block; padding-left:10px; margin-bottom:5px;}
/*.commonPopup .popup_content .list li:last-child {margin-bottom:0;}*/
.commonPopup .popup_content .list.dash li:before {content:"-"; position:absolute; left:0;}
.commonPopup .btn_area {border-top:1px solid #ddd; background:#fafafa; font-size:0; text-align:right;}



/** 팝업 **/
.pop-layer .pop-container {font-family: '나눔고딕', 'Nanum Gothic', sans-serif;  padding: 30px;position:relative; font-family: 'Nanum Gothic', sans-serif; box-shadow:0px 4px 10px #333;}
.pop-layer p.ctxt {color: #666;line-height: 25px; font-family: 'Nanum Gothic', sans-serif;}
.pop-layer .btn-r {width: 100%;text-align: right;position:absolute;top:0;right:0;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 910px;height: auto;background-color: #fff; z-index: 10;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;height: 30px;padding: 0 14px 0; line-height:30px; background-color: #79be49;font-size: 13px;color: #fff;}
.popup_tit {color:#333; font-size:20px; font-weight:bold; margin-bottom:40px;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}

/** 팝업 탭 **/
.poptab {position:relative; padding-top:31px; font-family: 'Nanum Gothic', sans-serif;}
.poptab>li>a {display:block; position:absolute; font-size:14px;top:0; width:95px;height:30px;line-height:30px;text-align:center; background:#fff; color:#555; border-radius:10px 10px 0px 0px; border:1px solid #e4e4e4; border-bottom:0;}
.poptab>li.tabon>a {background:#000; height:31px; color:#fff;font-weight:bold;}
.poptab>li:first-child>a {left:0;}
.poptab>li+li>a {left:100px;}
.poptab>li+li+li>a {left:200px;}
.poptab>li+li+li+li>a {left:300px;}
.poptab>li+li+li+li+li>a {left:400px;}
.poptab>li+li+li+li+li+li>a {left:500px;}
.poptab>li+li+li+li+li+li+li>a {left:600px;}
.poptab>li+li+li+li+li+li+li+li>a {left:700px;}
.poptab>li+li+li+li+li+li+li+li+li>a {left:800px;}
.poptab>li+li+li+li+li+li+li+li+li+li>a {left:900px;}

.poptab>li>div {height:0; overflow:hidden; position:absolute; }
.poptab>li.tabon>div {height:360px; overflow-y:auto; position:static;}
.poptab table {width:100%;float:left; border:1px solid #ddd; border-collapse: collapse;}
.poptab th { font-weight:bold; padding:10px; line-height:20px;width:92px; border-right:1px solid #e4e4e4; border-bottom:1px solid #ddd; color:#111;}
.poptab td {color:#666; padding:10px; border:1px solid #ddd; font-size:14px; letter-spacing:0; line-height:20px;}
.table_tit {text-align:center; font-size:14px; font-weight:bold;}

.warning_email {width:800px; margin:auto; border:5px solid #86e36d; padding:70px; text-align:center; font-size:24px; line-height:1.5; word-break:keep-all; margin-top:30px;}


/** followquick **/
#followquick {background:#fff; width:80px; position:absolute; top:30px; right:-100px; z-index:99999; text-align:center; }
#followquick img{vertical-align:top;}
#followquick .head {padding:12px 0px 14px 0px; color:#fff; letter-spacing:-1px; text-align:center; background:#444;}
#followquick .head h4 {font-size:15px; line-height:16px; margin-bottom:8px;}
#followquick .head p {font-size:12px;}
#followquick .quick_top{ display:block; margin-top:15px; width:100px; text-align:center;}
#followquick .view_cart{margin-bottom:5px; text-align:center; border:1px solid #eee;  box-sizing:border-box; }
#followquick .view_cart_title{line-height:35px; font-weight:600; color:#333333;}
#followquick .view_cart ul {background:#fff; padding:10px 12px;}
#followquick .view_cart ul li{}
#followquick .view_cart ul li img{width:100%; border:1px solid #EEEEEE; box-sizing:border-box;}
#followquick .view_cart_nall{border-top:1px solid #eee; overflow:hidden; vertical-align:middle; font-size:0;}
#followquick .view_cart_nall a{float:left; vertical-align:middle;}
#followquick .view_cart_nall span{float:left; font-size:12px; color:#999999; display:inline-block; line-height:13px; width:40px; text-align:center;}
#followquick .view_cart_nall #tview_page {width:42px; height:18px; line-height:20px; border-left:1px solid #eee; border-right:1px solid #eee; text-align:center; font-size:12px; color:#666; font-family:"Dotum";}
#followquick .link {width:100%; height:30px; line-height:30px; display:block; color:#fff; font-size:12px;}
#followquick .link.cart {background:#63c652; margin-bottom:1px;}
#followquick .link.delivery {background:#49ab38; margin-bottom:1px;}
#followquick .link.fast {background:#3a9829; margin-bottom:1px;}
#followquick .link.top {height:30px; line-height:30px; background:#eee; color:#252525;}
#followquick .link.favorite {background:#555; height:30px; line-height:30px; color:#fff;margin-bottom:1px;}
#followquick #TodayView {padding:5px; overflow:hidden;}
#followquick #TodayView ul {height:auto !important;}
#followquick #TodayView ul li {display:block; width:auto !important; margin-bottom:4px !important; height:auto !important;}
#followquick #TodayView ul li:last-child {margin-bottom:0px !important;}

/* 탭 */
.tab_con { clear:both;}
.tab_con > .tab_div {position:relative; display:none; word-break:keep-all; height:auto; background:#fff; padding:30px 30px 10px 30px; overflow:hidden;}
.tab_contents {position:relative; display:none; word-break:keep-all; height:auto; background:#fff; overflow:hidden;}	
.nav_tab {width:100%;  margin-bottom:40px;}
.nav_tab:after {clear:both; display:block; content:"";}
.nav_tab li {cursor:pointer; transition:.3s; font-size:15px;  color:#333; width:25%; height:50px; line-height:50px; margin-bottom:-1px; text-align:center; display:block; float:left; border:1px solid #ebebeb; margin-right:-1px; font-weight:100;}
.nav_tab li:hover {background:#f4f4f4;}
.nav_tab li.on {background:#3d3d3d; color:#fff; font-weight:600;}
.nav_tab li.on:hover {background:#000;}
.nav_tab li:nth-child(4n) {margin-right:0;}
.m01 .m01Cont {background:url(../../img/m01Cont.jpg) no-repeat; height:102px;}
.m01 .m01Cont .m01Btn {text-align:right; padding-top:16px;}
.m01 .m01Cont .m01Btn li {padding-bottom:7px;}
.m03 .m03Cont {margin:0 auto; overflow:hidden; margin-left:23px;}
.m05 {text-align:left; font-size:14px; line-height:28px; color:#686868;}
.m05 h2 {color:#5fa416; font-size:18px; font-weight:bold; margin:35px 0 20px; padding-bottom:20px; border-bottom:3px solid #444547;}
.m05 h3 {color:#5fa416; font-size:14px; padding:25px 0 5px; font-weight:bold;}
.m05 h4 {margin-top:10px; font-weight:bold;}
.m05 .group {border-bottom:1px solid #eee; overflow:hidden; padding:0 0 20px 15px;}
.m05 span {font-size:12px; color:#a3a3a3; line-height:20px;}
.m05 ol.m05_ol {margin-left:13px;}
.m05 ol.m05_ol li {list-style-type:decimal; line-height:26px;}


 /* 정렬관련 */
.t0 {top:0% !important;}
.b0 {bottom:0%;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt60 {margin-top:60px !important;}
.mt90 {margin-top:90px !important;}
.pt5 {padding-top:5px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt60 {padding-top:60px !important;}
.pt90 {padding-top:90px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.mb60 {margin-bottom:60px !important;}
.mb90 {margin-bottom:90px !important;}
.ml0 {margin-left:0px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.bt01 {border-top:1px solid #d7d7d7;}
.bb01 {border-bottom:1px solid #d7d7d7;}
.b0 {border:0 !important;}
.br0 {border-right:0;}
.bl0 {border-left:0;}
.p0 {padding:0px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.ps20 {padding:0 20px !important;}
.pl0 {padding-left:0px !important;}
.pr0 {padding-right:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.mt0 {margin-top:0 !important;}
.ml5 {margin-left:5px !important;}
.mr5 {margin-right:5px !important;}
.mb0 {margin-bottom:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pt0 {padding-top:0;}

/* 사이즈 */
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}
.h20 {height:195px !important;}
.h30 {height:240px !important;}
.h40 {height:40% !important;}
.h50 {height:50% !important;}
.h60 {height:580px !important;}
.h70 {height:625px !important;}
.h80 {height:670px !important;}
.h100 {height:100% !important;}
.r0 {right:0 !important;}

/* 테이블 */
.table_form {width:100%; border-collapse:collapse;}
.table_form td, .table_form th {border-bottom:1px solid #e6e6e6; font-weight:100; font-size:16px; text-align:center; padding:10px 15px; height:45px; letter-spacing:0;}
.table_form th {background:#777; color:#fff; height:50px; border-right:1px solid #999; font-weight:400; font-size:16px; border-bottom:0;}
.table_form th.div {background:#eee; height:50px; border-right:0; border-bottom:1px solid #e6e6e6;}
.table_form td {color:#555;}
.table_form tr td:nth-child(9) {text-align:left;}
.table_form tr:nth-child(odd) {background:#fcfcfc;}