/* common */
html, body {font-family: 'Pretendard', sans-serif; min-width:1200px; color:#333;}
.section {width:1400px; margin:auto; position:relative;}
.tab_cont {display:none;}
/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:9999; transition:.3s; background:#fff;}
.header .snb, .header .gnb {position:relative; width:1400px; margin:auto; overflow:hidden;}
.header .snb {overflow:hidden; height:35px; line-height:1;}
.header .snb .snb_info {padding-top:20px; float:left;}
.header .snb .snb_info li, .header .snb .snb_util li {display:inline-block;}
.header .snb .snb_info li {font-size:0; margin-right:18px;}
.header .snb .snb_info li em, .header .snb .snb_info li span {font-size:15px; font-style:normal; display:inline-block;}
.header .snb .snb_info li span {font-weight:bold; margin-right:10px;}
.header .snb .snb_info li em {color:#999;}
.header .snb .snb_util {padding-top:20px; float:right;}
.header .snb .snb_util li {margin-left:20px; color:#999; font-size:15px;}
.header .gnb {display:flex; justify-content:space-between; align-items:flex-end; padding-top:26px; padding-bottom:29px; position:relative;}
.header .gnb .logo {font-size:0;}
.header .gnb .area_search {position:absolute; left:0; right:0; margin:auto; width:500px;}
.header .gnb .gnb_side {display:flex; gap:20px; font-size:0;}
.header .gnb .gnb_side li {text-align:center;}
.header .gnb .gnb_side li img, .header .gnb .gnb_side li span {display:block; margin:auto;}
.header .gnb .gnb_side li span {color:#999; font-size:14px; padding-top:5px;}
.header .nav {position:relative; width:100%; line-height:50px; font-size:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.header .nav li {display:inline-block; vertical-align:middle; margin-right:38px; font-size:18px;}
.header .nav .nav_list li {position:relative;}
.header .nav .nav_list li a {padding-top:5px;}
.header .nav .nav_list li:hover .depth {display:block;}
.header .nav .nav_list li .depth {display:none; position:absolute; background:#fff; left:50%; top:100%; transform:translateX(-50%); text-align:center; padding:20px 0; border:1px solid #ddd; min-width:120px;}
.header .nav .nav_list li .depth.depth1 {width:auto;}
.header .nav .nav_list li .depth.depth3 {width:200px; left:-50%; margin-left:1050px;}
.header .nav .nav_list li .depth li {display:block; margin:0; font-size:16px; line-height:32px; text-align:center;}
.header .nav .nav_list li .depth li a {display:block; width:100%; height:100%;}
.header .nav .nav_list li .depth li a:hover {text-decoration:underline;}
.header.scroll {transition:.2s; box-shadow:0px 3px 10px rgba(0,0,0,0.025);}
.header.scroll .snb {display:none;}
.header.scroll .gnb {padding-top:20px;}
/* main */
.area_main {width:100%; height:100%; position:relative; overflow:hidden; padding-top:240px;}
.area_main .area_mainbanner {position:relative; width:1560px; text-align:center; margin:auto; font-size:0; margin-bottom:120px;}
.area_main .area_mainbanner .swiper-controls {position:absolute; top:0; width:1400px; height:100%; left:0; right:0; margin:auto;}
.area_main .area_mainbanner .swiper-button-prev, .area_main .area_mainbanner .swiper-button-next {width:80px; height:80px; margin-top:-32px; background-size:14px !important;}
.area_main .area_mainbanner .swiper-button-prev {background:url("../images/main/icon_main_slider_prev.png") center no-repeat; left:-80px;}
.area_main .area_mainbanner .swiper-button-next {background:url("../images/main/icon_main_slider_next.png") center no-repeat; right:-80px;}
.area_main .area_mainbanner .swiper-button-prev:active, .area_main .area_mainbanner .swiper-button-next:active {transition:.2s; opacity:1;}
.area_main .area_mainbanner .swiper-slide {width:1400px; opacity:1;}
.area_main .area_mainbanner .swiper-slide > a > img {border-radius:20px;}
.area_main .area_mainbanner .swiper-slide-active {opacity:1;}
.area_main .swiper-pagination {left:0px; right:0; bottom:25px; z-index:1000;}
.area_main .swiper-pagination .swiper-pagination-bullet {opacity:1; background:#adb9c0; width:12px; height:12px; border-radius:12px; margin-right:6px;}
.area_main .swiper-pagination .swiper-pagination-bullet-active {background:#cf7587;}
.area_main .article {position:relative; width:100%; padding-bottom:120px; background:#fff; min-height:300px;}
.area_main .article .title {font-size:36px; text-align:center; font-weight:normal; margin-bottom:60px; line-height:1;}
.area_main .article .tab_main {width:100%; text-align:center; font-size:0; margin-bottom:60px;}
.area_main .article .tab_main li {transition:.2s; display:inline-block; vertical-align:middle; font-size:18px; color:#999; border-radius:8px; margin-right:20px;}
.area_main .article .tab_main li a {position:relative; padding:0 20px 0px 33px; display:block; height:40px; line-height:40px;}
.area_main .article .tab_main li a:before {content:""; position:absolute; width:8px; height:8px; background:#666666; left:20px; border-radius:9px; top:50%; margin-top:-4px;}
.area_main .article .tab_main li:hover {background:#eee;}
.area_main .article .tab_main li.active {background:#e2992a; color:#fff;}
.area_main .article .tab_main li.active a:before {background:#fff;}
.area_main .article .tab_main li:last-child {margin-right:0;}
.area_main .article .btn_shop_more {transition:.3s; position:relative; width:390px; height:80px; line-height:80px; border-radius:80px; background:#ddd; font-size:20px; color:#777; text-align:center; margin:auto; display:block; margin:auto;}
.area_main .article .btn_shop_more:before {left:-500px;}
.area_main .article .btn_shop_more:after {right:-500px;}
.area_main .article .btn_shop_more:before, .area_main .article .btn_shop_more:after {position:absolute; content:""; width:500px; height:2px; background:#ddd; top:50%; margin-top:-1px;}
.area_main .article .btn_shop_more:hover, .area_main .article .btn_shop_more:hover:before, .area_main .article .btn_shop_more:hover:after {background:#ccc; }
.area_main .area_newbanner { position: relative; width: 1230px; overflow:hidden; margin: auto; }
.area_main .area_newbanner .swiper-wrapper {}
.area_main .area_newbanner .list_item { display: flex; transition: transform 0.3s ease; width: 100%; margin: 0; padding: 0; }
.area_main .area_newbanner .list_item .swiper-slide { width: 332px !important; margin-bottom: 0; transition: 0s; }
.area_main .area_newbanner .list_item .swiper-slide-active { width: 500px !important; height: 500px; color: #fff; margin-right: 35px !important; }
.area_main .area_newbanner .list_item .swiper-slide-active .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.area_main .area_newbanner .list_item .swiper-slide-active .thumb img { width: 100%; height: 100%; }
.area_main .area_newbanner .list_item .swiper-slide-active .thumb:before { position: absolute; bottom: 0; width: 100%; height: 220px; background: url("../images/main/bg_new_layer.png") bottom center no-repeat; content: ""; }
.area_main .area_newbanner .list_item .swiper-slide-active .pr_title { position: absolute; bottom: 66px; width: 100%; overflow: hidden; height: auto; line-height: 1; white-space: nowrap; text-overflow: ellipsis; color: #fff; padding: 0 30px; }
.area_main .area_newbanner .list_item .swiper-slide-active .pr_txt { display: none; }
.area_main .area_newbanner .list_item .swiper-slide-active .pr_info { position: static; }
.area_main .area_newbanner .list_item .swiper-slide-active .pr_info .s_price { display: none; }
.area_main .area_newbanner .list_item .swiper-slide-active .pr_info .price { position: absolute; bottom: 32px; left: 30px; color: #fff; }
.area_main .area_newbanner .list_item .swiper-slide:nth-child(4n) { margin-right: 20px; }
.area_main .new-prev, .area_main .new-next {width:54px; height:54px; border-radius:64px; margin-top:-27px;}
.area_main .best-prev, .area_main .best-next {width:54px; height:54px; border-radius:64px; margin-top:0px; top:0;}
.area_main .new-prev, .area_main .best-prev {background:url("../images/main/icon_slider_prev.png") center no-repeat #8d8d8d; left:0px;}
.area_main .new-next, .area_main .best-next {background:url("../images/main/icon_slider_next.png") center no-repeat #8d8d8d; right:0px;}
.area_main .best-prev {right:64px; left:auto;}
.area_main .article.best {padding-top:130px; background:#f7f7f7;}
.area_main .swiper3 .list_item .swiper-slide {margin-bottom:0px !important;}
.swiper-button-next:after, .swiper-button-prev:after {display:none;}
/* 서브 */
.sub_header {position:relative; width:100%; line-height:1; text-align:center; }
.sub_header .title {font-size:38px; margin-bottom:30px; line-height:1;}
.sub_header .section {padding:60px 0;}
.sub_header .sub_follow {position:absolute; top:30px; right:0; font-size:0;}
.sub_header .sub_follow li {display:inline-block; vertical-align:top; font-size:14px; color:#999;}
.sub_header .sub_follow li:after {position:relative; top:-2px; content:">"; font-size:14px; margin:0 10px; color:#999;}
.sub_header .sub_follow li:last-child {font-weight:bold;}
.sub_header .sub_follow li:last-child:after {display:none;}
.sub_header .sub_nav {position:absolute; bottom:25px; width:1180px; font-size:0; line-height:2; margin:auto; left:0; right:0;}
.sub_header .sub_nav li { position:relative; display:inline-block; color:#999; font-size:18px; margin-right:15px; padding-right:16px;}
.sub_header .sub_nav li:after {position:absolute; content:""; width:1px; height:16px; top:50%; margin-top:-8px; right:0; background:#ddd;}
.sub_header .sub_nav li:last-child {margin-right:0; padding-right:0;}
.sub_header .sub_nav li:last-child:after {display:none;}
.sub_header .sub_nav li.on {color:#e2992a; font-weight:bold;}
.sub_title {display:none; width:100%; text-align:center; font-size:32px; font-weight:bold; color:#000; line-height:1;}
.container {width:100%; min-height:800px; padding:207px 0 150px; position:relative; overflow:hidden;}
.container .content {position:relative; width:1400px; margin:auto;}
.container.mypage .sub_content {width:1400px; margin:auto;}
.container.mypage .lnb {float:left; width:130px;}
.container.mypage .lnb .list {margin-bottom:60px; width:100%; line-height:1;}
.container.mypage .lnb .list dt, .container.mypage .lnb .list dd {display:block;}
.container.mypage .lnb .list dt {margin-bottom:20px; color:#333; font-size:18px; font-weight:bold;}
.container.mypage .lnb .list dd {margin-bottom:16px; color:#999; font-size:16px;}
.container.mypage .lnb .list dd.on {color:#333;}
.container.mypage .lnb .list dd:last-child {margin-bottom:0;}
.container.mypage .content {width:1200px; float:right;}
/* login */
.login_container {display: flex;
justify-content: center; /* 가로 가운데 정렬 */
align-items: center; /* 세로 가운데 정렬 */
padding-top:75px;
}
.login_container .login_form {width:500px; background:#fff; margin:auto; text-align:center;}
.login_container .login_form .title {font-size:32px; display:block; margin-bottom:15px; line-height:1; font-weight:normal; text-align:center; }
.login_container .login_form .txt {font-size:16px; color:#777; line-height:24px; margin-bottom:20px;}
.login_container .login_form .check_area {width:100%; margin-bottom:25px; text-align:right;}
.login_container .login_form .check_area li {display:inline-block; margin-right:13px;}
.login_container .login_form .check_area li input[type='checkbox'] {}
.login_container .login_form .check_area li label {color:#666; font-size:16px; line-height:1.2; position:relative; margin-left:3px;}
.login_container .login_form .check_area li label, .login_container .login_form .check_area li input {cursor:pointer;}
.login_container .login_form .check_area li:last-child {margin-right:0;}
.login_container .login_form .join_area {width:100%; line-height:1; padding-top:30px; margin-top:25px; border-top:1px solid #eee;}
.login_container .login_form .join_area .tit {font-size:18px; font-weight:bold; margin-bottom:12px;}
/* 회사소개 */
.area_introduce {width:100%; height:840px; background:url("../images/sub/img_brand_introduce.png") center no-repeat;}
.area_technology {width:100%; height:13493px; background:url("../images/sub/img_brand_technology_240708.png?ver=1.3") center no-repeat; background-size:1920px;}
/* 회원가입 */
.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:900px; margin:auto; overflow:hidden; margin-bottom:80px; display:table;}
.join_step .step {display:table-cell; width:20%; padding:20px 0; 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 {display:none; font-size:13px; color:#888; 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;}
/* 회원가입 구분 */
.area_join_type {position:relative; width:100%; overflow:hidden; padding:0 45px;}
.area_join_type .join_type {position:relative; width:540px; height:608px; border:1px solid #dfdfdf; text-align:center; border-top:5px solid #333; padding:55px 0 60px;}
.area_join_type .join_type img {margin-bottom:40px;}
.area_join_type .join_type .title {font-size:24px; margin-bottom:20px; line-height:1;}
.area_join_type .join_type .txt {font-size:18px; line-height:28px; margin-bottom:20px; }
.area_join_type .join_type ol {padding-left:105px; text-align:left;}
.area_join_type .join_type ol li {font-size:16px; color:#888888; line-height:26px;}
.area_join_type .join_type .btn {position:absolute; bottom:60px; left:0; right:0; margin:auto; width:320px; height:58px; line-height:58px; font-size:20px; background:#999; color:#fff; font-weight:bold; display:block;}
.area_join_type .join_type.type1 {border-top-color:#2c99ce; float:left;}
.area_join_type .join_type.type1 .btn {background:#2c99ce;}
.area_join_type .join_type.type2 {border-top-color:#015c95; float:right;}
.area_join_type .join_type.type2 .btn {background:#015c95;}
/* 테이블 */
.table_form {width:100%; border-collapse:collapse; table-layout:fixed; border-top:1px solid #333;}
.table_form caption {display:none;}
.table_form tr {border-bottom:1px solid #ddd;}
.table_form th, .table_form td {padding:20px; text-align:left; font-size:14px; line-height:1.5;}
.table_form th {background:#f8f8f8;}
/* array */
.left {float:left;}
.right {float:right;}
/* 레이어팝업 */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); 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:1100px; margin:auto; background:#fff;}
.popup_layer .popup_title {width:100%; height:60px; line-height:60px; padding-left:20px; padding-right:20px; overflow:hidden; font-weight:normal; text-align:center; color:#fff; background:#e2992a; }
.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/btn_popup_close.png?ver=1.1") center right no-repeat; background-size:22px;}
.popup_layer .popup_content {position:relative; width:100%; }
.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 dd:last-child {margin-bottom:0;}
.popup_layer .popup_content .form select {width:100%; height:40px; border:1px solid #ddd; color:#333; padding-left:15px;}
.popup_layer.min .popup_container {width:640px;}
.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.bbsChange .popup_container {width:400px;}
.popup_layer.min .popup_wrap {width:800px; margin:auto;}
.popup_layer.min .popup_content .form {padding:20px;}
/* footer */
.btn_top { position:fixed; z-index:10; right:40px; bottom:40px; width:60px; height:60px; border-radius:64px; background:url("../images/common/icon_top.png") center no-repeat #959595;}
.footer {position:relative; width:100%;}
.footer .footer_menu {position:relative; width:100%; height:80px; background:#ddd;}
.footer .footer_menu .logo, .footer .footer_menu .list_menu {display:inline-block; vertical-align:middle;}
.footer .footer_menu .logo {margin-right:35px;}
.footer .footer_menu .list_menu li {display:inline-block; margin-right:15px; line-height:80px; font-size:16px;}
.footer .footer_info {position:relative; width:100%; padding:55px 0px 65px; background:#ececec; font-size:0;}
.footer .footer_info .contact {margin-bottom:50px;}
.footer .footer_info .contact .group {display:inline-block; vertical-align:top; padding:0 60px; height:123px; border-right:1px solid #d3d3d3;}
.footer .footer_info .contact .group li {display:block; line-height:26px; font-size:15px; color:#777;}
.footer .footer_info .contact .group li div {display:inline-block; margin-right:12px;}
.footer .footer_info .contact .group li div:last-child {margin-right:0;}
.footer .footer_info .contact .group li em {font-style:normal; font-weight:bold;}
.footer .footer_info .contact .group:first-child {padding-left:0;}
.footer .footer_info .contact .group:last-child {padding-right:0; border-right:0;}
.footer .footer_info .footer_txt {overflow:hidden; font-size:13px; color:#999;}
.footer .footer_info .footer_txt .copyright {float:left;}
.footer .footer_info .footer_txt .payments {float:right;}
.footer .footer_info .footer_txt .payments img {margin-right:20px; margin-top:2px;}
/* 입력폼 */
.form_wrap {position:relative; width:100%; margin-bottom:100px;}
.form_wrap .form_row {position:relative; width:100%; margin-bottom:80px;}
.form_wrap .form_row:last-child {margin-bottom:0;}
.form_wrap .form_row .title {width:100%; padding-bottom:20px; font-size:0; border-bottom:1px solid #424242; overflow:hidden;}
.form_wrap .form_row .title .tit {display:inline-block; width:calc(100% - 300px); font-size:20px;}
.form_wrap .form_row .title .s-txt {font-size:14px; line-height:29px; color:#888; float:right;}
.form_wrap .form_row .title .right {width:300px;}
.form_wrap .form_row .title .tit, .form_wrap .form_row .title .right {display:inline-block; vertical-align:middle;}
.form_wrap .form_row .cont {position:relative; width:100%; padding:20px 0;}
.form_wrap .form_row .cont .table_write tr:first-child th, .form_wrap .form_row .cont .table_write tr:first-child td {padding-top:0;}
.form_wrap .form_row .cont .table_write tr:last-child th, .form_wrap .form_row .cont .table_write tr:last-child td {padding-bottom:0;}
.form_wrap .table_write th, .form_wrap .table_write td {height:56px; padding:10px 15px; font-size:14px;}
.form_wrap .comment {color:#777; font-size:16px; display:block; padding-top:10px;}
.form_wrap .check label .comment {display:inline-block; padding-top:0;}
.form_wrap.orderdetail {margin-bottom:0;}
.form_wrap.orderdetail .form_row {margin-bottom:40px;}
.form_wrap.orderdetail .cont {padding-top:0;}
.area_bottom {position:relative; width:100%; overflow:hidden; text-align:center; font-size:0;}
.area_bottom > .btn {margin-right:5px;}
.area_bottom > .btn:last-child {margin-right:0;}
.area_bottom .txt {color:#a5a5a5; font-size:18px; display:inline-block; vertical-align:middle;}
.area_bottom .left .btn {margin-right:5px;}
.area_bottom .right .btn {margin-right:0; margin-left:5px;}
.text_common.addr2 {margin-top:10px;}
.text_common.addr2:last-child {margin-bottom:0;}
.terms_box {position:relative; width:100%; height:400px; overflow-y:auto; border:1px solid #ddd; padding:20px; background:#fcfcfc; margin-top:40px; margin-bottom:40px;}
.terms_box .page {width:100%; margin-bottom:30px;}
.register_field .signature_field {margin-bottom:40px;}
@media (max-width:1400px) {
/*
.section {width:1280px;}
.contents_store_lst .list_item .item {}
*/
}