/*공통*/
.mn_point { color:#009845; }
.bg_point{background-color: #009845;}
.Prtd1{ font-family: 'Prtd1'; /*thin*/ }
.Prtd2{ font-family: 'Prtd2'; /*extralight*/ }
.Prtd3{ font-family: 'Prtd3'; /*light*/ }
.Prtd4{ font-family: 'Prtd4'; /*regular*/ }
.Prtd5{ font-family: 'Prtd5'; /*mediun*/ }
.Prtd6{ font-family: 'Prtd6'; /*semibold*/ }
.Prtd7{ font-family: 'Prtd7'; /*bold*/ }
.Prtd8{ font-family: 'Prtd8'; /*extrabold*/ }
.Prtd9{ font-family: 'Prtd9'; }
.ntsrif1{ font-family: 'ntsrif1' !important; }
.ntsrif2{ font-family: 'ntsrif2' !important; }
.bottom160{margin-bottom: 160px;}
input::placeholder{color: #999;}
textarea::placeholder{color: #999;}
.file_form input{border: none !important; padding: 0 !important; width: auto !important;}

/*노리스트 */
.noticeWrap .nolist_Wrap, .customer_wrap .nolist_Wrap{margin-top: 160px;}
.nolist_Wrap{display: none; width: 100%; float: left; margin: 50px 0;}
.nolist_Wrap > div{width: 100%; float: left;  text-align: center;}
.nolist_Wrap .icon i{font-size: 45px; color: #ccc;}
.nolist_Wrap .txt{font-size: 18px; margin-top: 15px; color: #999;}


/* 로그인 */
.login_box, .create_account{padding: 120px 0; margin-top: 135px;}
.login_box > div{width: 600px;}
.login_box .login_set{width: 100%; float: left; border: 1px solid #eaeaea; padding: 60px 40px 40px 40px; border-radius: 10px;}
.login_set .login_tittle{width: 100%; float: left; text-align: center;}
.login_set .login_tittle > div{width: 100%; float: left;  color: #666;}
.login_set .login_tittle .title{font-size: 28px; font-weight: 500; color: #000;}
.login_set .login_tittle .sub{font-size: 17px; font-weight: 300; color: #666; margin-top: 10px;}
.login_set .login_main{width: 100%; float: left; margin-top: 30px;}
.login_set .login_main form{width: 100%; float: left;}
.login_set .login_main form > ul{width: 100%; float: left; padding: 20px;}
.login_set .login_main form > ul > li{width: 100%; float: left; margin-top: 10px; font-weight: 400;}
.login_set .login_main .trans_pass{margin-top: 50px;}
.login_set .login_main input{width: 100%; height: 50px; float: left; padding-left: 15px; font-size: 16px; color: #333; border: 1px solid #ccc; border-radius: 3px;}
.login_set .login_main .btnWrap{width: 100%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-top: 30px;}
.login_set .login_main .btnWrap button{background: #009845; color: #fff; font-size: 18px;}
.login_set .login_main .btnWrap .checkCustomLabel{float: left; margin-top: 15px;}
.login_set .login_main .btnWrap .checkCustomLabel i{font-size: 21px; vertical-align: middle;}
.login_set .login_main .btnWrap .checkCustomLabel .on{color: #009845;}
.login_set .login_main .btnWrap .checkCustomLabel .off{color: #ddd;}
.login_set .login_main .btnWrap .checkCustomLabel span{font-size: 15px; color: #333; font-weight: 500; margin-left: 5px; vertical-align: middle;}
.login_set .login_main .link_wrap{width: 100%; float: left; margin-top: 20px;}
.login_set .login_main .find_wrap{width: 44%; float: left; font-size: 16px; }
.login_set .login_main .join_wrap{width: 40%; float: right; text-align: right; font-size: 16px; font-weight: 400;}
.login_set .login_main .kakao{width: 100%; float: left; cursor: pointer; background-color: #ffeb00; border-radius: 5px; padding: 10px; margin-top: 40px; display: flex; align-items: center;}
.login_set .login_main .kakao .icon{width: 15%; float: left; padding: 3px 20px 0 20px;}
.login_set .login_main .kakao ul li{width: 100%; float: left; text-align: center; color: #3f2221; font-size: 17px; font-weight: 500;}
.login_set .login_main .kakao .icon img{width: 100%; float: left;}
.login_set .login_main .kakao .txt{width: 85%; float: left; border-left: 1px solid #e1d218;}
.login_set button{width: 100%; float: left; height: 50px; border-radius: 3px; font-weight: 500;}


/* 회원가입 */
.create_account > div{width: 800px;}
.create_account .create_accountbox{width: 100%; float: left; padding: 0 25px;}
.create_account .create_account_formbox{width: 100%; float: left; padding: 80px 0 60px 0; border-bottom: 1px solid #d3d3d3;}
.create_account_formbox > form{width: 100%; float: left;}
.create_account_formbox > form > div{width: 100%; float: left;}
.create_account_formbox > form > div:not(:first-child){margin-top: 35px;}
.create_account_formbox .create_account_formid1{width: 18%; font-size: 16px; font-weight: 500; padding-top: 15px;}
.create_account_formbox .create_account_formid1 > li{width: 100%; float: left;}
.create_account_formbox .create_account_formid1_1{width: 82%; float: left;}
.create_account_formbox .create_account_formid1_1.certtel{float: right !important; margin-top: 10px; }
.create_account_formbox .create_account_formid1_1.certtel button{background-color: #009845; color: #fff;}
.create_account_formbox .create_account_formcheck{width: 100%; font-size: 15px; margin-top: 10px; color: #333; font-weight: 400; display: flex; align-items: center; justify-content: flex-start; gap: 5px;}
.create_account_formbox .create_account_formcheck.check2{color: #cc3333;}
.create_account_formbox .create_account_formcheck i{width: 3%; font-size: 20px;}
.create_account_formbox .create_account_formid1_1.flex_form{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.create_account_formid2{width: 74%;}
.create_account_formid2 > input{width: 100%; font-size: 15px; font-weight: 300;}
.create_account_formid3{width: 24%; margin-left: 2%;}
.create_account_formid3 > button{float: left; width: 100%; height: 55px; line-height: 53px; font-size: 16px; border: 1px solid #009845; font-weight: 500; background: #ffffff;}
.create_account_password2{width: 100%; float: left;}
.create_account_password2 > input{width: 100%; float: left;}
.create_account input{padding-left: 20px; font-size: 16px; border: 1px solid #d3d3d3; border-radius: 5px; height: 55px;}
.create_account_formbox > form > div > ul{width: 100%; float: left;}
.create_account .create_account_formbox li{float: left;}
.create_account .create_password_notice{width: 100%; color: #cc3333; font-size: 15px; font-weight: 400; margin-top: 10px;}
.create_account .create_account_inputemail{width: 36%;}
.create_account .create_account_inputemail > input{width: 100%; height: 55px; border: 1px solid #d3d3d3; border-radius: 5px 5px 5px 5px;}
.create_account .create_account_center{font-size: 17px; font-weight: 400;}
.create_account .create_account_select > select{height: 55px; font-size: 15px; padding-left: 15px; border: 1px solid #d3d3d3; border-radius: 5px 5px 5px 5px;}
.create_account .create_account_formbox .create_account_formid1_2{width: 82%; float: left;}
.create_account .create-account_inputtel > input{width: 100%; font-weight: 300;}
.create_account .create_account_bar{text-align: center;}
.create_account_policy .agree_form{margin-top: 60px !important;}
.create_account_policy .agree_form .check_box{margin-top: 0 !important;}
.create_account_policy .agree_form .inquiry_box{padding: 0 !important;}
.create_account_policy .summit_btn button{background-color: #009845 !important;}

/* 아이디,비번 찾기 */
.find_box .find_tap{width: 100%; float: left;}
.find_box .find_tap > ul{width: 100%; float: left;}
.find_box .find_tap > ul > li{width: 50%; float: left; text-align: center; height: 60px; line-height: 60px; font-size: 18px; font-weight: 500; border: 1px solid #eaeaea; border-bottom: none; cursor: pointer;}
.find_box .find_tap > ul > li.active{background-color: #475152; color: #fff; border: none;}
.find_box .find_tap > ul > li > a{width: 100%; float: left;}
.find_box.login_box .login_set{border-top-right-radius: 0px !important; border-top-left-radius: 0px !important;}
.find_box .call_certi > p{width: 70%; float: left;}
.find_box .call_certi > p.cc_bt{width: 30%; padding-left: 5px;}
.find_box .call_certi > p.cc_bt > button{background-color: #fff; border: 1px solid #009845; color: #009845; font-size: 16px; font-weight: 500;}
.find_box .call_certi > p.cc_bt02 > button{color: #fff !important; border: none; background-color: #009845;}
.find_box .btnWrap{border-bottom: none !important;}
.find_box .findit_id{width: 100% !important; padding-top: 27px; font-size: 17px; border-radius: 5px; text-align: center;}
.find_box .findit_id span{font-weight: 600;}
.find_box .error{color: #cc3333; font-weight: 600;}
.find_box .certinputwrap.error input{border: 1px solid #cc3333;}
.find_box .finish_wrap{display: none; width: 100%; float: left; height: 625px; text-align: center; border: 1px solid #eaeaea; border-radius: 10px; padding: 0 60px;}
.find_box .finish_wrap > div{width: 100%; float: left; top: 50%; transform: translateY(-50%);}
.find_box .finish_wrap i{color: #ccc; font-size: 48px;}
.find_box .finish_wrap .txt{font-size: 20px; color: #999; margin-top: 20px;}
.find_box .finish_wrap .login_btnWrap{width: 100%; float: left; height: 50px; line-height: 50px; margin-top: 65px; border-radius: 3px; font-weight: 500;font-size: 18px; color: #fff;}



/* 탑메뉴 */
.top_header { z-index:999; position: fixed; top:0; left:0; transform: translateY(0px); height: 135px; }
.top_header .hd_wrap  { position: relative; float: left; margin: 0; width: 100%; height: 135px;/* background:#fff; */ box-sizing: border-box;text-align: left;z-index: 98; transition: .2s; }
.top_header .hd_wrap .top { display: flex; position: relative; max-width: var(--wrap); height:30px; margin:0 auto; translate: .2s; box-sizing: border-box; }
.top_header .hd_wrap .top .top_log { position:relative; margin-left: auto; display:flex; align-items: flex-end; }
.top_header .hd_wrap .top .top_log ul { display: flex; align-items: center;  }
.top_header .hd_wrap .top .top_log ul li { float: left;  position: relative; padding: 0 13px; line-height: 100%;}
.top_header .hd_wrap .top .top_log ul li:before { content: ''; position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #dedede; }
.top_header .hd_wrap .top .top_log ul li:first-child:before { display: none; }
.top_header .hd_wrap .top .top_log ul li:last-child {float: left; padding-right: 0; }
.top_header .hd_wrap .top .top_log ul li a { display: flex; align-items: center; color:#fff; font-size: 13px; transition: none;}

.top_header .hd_wrap .header { display: flex; position: relative; height:52px; max-width: var(--wrap); margin-top:26px; box-sizing: border-box; justify-content: space-between;}
.top_header .hd_wrap .header .top_logo {text-align: left; float:left; z-index:98; }
.top_header .hd_wrap .header .top_logo a { display: inline-block; }
.top_header .hd_wrap .header .top_logo img { height:52px; }
.top_header .hd_wrap .header .top_logo img { height:52px; }
.top_header .hd_wrap .header .main_menu { float:left;}
.top_header .hd_wrap .header .main_menu ul { width:100%; float:left; text-align:center;  }
.top_header .hd_wrap .header .main_menu ul li { float:left; margin:0 auto; height:52px; line-height:52px; font-size:18px; color:#fff; font-weight:500; padding: 0 35px;}
.top_header .hd_wrap .header .main_menu ul li a { width:100%; float:left; font-weight: 500;}
.top_header .hd_wrap .header .main_menu .sub_menu { width:100%; float:left; background-color: #ffeeee; }
.top_header .hd_wrap .header .main_menu .sub_menu li { display: flex; gap: 80px; justify-content: center; width:100%; box-sizing: border-box; }
.top_header .hd_wrap .header .main_menu ul li a.active {font-weight:500; color:#009845;}

.top_header .hd_wrap .header .right_icon {float: left; position: relative; text-align: center; }
.top_header .hd_wrap .header .right_icon > div{float: left; padding-left: 27px;}
.top_header .hd_wrap .header .right_icon > div > a{display: block; height: 52px;}
.top_header .hd_wrap .header .right_icon .lang_box { z-index:999; background-color:#fff; box-shadow: 1px 2px 7px rgba(0,0,0,0.2); border-radius:10px; width:130px; position: absolute; top:68px; right:-42px; padding: 20px; display: none; transition-duration: 2; transition-timing-function: ease; }
.top_header .hd_wrap .header .right_icon .lang_box ul { width:100%; float:left; }
.top_header .hd_wrap .header .right_icon .lang_box ul li { width:100%; float:left; height:40px; line-height:40px; cursor: pointer; }
.top_header .hd_wrap .header .right_icon .lang_box ul li a{width: 100%; float: left; letter-spacing: 0;}
.top_header .hd_wrap .header .right_icon .lang_box ul li.active{color: #009845; font-weight: 600;}

.top_header .hd_wrap .header .black_logo { opacity:0; position: absolute; top:0 }
.top_header .hd_wrap .header .right_icon .black_img { opacity:0; width: 28px; height: 28px; transform: translateY(-28px);}
.top_header .hd_wrap .header .right_icon .white_img{width: 28px; height: 28px;}
.top_header .hd_wrap .header .lang_wrap img{left: 50%;}
.top_header .hd_wrap .header .lang_wrap .black_img{transform: translateY(-14px);}
.top_header .hd_wrap .header .lang_wrap{padding-left: 17px; cursor: pointer;}

.top_header .right_icon .icon_txt{margin-top: 5px; font-size: 12px; font-weight: 500; transform: translateY(-28px);}
.top_header .right_icon .icon_txt.white_txt{color: #fff;}
.top_header .right_icon .icon_txt.black_txt {position: absolute; color: #475152; top: 56px; opacity: 0;}

.korean.right_icon{width: 15%; display: flex; justify-content: flex-end; align-items: flex-start; gap: 25px;}
.korean.right_icon > div{width: auto; padding-left: 0 !important; text-align: center;}
.korean.right_icon .white_img{left: 50%; transform: translate(-50%, 0px) !important;}
.korean.right_icon .black_img{left: 50%; transform: translate(-50%, -28px) !important;}
.korean.right_icon .icon_txt{width: 100%; left: 50%; transform: translate(-50%, -28px) !important;}
.korean .lang_wrap{padding-left: 0 !important;}
.korean .lang_wrap > div{width: 100%; float: left;}
.korean .lang_wrap img{left: 0 !important;}
.korean .lang_wrap .lang_box{right: -27px !important;}

.vietnam.main_menu ul li{font-size: 17px !important;}

.lang_icon.right_icon .black_img{opacity: 1 !important; width: auto !important; height: auto !important; transform: translateY(0) !important;}
.lang_icon.right_icon .icon_txt.black_txt{position: relative !important; top: 0 !important;; opacity: 1 !important;}
.lang_icon.right_icon .lang_wrap .black_img{left: 0 !important; transform: translateY(0) !important;}
.lang_icon.right_icon .icon_txt{transform: translateY(0) !important;}
.lang_icon .lang_wrap{height: 65px; padding-top: 5px;}
.lang_icon .lang_wrap img{left: 0 !important;}

/* 탑메뉴 호버했을 때 */
.top_header:hover { background-color:#fff; transition: 0.3s; border-bottom: 1px solid #dedede;}
.top_header:hover .hd_wrap .top .top_log ul li a{ color:#475152; }
.top_header:hover .hd_wrap .header .main_menu .h_menu{ color:#999; }
.top_header:hover .hd_wrap .header .black_logo { opacity:1; }
.top_header:hover .hd_wrap .header .right_icon .black_img { opacity:1; }
.top_header:hover .right_icon .icon_txt.black_txt{opacity:1;}
.lang_wrap:hover .lang_box{display: block;}

/* 탑메뉴가 선택되었을때 */
.top_header.active { background-color:#fff; border-bottom: 1px solid #dedede;}
.top_header.active .hd_wrap .top .top_log ul li a{ color:#475152; cursor: pointer;}
.top_header.active .hd_wrap .header .main_menu .h_menu{ color:#999; }
.top_header.active .hd_wrap .header .black_logo { opacity:1; }
.top_header.active .hd_wrap .header .right_icon .black_img { opacity:1; }
.top_header.active .right_icon .icon_txt.black_txt{opacity:1;}

/* 탑메뉴가 움직일떄 */
.top_header {position: fixed;top: 0;left: 0;right: 0;transition: transform 0.3s ease;z-index: 1000;}
.header_up {transform: translateY(-100%);}
.header_down {transform: translateY(0);}

/*서브메뉴*/
.submn_wrap { z-index:999; position: fixed; background-color:#fff; width:100%; height:110px; transition: .2s; top:135px; display: flex; align-items: center; box-sizing: border-box; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.06);}
.submn_wrap .sub_menu { width:100%; float:left; }
.submn_wrap .sub_menu .submn_box { width:100%; height:110px; line-height:110px;  margin:0 auto; display:flex; justify-content: center; gap:70px; box-sizing: border-box; position: absolute; }
.submn_wrap .sub_menu .submn_box li { text-align:center; font-size:18px; font-weight:500; color: #999;}
.submn_wrap .sub_menu .submn_box li a:hover { color:#009845; border-bottom:1px solid #009845; font-weight:500; }
.submn_wrap div {height:100%;}



/*메인비주얼*/
/* .main_wrap {overflow: hidden;} */
.main_wrap > div{width: 100% !important;}
.main_wrap .slick-dots { width:100%; float:left; height:3px; position: absolute; z-index: 20; bottom:0; left:50%; transform: translate(-83px, -70px); }
.main_wrap .slick-dots li { width:45px; height:3px; float:left; background-color:#fff; opacity:0.4; margin-left:10px; cursor: pointer; }
.main_wrap .slick-dots li:first-child { margin-left:0px; }
.main_wrap .slick-dots .slick-active { opacity:1; }

.main_wrap .mn_visual { width:100%; float:left; height:100vh; }
.main_wrap .mn_visual .list_box{transform: translateY(-12%); min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover;}
/* .main_wrap .mn_visual .list_box.main_01{ background:url(/images/main_img01.jpg) no-repeat; background-position: center; background-size: cover;  }
.main_wrap .mn_visual .list_box.main_02{ background:url(/images/main_img02.jpg) no-repeat; background-position: center; background-size: cover;  }
.main_wrap .mn_visual .list_box.main_03{ background:url(/images/main_img03.jpg) no-repeat; background-position: center; background-size: cover;  } */

.main_wrap .mn_visual .main_title { margin:0 auto; text-align: center; color:#fff; top:50%; transform: translateY(-50%); }
.main_wrap .mn_visual .main_title .sub { opacity: 0; top: 50px; transition: 1s all; font-size:24px; font-weight:300; }
.main_wrap .mn_visual .main_title .title { opacity: 0; top: 50px; transition: 1.5s all; font-size:52px; font-weight:300; margin-top:10px; }
.main_wrap .mn_visual .main_title.animate .sub { top: 0; opacity: 1;}
.main_wrap .mn_visual .main_title.animate .title { top: 0; opacity: 1;}

.mn_visual .slick-slide {
    opacity: 0;
    transition: opacity 500ms linear;
}

.mn_visual .slick-slide.slick-active {
    opacity: 1;
    z-index: 1;
}


/*휴머니즘-소개슬라이드*/
/* .view_slide { width:100%; float:left; height:930px; background:url(/images/sec01_bg.jpg) no-repeat; background-position: center; background-size: cover; }
.view_slide .view_box { width:100%; float:left; padding:264px 0; }
.view_slide .view_box .txtbox { width:35%; float:left; top:50px; transition: 0.5s all; opacity: 0; }
.view_slide .view_box .txtbox .tt { width:100%; float:left; color:#344422; font-size:23px; font-weight:600; }
.view_slide .view_box .txtbox .tt .bd{font-size:32px; font-weight: 700;}
.view_slide .view_box .txtbox .tit { width:100%; float:left; font-size:48px; color:#000; line-height:56px; margin-top: 25px; }
.view_slide .view_box .txtbox .txt { width:100%; float:left; font-size:22px; font-weight:400; margin-top: 40px; }
.view_slide .view_box .txtbox .view_btn { width:120px; color:#3b4b28; font-size:18px; position: absolute; bottom:0; left:0; transform: translate(0px, 185px); }
.view_slide .view_box .txtbox .view_btn a { width:100%; float:left; }
.view_slide .view_box .imgbox { width:65%; float:left; height:425px; top:50px; transition: 0.5s all; opacity: 0; }
.view_slide .view_box .imgbox .box { width:290px; height:234px; float:left; margin-left:20px; border-top-left-radius: 50px; border-top-right-radius: 10px; border-bottom-right-radius: 50px; border-bottom-left-radius: 10px; overflow: hidden; }
.view_slide .view_box .imgbox .box:first-child { margin-left:0px; }
.view_slide .view_box .imgbox .box > img { width:100%; float:left; height:100%; }
.view_slide .view_box .imgbox .box.active { transform: scale(2); }
.view_slide .view_box .imgbox .box.boxmv1 { position:absolute; bottom:27.5%; right:51%; }
.view_slide .view_box .imgbox .box.boxmv2 { position:absolute; bottom:0; right:0;  }
.view_slide .view_box .imgbox button { width:65px; height:65px; background-color:#000; text-align: center; line-height:70px; border-radius:50px; position: absolute; top:50%; right:0; transform: translate(-288px, -55px); }
.view_slide .view_box .imgbox button > i { color:#fff; font-size:25px; }
.view_slide .view_box .imgbox .text { font-size:15px; color:#fff; opacity: 0.3; position: absolute; top:50%; right:0; transform: translate(0, -62px); }
.view_slide .view_box .imgbox .slide_btn { width: 100%; float: left; height: 15px; position: absolute; bottom: -15%; left: -43%; transform: translate(30px, 50px); }
.view_slide .view_box .imgbox .slide_btn ul { width:100%; float:left; }
.view_slide .view_box .imgbox .slide_btn ul li { width:15px; height:15px; float:left; background-color:#cdcec5; border-radius: 50%; margin-left:10px; }
.view_slide .view_box .imgbox .slide_btn ul li:first-child { margin-left:0px; }
.view_slide .view_box .imgbox .slide_btn ul li.slick-active { background-color: #26301a; }
.view_slide .view_box .imgbox .view_slide_img {width:100%; float:left; height:100%;} */

/* 글로벌 쓰리에이치 */
.global_wrap{padding: 140px 0; background: url(/images/global_bg.jpg) no-repeat center; background-size: cover;}
.global_wrap .global_box{display: flex; justify-content: space-between; align-items: center;}
.global_wrap .txtbox {width: 310px; opacity: 0; top:50px; transition: 0.5s all;}
.global_wrap .txtbox .tit{font-size: 45px; line-height: 58px;}
.global_wrap .txtbox .cc{margin-top: 25px; font-size: 20px;}
.global_wrap .txtbox .more_btn{width: 200px; height: 50px; line-height: 50px; margin-top: 40px; color: #fff; font-size: 17px; text-align: center; border-radius: 100px;}
.global_wrap .img_box{width: 65%; float: left; transform: translateY(30px); opacity: 0; top:50px; transition: 0.5s all;}

.global_wrap .img_box .map_img{width: 100%; float: left; position: relative;}
.global_wrap .img_box .map_box{position: absolute; }
.global_wrap .img_box .map_box > ul{float: left;}
.global_wrap .img_box .map_box > ul > li{float: left;}
.global_wrap .img_box .map_box .map_pin{transform: translate(56%,160%); z-index: 99;}
.global_wrap .img_box .map_box .line{width: 2px; height: 120px; background-color: #475152;}
.global_wrap .img_box .map_box .text{width: 95px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; background-color: #475152; text-align: center;}

.global_wrap .img_box .Europe{transition: 0.5s all ease-out ; transform: translateY(50px); top: 50px; opacity: 0;}
.global_wrap .img_box .China{transition: 0.5s all ease-out ; transform: translateY(50px); top: 42px; opacity: 0;}
.global_wrap .img_box .Japan{transition: 0.5s all ease-out ; transform: translateY(50px); top: 60px; opacity: 0;}
.global_wrap .img_box .Malaysia{transition: 0.5s all ease-out ; transform: translateY(50px); top: 174px; opacity: 0;}
.global_wrap .img_box .Canada{transition: 0.5s all ease-out ; transform: translateY(50px); top: 0px; opacity: 0;}
.global_wrap .img_box .USA{transition: 0.5s all ease-out ; transform: translateY(50px); top: 90px; opacity: 0;}
.global_wrap .img_box .Australia{transition: 0.5s all ease-out ; transform: translateY(50px); top: 245px; opacity: 0;}

.Europe{top: 0px; left: 14px;}
.China{top: -8px; left: 80px;}
.Malaysia{top: 124px; left: -130px;}
.Japan{top: 10px; left: 108px;}
.Australia{top: 195px; left: -425px;}
.Canada{top: -50px; left: 33px;}
.USA{top: 40px; left: 46px;}


/* .global_wrap .img_box .Europe{top: 0px; left: 14px;} */
/* .global_wrap .img_box .China{top: -8px; left: 80px;} */
/* .global_wrap .img_box .Malaysia{top: 124px; left: -130px;} */
/* .global_wrap .img_box .Japan{top: 10px; left: 108px;} */
/* .global_wrap .img_box .Australia{top: 195px; left: -425px;} */
/* .global_wrap .img_box .Canada{top: -50px; left: 33px;} */
/* .global_wrap .img_box .USA{top: 40px; left: 46px;} */


/* 3H 소개 */
.mt_con { background:url(/images/sec02._bg.jpg) no-repeat  center center; width:100%; float:left; height:870px;  background-size: 250% 250%;  transition: background-size 3s, background-position 3s; }
.mt_con.actives{  background:url(/images/sec02._bg.jpg) no-repeat  center center; transition: 3s all; background-position: center; background-size: 100% 100%; }
.mt_con .con_box { width:100%; float:left; }
.mt_con .txtbox { width:100%; float:left; }
.mt_con .txtbox .tit { transition: 0.8s all; opacity: 0; width:100%; float:left; font-weight:300; color:#fff; font-size:48px; text-align: center; position: absolute; top:50%; transform: translate(0, 500px); }
.mt_con .txtbox .tit .bd { color:#efffdb; }
.mt_con .bg_txt { width:100%; float:left; height:870px; }
/* .mt_con .bg_txt .box { width:33.3%; float:left; height:870px; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.3); } */
.mt_con .bg_txt .box { width:33.3%; float:left; height:870px;  transition: border 0.5s ease, border-color 0.5s ease; }
.mt_con .bg_txt .text { transition: 0.8s all; width:100%; float:left; color:#fff; text-align:center; position: absolute; bottom:0px; line-height:38px; opacity: 0; }
.mt_con .bg_txt .text .en {font-size:22px; }
/* .mt_con .bg_txt .text .tt { font-size:24px; margin-top:10px; } */

/* 상품 둘러보기 */
.product_wrap {  width:100%; float:left; padding:100px 0 120px 0; }
.product_wrap .con_box { width:100%; float:left; }
.product_wrap .txtbox { width:100%; float:left; transition: 0.5s all; opacity: 0; top:50px;  }
.product_wrap .txtbox .tt{ font-size:16px; color:#475152;  }
.product_wrap .txtbox .tit{ font-size:40px; margin-top:10px; }
.product_wrap .con_prod { transition: 0.5s all ; top: 50px; opacity: 0; width:100%; float:left; margin-top:50px; }
.product_wrap .con_prod .con_tab { width:100%; float:left; }
.product_wrap .con_prod .con_tab ul { display:flex; gap:30px; justify-content:flex-start; align-items: center; position: relative; font-size:18px; }
.product_wrap .con_prod .con_tab .clicktab  { color:#aaaca7; padding: 0 4px 4px 4px; cursor: pointer; }
.product_wrap .con_prod .con_tab ul li.active { color:#009845; border-bottom:1px solid #009845; font-weight:600; }
/* .product_wrap .con_prod .con_tab .clicktab:before { content:""; display: inline-block; opacity:0; position:absolute; text-transform: none; top: 32px; transform: rotate(-45deg); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; visibility: hidden; }
.product_wrap .con_prod .con_tab .clicktab:after { bottom:0; content:""; height:2px; left:0px; position:absolute; transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:0; }
.product_wrap .con_prod .con_tab .clicktab:hover {color:#26301a; background-color:#26301a;}
.product_wrap .con_prod .con_tab .clicktab:hover:before { left:-15px; opacity: 1; top:0; visibility: visible; }
.product_wrap .con_prod .con_tab .clicktab:hover:after { width:100%; } */
.product_wrap .con_prod .list_box { width:100%; float:left; margin-top:30px; }
.product_wrap .con_prod .list_box .prod_list { width:100%; float:left; }

.product_wrap .con_prod .prod_list .slick-slide{width:100%; float:left; height:100%;}
.product_wrap .con_prod .prod_list .slick-slide > div {width:445px; height: 420px; float:left; margin-left: 32px; transition: all 2s;}
.product_wrap .con_prod .prod_list .slick-slide > div:first-child { margin-left:0; }

.product_wrap .con_prod .prod_list .cbox a { width:100%; float:left;  }
/* .product_wrap .con_prod .prod_list .cbox:hover .img .active { visibility: visible; } */
.product_wrap .con_prod .prod_list .cbox .img { width:100%; height:340px; line-height:340px; float:left; text-align:center; border-radius:10px; background-color:#ebebeb; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.product_wrap .con_prod .prod_list .cbox .img img:last-child { border-radius:10px; }
.product_wrap .con_prod .prod_list .cbox .txt { width:100%; float:left; text-align: center; position: absolute; bottom:-50px; font-size:17px; color:#111; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/* .product_wrap .con_prod .prod_list .cbox .img .active { position: absolute; top:0; left:0; visibility:hidden;  } */
.product_wrap .con_prod .prod_list .cbox .img .cent { display: inline-block; text-align: center; width: 336px; height: 270px; object-fit: cover; }
.product_wrap .con_prod .prod_list .label{width: 50px; float: left; height: 50px; background: linear-gradient(to bottom right, #454545, #6D6D6D, #898989, #6D6D6D,#454545); position: absolute; top: 0; right: 0; z-index: 99; color: #fff; text-align: center; font-size: 14px; line-height: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center;}


.product_wrap .con_prod .list_box .btn { position: absolute; top:-64px; right:20px; }
.product_wrap .con_prod .list_box .btn ul { width:100%; float:left; }
.product_wrap .con_prod .list_box .btn ul li { width:35px; height:35px; float:left; border:2px solid #009845; border-radius: 50px; color:#009845; text-align:center; font-size:16px; line-height:29px; margin-left:12px; cursor: pointer; }
.product_wrap .con_prod .list_box .btn ul li:first-child { margin-left:0; }
.product_wrap .con_prod .list_box .btn li.active { background-color:#009845; color:#fff; }


/* 빠른 메뉴 탐색 */
.quick_mn { width:100%; float:left; background-color:#313d3d; }
.quick_mn .quick_box { width:100%; float:left; height: 342px; padding: 90px 0; }
.quick_mn .text { transition: 0.5s all; opacity: 0; top:50px; width:35%; float:left; margin-top:28px; }
.quick_mn .text .tt { font-size:16px; color:#fff; }
.quick_mn .text .tit { font-size:40px; color:#fff; margin-top:10px; font-weight:300; }
.quick_mn .ic_box {  transition: 0.5s all; opacity: 0; top:50px; width:65%; float:left; display: flex; gap:50px; justify-content: flex-end; align-items: center; }
.quick_mn .ic_box a { width:100%; float:left; }
.quick_mn .ic_box .icon:hover{ background-color:rgba(255, 255, 255, 1); transition: ease-in-out 0.5s; }
.quick_mn .ic_box .icon:hover .black_img { display:block !important; }
.quick_mn .ic_box ul{ width:100%; float:left;}
.quick_mn .ic_box ul li { width:100%; float:left; text-align: center; }
.quick_mn .ic_box .tt { width:100%; float:left; font-size:17px; color:#ccc; margin-top:17px; font-weight:300;  }
.quick_mn .ic_box .icon { width:110px; height:110px; border-radius: 50%; background-color:rgba(255, 255, 255, 0.3); line-height:110px; left: 50%; transform: translateX(-50%);}
.quick_mn .ic_box .icon .black_img { position: absolute; top:0; left:28px; display:none; }

/* 3H 스토리 */
.story { width:100%; float:left; background-color:#f8f8f8; }
.story .con_box { width:100%; float:left; padding:150px 0; }
.story .text { transition: 0.5s all; opacity: 0; top:50px; width:100%; float:left; }
.story .text .tit{ width:210px; float:left; font-size:40px;}
.story .text .tt{ font-size:19px; color:#9d9d99; margin: 28px; }
.story .img_box { transition: 0.5s all; opacity: 0; top:50px; width:100%; float:left; margin-top:50px; }
.story .img_box .con { width:427px; float:left; margin-left:59px; }
/* .story .img_box .con a { width:100%; float:left; } */
.story .img_box .con .list_box { width:100%; float:left; }
.story .img_box .con .img { width:427px; overflow: hidden; border-radius:10px; }
/* .story .img_box .con a:hover .img > img { transform: scale(1.1); transition: ease-in-out 0.7s; }
.story .img_box .con a:nth-child(n+2) { margin-top:60px; } */
.story .img_box .con .list_box:hover .img img { transform: scale(1.1); }
.story .img_box .con .list_box .img img{ transition: ease-in-out 0.7s;}
.story .img_box .con .list_box:nth-child(n+2) { margin-top:60px; }
.story .img_box .con:first-child { margin-left:0; }
.story .img_box .con .txt { width:100%; float:left; }
.story .img_box .con .txt { width:100%; float:left; margin-top:20px; padding:0 15px; }
.story .img_box .con .txt > span { width:100%; float:left; }
.story .img_box .con .txt .en_tt { font-weight:600; font-size:18px; color:#009845; }
.story .img_box .con .txt .tit { font-weight:400; margin-top:8px; font-size:24px; line-height: 33px;}

/* 기본 상태 */
.story .img_box .con {
    opacity: 0;
    transform: translateY(50px);
}

/* active 클래스가 있을 때 애니메이션 적용 */
.story.active .img_box .con {
    animation: slideIn 0.8s ease-out forwards;
}

.story.active .img_box .con:nth-child(1) { animation-delay: 0.3s; }
.story.active .img_box .con:nth-child(2) { animation-delay: 0.6s; }
.story.active .img_box .con:nth-child(3) { animation-delay: 0.9s; }
.story.active .img_box .con:nth-child(4) { animation-delay: 1.2s; }
/* 필요한 만큼 추가 */

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* active 클래스가 제거될 때 초기 상태로 돌아가기 */
.story:not(.active) .img_box .con {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s ease-out;
}

/* 회사소개_3H */
.intro_wrap { width:100%; float:left; height:100vh; top:0; left:0; }
.intro_wrap > div {height: 100%;}
.intro_wrap > div > div {height: 100%;}
.intro_img { opacity: 1; /* 점차적으로 나타남 */  transform: scale(1); /* 이미지가 원래 크기로 돌아옴 */ }
.intro_img.fade-out {
    transform: scale(1.05); /* 이미지가 살짝 확대된 상태로 시작 */
}
.intro_img .intro_box { width:100%; height:100%; }
.intro_img .intro_box .main_title { width:100%; height:100%; text-align: center; padding-top:400px; }
.intro_img .main_title .title { color:#fff; font-size:40px; font-weight:300; margin-top:20px; }
.intro_img .main_title .sub { width:100%; float:left; font-size:20px; opacity:0.6; font-weight: 300; color:#fff; margin-bottom:10px; }
.intro_img .main_title2 { position: absolute; top:0; transform: translateY(35px); }
.intro_img .main_title3 { position: absolute; top:0; transform: translateY(35px); }

.menu_scroll { width:10%; position: fixed; top:50%; right:50px; transform: translateY(-50%); z-index:20; }
.menu_scroll ul { width:100%; float:left; }
.menu_scroll ul li { width:100%; float:left; color:#fff; height:50px; line-height:26px; cursor: pointer; }
.menu_scroll ul li .tt { width:70%; float:left; text-align:right; font-size:15px; font-weight:300; opacity:0.5; }
.menu_scroll ul li .cir i { float:left; font-size:8px; color:#fff; top:8px; left:8px; opacity:0.5; }
.menu_scroll ul li .cir { float:left; margin-left: 24px; }
/*active*/
.menu_scroll ul li.active .tt { opacity:1; font-weight:400; }
.menu_scroll ul li.active .cir i { opacity:1; }
.menu_scroll ul li.active .cir { width: 26px; height: 26px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.5); }

.menu_scroll.active ul li { width:100%; float:left; color:#000; height:50px; line-height:26px; }
.menu_scroll.active ul li .tt { width:70%; float:left; text-align:right; font-size:15px; font-weight:300; opacity:0.5; }
.menu_scroll.active ul li .cir i { float:left; font-size:8px; color:#000; top:8px; left:8px; opacity:0.5; }
.menu_scroll.active ul li .cir { float:left; margin-left: 24px; }

.menu_scroll.active ul li.active .tt { opacity:1; font-weight:400; }
.menu_scroll.active ul li.active .cir i { opacity:1; }
.menu_scroll.active ul li.active .cir { width: 26px; height: 26px; border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.5); }

/* 애니메이션용 class */
.top_tit {opacity: 0; transition: 0.5s all ; top:50px;}
.event_con_box {opacity: 0; transition: 0.5s all ; transform: translateY(300px);}

/* 회사소개_인사말 */
.intro_ceo { background-color:#eee; }
.intro_wrap .con_box { width:100%; float:left; position: absolute; top:55%; transform: translateY(-50%); }
.intro_wrap .mn_tit { width:100%; float:left;  }
/* .intro_wrap .mn_tit .bl_ic { width:100%; float:left;  }
.intro_wrap .mn_tit .bl_ic > div { width:15px; height:15px; border-radius: 50px; float:left; background-color: #000; }
.intro_wrap .mn_tit .bl_ic > div:last-child { left:-5px; }
.intro_wrap .mn_tit .bl_ic .cir1 { opacity: 1; }
.intro_wrap .mn_tit .bl_ic .cir2 { opacity: 0.5; } */
.intro_wrap .mn_tit .title { width:100%; float:left; font-size:40px; margin-top:15px; }
.intro_wrap .mn_tit .title span { font-size:42px; }
.intro_wrap .ceo_con { width:100%; float:left; margin-top:40px; }
.intro_wrap .ceo_con .img { width:40%; float:left; }
.intro_wrap .ceo_con .img > img { width:628px; height:400px; border-bottom-right-radius: 50px; border-bottom-right-radius: 150px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); }
.intro_wrap .ceo_con .img .tit { width:100%; float:left; font-size:32px; margin-top:30px; }
.intro_wrap .ceo_con .img .tt { width:100%; float:left; font-size:18px; color:#666; margin-top:12px; }
.intro_wrap .ceo_con .txt { width:55%; float:left; margin-left:60px; color:#666666; font-size:17px; margin-top:10px; }
.intro_wrap .ceo_con .txt > p { line-height:27px; }
.intro_wrap .ceo_con .txt > p:nth-child(n+2) { margin-top:20px; }
.intro_wrap .ceo_con .txt .bg_logo { position: absolute; bottom:-120px; right:0; }
.intro_img .intro_box .main_title { opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease, transform 0.8s ease;}
.intro_img .intro_box .main_title.active { opacity: 1; transform: translateY(0);}
.intro_ceo .img { opacity: 0; transition: 1s all ; top:1000px; }
.intro_ceo .txt { opacity: 0; transition: 1s all ; top:1000px; }

/* 회사소개_슬로건 */
.intro_slogun { background-image: url(/images/intro01_slogun1.jpg); background-repeat: no-repeat; background-size: cover; }
.intro_slogun .con_box { width:100%; height:100%; padding-top: 195px; }
.intro_slogun .main_title { width:100%; float:left; text-align: center; color:#fff; font-size:40px; font-weight:300;}
.intro_slogun .main_title .sub { width:100%; float:left; font-size:20px; opacity:0.6; font-weight: 300; }
.intro_slogun .main_title .tit { width:100%; float:left; font-weight:300; margin-top:15px; }
.intro_slogun .slogun_con { width:100%; float:left; margin-top:110px; padding:0 95px; }
.intro_slogun .slogun_con .box { border-radius: 60px; cursor: pointer; width:360px; height:340px; float:left; padding:50px 30px; transition: all 1.5s ease; top:0; text-align: center; margin-left:65px; background-color: #fff; }
.intro_slogun .slogun_con .box:first-child { margin-left:0px; }
.intro_slogun .slogun_con .box .icon { width:100%; height:125px; line-height:125px; }
.intro_slogun .slogun_con .box .icon .white_img { position: absolute; top:0; left:50%; transform: translateX(-50%); display: none; }
.intro_slogun .slogun_con .box .tit { width:100%; float:left; margin-top:10px; font-size:26px; }
.intro_slogun .slogun_con .box .tit span { font-size:38px; }
.intro_slogun .slogun_con .box .txt { width:100%; float:left; margin-top:8px; color:#666; font-size:20px; }
/* .intro_slogun .slogun_con .f_txt { width:100%; float:left; text-align: center; font-size:19px; color:#fff; margin-top: 60px; font-weight:300; } */
/* .intro_slogun .slogun_con .rounded{border-radius: 60px;} */

/* box호버했을때 */
.intro_slogun .slogun_con .box.active { border-radius: 10px 10px 70px 10px; background-color: #009845; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); top:-50px; }
.intro_slogun .slogun_con .box.active .tit { color:#fff; }
.intro_slogun .slogun_con .box.active .txt { color:#fff; }
.intro_slogun .slogun_con .box.active .icon .white_img { display: block; }
.intro_slogun .slogun_con .box.active .icon .color_img { display: none; }

/* 회사소개_3H 연혁 */
.intro_year {background: #f4f0ed;}
.intro_year .con_box { width:100%; float:left; display: flex; justify-content: space-between; align-items: center;} 
.intro_year .title_box { width:100%; float:left; }
.intro_year .mn_tit { width:100%; float:left; }
/* .intro_year .mn_tit .bg_cir1 { width:1000px; height:1000px; border-radius: 50%; border:250px solid #3a472b; position: absolute; top:50%; left:0; transform: translate(-75%, 15%); } */
/* .intro_year .mn_tit .bg_cir2 { position: absolute; top:-150%; right:-237%;  } */
.intro_year .title_box .txt { width:65%; float:left; color:#666666; font-size:17px; margin-top:10px; }
.intro_year .title_box .txt > p { line-height:27px; }
.intro_year .year_con { width:100%; float:left; margin-top:80px; display: flex; justify-content: flex-start; align-items: flex-start; gap: 100px;}
.intro_year .year_con .year_box { width:55%; float:left; }
.intro_year .year_con .year_box .scroll { width:100%; float:left; height:450px; padding-bottom: 40px; padding-right: 90px; overflow-y: scroll; background: linear-gradient(to bottom, 0%, 100%); }
.intro_year .year_con .year_box .scroll div {width:100%; float:left; }
.intro_year .year_con .year_box .scroll .num_tit { width:100%; float:left; font-size:55px;}
.intro_year .year_con .year_box .scroll .history_content:not(:last-child){margin-bottom: 80px;}
/* .intro_year .year_con .year_box .scroll .num_tit2 { margin-top:80px; }  */
.intro_year .year_con .year_box .scroll::-webkit-scrollbar { width: 5px; }
.intro_year .year_con .year_box .scroll::-webkit-scrollbar-thumb { background: #959290; border-radius: 100px; }
.intro_year .year_con .year_box .scroll::-webkit-scrollbar-track { border-radius: 100px; background-color: rgba(0,0,0,0.1); }
.intro_year .year_con .year_box .scroll .com { width:100%; float:left; }
.intro_year .year_con .year_box .scroll .com ul { width:100%; float:left; margin-top:30px;  }
.intro_year .year_con .year_box .scroll .com ul .num { width:11%; float:left; font-size:25px;}
.intro_year .year_con .year_box .scroll .com ul .text { width:89%; float:left; font-size:20px; line-height: 34px;}
.intro_year .grd_bg { width:100%; float:left; position: absolute; bottom:0; z-index: 5; pointer-events: none;}
.intro_year .con_box .intro_year_box{width: 80%; float: left;}
.intro_year .img_roll{width: 20%;}
.intro_year .img_roll li{ margin: 10px 0;}
.intro_year .img_roll li img{border-radius: 10px;}
.intro_year .year_tapwrap{width: 12%;}
.intro_year .year_tapwrap ul{width: 100%; float: left; height: 450px; overflow-y: scroll; font-size: 16px; color: #999; font-weight: 400; padding: 15px 2px 20px 0;}
.intro_year .year_tapwrap ul li{width: 100%; float: left; letter-spacing: 0;}
.intro_year .year_tapwrap ul li:not(:first-child){margin-top: 20px;}
.intro_year .year_tapwrap li.right{text-align: right;}

.intro_year .year_tapwrap ul::-webkit-scrollbar { width: 0px; }
.intro_year .year_tapwrap ul::-webkit-scrollbar-thumb { background: #959290; border-radius: 100px; }
.intro_year .year_tapwrap ul::-webkit-scrollbar-track { border-radius: 100px; background-color: rgba(0,0,0,0.1); }

.intro_year .year_tapwrap .list::before{
    content: '';
    width: 10px;
    height: 10px;
    float: left;
    background: #b2b2b2;
    border-radius: 100px;
    position: absolute;
    top: 7px;
    left: 48.5%;
    cursor: pointer;
}

.intro_year .year_tapwrap::before{
    content: '';
    width: 1px;
    height: 100%;
    float: left;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 51%;
}

.intro_year .year_tapwrap .year_txt{font-size: 16px;}
.intro_year .year_tapwrap .list.active::before{
    background: #009845;
}

.intro_year .year_tapwrap .list.active::after{
    content: '';
    width: 18px;
    height: 18px;
    float: left;
    border: 1px solid #009845;
    border-radius: 100px;
    position: absolute;
    top: 2px;
    left: 44.5%;
    cursor: pointer;
}
.intro_year .year_tapwrap .list.active{color: #009845;}
.intro_year .year_tapwrap .history_btn {cursor: pointer;}

/* 회사소개_3H 사업영역 */
.intro_biz { width:100%; float:left; height: 100vh; overflow: hidden; background-image: url(/images/intro01_businessbg.jpg); background-repeat: no-repeat; background-size: cover; }
.intro_biz .con_box { width:100%; height:100%; padding: 150px 0; }
.intro_biz .mn_tit { color:#fff; }
/* .intro_biz .mn_tit .bl_ic { width:36%; float:left; }
.intro_biz .mn_tit .bl_ic > div { width:15px; height:15px; border-radius: 50px; float:left; background-color: #fff; }
.intro_biz .mn_tit .bl_ic > div:last-child { left:-5px; }
.intro_biz .mn_tit .bl_ic .cir1 { opacity: 1; }
.intro_biz .mn_tit .bl_ic .cir2 { opacity: 0.5; } */
.intro_biz .mn_tit .sub { width:36%; float:left; margin-top:30px; font-weight:300; font-size:17px; line-height: 28px;}
.intro_biz .biz_con { width:100%; float:left; overflow: hidden; position: absolute; top:0;  height: 100vh;  }
.intro_biz .biz_con .tit_tap { width:36%; float: left; position: absolute; top:50%; transform: translateY(-20%); }
.intro_biz .biz_con .tit_tap ul { width:100%; float:left;  }
.intro_biz .biz_con .tit_tap ul li {width: 275px; height: 64px; border: 1px solid #fff; line-height: 60px; padding-left: 38px; color: #fff; font-size: 20px; border-radius: 1000px;}
.intro_biz .biz_con .tit_tap ul li:not(:first-child){margin-top: 15px;}

/* .intro_biz .biz_con .img_roll { width:44%; float:right; margin-left:20%; } */
/* .intro_biz .biz_con .img_roll .box { width:40%; margin-right:50px; float:left;  } */
/* .intro_biz .biz_con .img_roll .box:last-child { top:-170px; } */
/* .intro_biz .biz_con .img_roll .box li { width:100%; float:left; margin-top:40px;  } */
/* .intro_biz .biz_con .img_roll .box li img { border-radius: 10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);  } */
.img_roll .box li .col_img { position: absolute; top: 0; left:0; visibility: hidden;  }
.img_roll .box li:hover .col_img { visibility:visible; transition: all 2s; }

.img_roll {
    width: 100%;
    height: 100vh;  /* 슬라이더의 전체 높이 */
}

.img_roll .slick-track {
    display: flex;
    flex-direction: column; /* 세로 방향으로 슬라이드를 배치 */
}

.slick-slide {
    height: 50%;  /* 한 줄에 두 개의 슬라이드가 보이도록 높이를 50%로 설정 */
    display: block;
}

.slick-list {
    overflow: hidden; /* 슬라이드 범위 외 영역 숨기기 */
}




/* 회사소개_인증,수상현황 */
.intro_cert { background-color:#eee; }
.intro_cert .con_box{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.intro_cert .cert_wrap{width: 45%; float: left;}
.intro_cert .title{margin-top: 0 !important;}
.intro_cert .cert_con{width: 100%; float: left; margin-top: 50px; display: flex; justify-content: flex-start; gap: 55px;}
.intro_cert .cert_con ul{float: left; text-align: center;}
.intro_cert .cert_con ul li.img img{border-radius: 7px; box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.05); }
.small_slidewrap img{cursor: pointer; height:160px;}
.intro_cert .cert_con .tt{font-weight: 400;}
.intro_cert .cert_con .sub_tt{font-weight: 300; color: #666;}
.intro_cert .cert_con .slide_btn{position: absolute; bottom: 0; left: 27.5%; background-color: rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 3; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%;}
.intro_cert .cert_con .slide_btn:hover{background-color: #000; transition: ease-in-out 0.5s;}
.intro_cert .cert_con .left_btn{float: left;}
.intro_cert .cert_con .right_btn{float: right; margin-left: 70px;}
.intro_cert .cert_con .slide_btn i{color: #fff; font-size: 20px;}
.intro_cert .cert_con .thumb_slidewrap{width: 279px; float: left; height: 590px; overflow-x: hidden; position: relative;}
/* .intro_cert .cert_con .thumb_slidebox{width: 1116px; float: left;} */

/* .intro_cert .cert_con .thumb_slidebox img {width:100%; height:100%;} */
.intro_cert .cert_con .thumb_slidebox img {width:280px; height:100%;}
.intro_cert .cert_con .thumb_slidewrap .img{width: 100%; height: 420px;}
.intro_cert .cert_con .thumb_slidewrap ul{width: 279px; float: left;}
.intro_cert .cert_con .thumb_slidewrap ul li.tt{font-size: 18px; margin-top: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.intro_cert .cert_con .thumb_slidewrap ul li.sub_tt{font-size: 17px; margin-top: 8px;}

.intro_cert .cert_con .small_slidewrap{width: 237px; float: left;}
.intro_cert .cert_con .small_slidebox{width: 100%; float: left;}
.intro_cert .cert_con .small_slidebox ul{width: 111px !important; height: 261px;}
.intro_cert .cert_con .small_slidebox ul img {width: 100% !important;}
.intro_cert .cert_con .small_slidebox ul:nth-child(2n){margin-left: 15px;}
.intro_cert .cert_con .small_slidebox ul:nth-child(n+3){margin-top: 15px;}
.intro_cert .cert_con ul .tt{font-size: 13px; margin-top: 7px;}
.intro_cert .cert_con ul .sub_tt{font-size: 11px;}
.intro_cert .cert_con .small_slidewrap .slick-dots{width: 100%; float: left;}
.intro_cert .cert_con .small_slidewrap .slick-dots li{width: 10px; height: 10px; border-radius: 100px; background-color: rgba(0,0,0,0.3); display: inline-block; margin: 0 3px; cursor: pointer;}
.intro_cert .cert_con .small_slidewrap .slick-dots li.slick-active{background-color: #000;}
.intro_cert .top_tit{opacity: 1 !important; top: 0 !important;}



/* 회사소개_건강한가치 */
.intro_value { opacity: 1; transform: scale(1); background-size: cover; background-image: url(/images/intro01_value1.jpg); background-repeat: no-repeat, no-repeat, no-repeat; background-size: cover ;  transition: opacity 2s ease-out, transform 3s ease-out;}
.intro_value .intro_box { width:100%; height:100%; }
.intro_value .intro_box .main_title { width:100%; text-align: center; top: 50%; transform: translateY(-50%);}
.intro_value .main_title .title { color:#fff; font-size:40px; font-weight:300; margin-top:20px; }
.intro_value .main_title .sub { color:#fff; opacity:0.6; font-size:18px; font-weight:300;  }

/* 회사소개_오시는길 */
.intro_map { width:100%; float:left; background-color: #313d3d; }
.intro_map .intro_box { width:38%; float:left; padding:236px 0; }
.intro_map .intro_box .main_title { width:100%; float:left; color:#fff; }
.intro_map .intro_box .main_title .title { width:100%; float:left; font-size:40px; }
.intro_map .intro_box .main_title .sub { width:100%; float:left; font-size:17px; padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-top:30px; }
.intro_map .intro_box .main_title .sub ul { width:100%; float:left; margin-top:20px; }
.intro_map .intro_box .main_title .sub ul .tit{ width:22%; float:left; }
.intro_map .intro_box .main_title .sub ul .txt{ width:78%; float:left; font-weight:200; }
.intro_map .intro_box .main_title .sub ul .txt > span { line-height:34px; top:-4px; }
.intro_map .intro_box .main_title .tel { width:100%; float:left; margin-top:30px; }
.intro_map .intro_box .main_title .tit { width:100%; float:left; font-size:17px; }
.intro_map .intro_box .main_title .num { width:100%; float:left; font-size:42px; margin-top:15px; }
.intro_map .map_box {width: 800px; height: 550px; position: absolute; top: 54%; transform: translateY(-50%); left: 45%;}

/* 플로팅 */
.floating_wrap{width: 60px; float: left; position: fixed; z-index: 99; bottom: 50px; right: 70px; }
.floating_wrap > ul{width: 100%; float: left;}
.floating_wrap > ul > li{width: 52px; float: left; height: 52px; line-height: 55px; font-size: 13px; border-radius: 48px; text-align: center; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); cursor: pointer;}
.floating_wrap > ul > li.mov{background: #009845; text-align: center; color: #fff;}
.floating_wrap > ul > li i{font-size: 19px; text-align: center;}
.floating_wrap > ul > li.mov img { display: inline-block; bottom:3px; }
.floating_wrap > ul > li.top{background: #fff; margin-top: 12px;color: #475152;}
/* .floating_wrap > ul > li.top img { display: inline-block; } */



/* 푸터 */
.footer { width:100%; float:left; background-color:#222; }
.footer .con_box { width:100%; float:left; padding:80px 0; }
.footer .comp_info { width:55%; float:left; }
.footer .comp_info .f_logo { width:100%; float:left;  }
.footer .comp_info .text { width:100%; float:left; margin-top: 35px; }
.footer .comp_info .text p { font-size:14px; font-weight:300; color:#d9d9d9; line-height: 25px; }
.footer .cust_cent { width:33%; float:left; }
.footer .cust_cent ul { width:100%; float:left; }
.footer .cust_cent ul li { width:100%; float:left; }
.footer .sub_tit { font-size:17px; font-weight:500; color:#d9d9d9; }
.footer .cust_cent .num { font-size:30px; font-weight:600; color:#fff; }
.footer .cust_cent .txt { font-size:14px; font-weight:300; color:#d9d9d9; margin-top:8px; line-height:25px; }
.footer .comp_sns { width:12%; float:left; }
.footer .comp_sns ul { width:100%; float:left; } 
.footer .comp_sns .icon { width:100%; float:left; margin-top: 10px; }
.footer .comp_sns .icon .icon_bb { width:50px; height:50px; float:left; background-color:rgba(255, 255, 255, 0.3); border-radius: 50%; text-align: center; margin-left:9px; line-height:47px; }
.footer .comp_sns .icon .icon_bb:first-child { margin-left: 0; }
.footer .comp_sns .icon .icon_bb a { width:100%; float:left; }

/* 푸터메뉴 */
.ft_menu { width:100%; float:left; background-color:#222; border-top:1px solid #464646; }
.ft_menu .con_box { width:100%; float:left; padding:25px 0; }
.ft_menu .con_box ul { width:100%; float:left; }
.ft_menu .con_box ul li { float:left; margin-right:10px; font-weight:400; color:#d9d9d9; font-size:14px; }
.ft_menu .con_box ul li a { width:100%; float:left; }
.ft_menu .con_box ul li a:hover { color:#999; }


/* 서브페이지 공통사항 */
.subtitle_wrap{margin-top: 90px;}
.subtitle_wrap .title_box{width: 100%; float: left; padding-bottom: 25px; border-bottom: 1px solid #ccc; display: flex; align-items: center;}
.subtitle_wrap .title_box .sub_title{float: left; font-size: 33px;} /* 메인 타이틀 */
.subtitle_wrap .title_box .sub_con{float: left; font-size: 18px; opacity: 0.5; margin-left: 53px; margin-top: 11px;} /* 오른쪽 설명글 */

/* 가격 */
.product_wrap .price01{text-decoration: line-through; color: #c3c3c3; font-family: 'Prtd6'; letter-spacing: 0;}
.product_wrap .discount{color: #3b4b28; font-family: 'Prtd6'; letter-spacing: 0;}
.product_wrap .price02{font-family: 'Prtd6'; letter-spacing: 0;}
/* .product_wrap .like.active i{color: #e94c4c;}
.product_wrap .like i{color: #a6a6a6; cursor: pointer;} */

/* 토탈, 필터기능 */
.total_wrap{margin-top: 90px; display: flex; justify-content: space-between; align-items: center;}
.total_wrap > div{float: left; font-size: 15px;}
.total_wrap .rightbox .chosen{margin-left: 10px;}

/* 셀럭트박스 커스텀 */
select{border: 1px solid #bfbfbf; width: 130px; height: 40px; line-height: 40px; background: #fff; padding-left: 10px; color: #475152;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/images/select_arrow.png) no-repeat right 15px center;}


/* 서브비주얼 */
.sub_visual{height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 135px;}
.sub_visual > div{height: 100%;}
.sub_visual > div > div{height: 100%;}
.sub_visual .sub_v_tit{width: 100%; float: left; color: #fff; top: 50%; transform: translateY(-50%);}
.sub_visual .sub_v_tit .sub_txt{font-size: 17px; opacity: 0.3; margin-bottom: 10px; letter-spacing: 3px;}
.sub_visual .sub_v_tit .tit{font-size: 34px;}
.subtitle_wrap .home_menu{float: left; font-size: 19px; margin-left: 55px;}
.subtitle_wrap .home_menu > ul{width: 100%; float: left; display: flex; justify-content: flex-end; gap: 30px;}
.subtitle_wrap .home_menu > ul > li{float: left; color: #999;}
.subtitle_wrap .home_menu > ul > li.active{color: #000;}
.subtitle_wrap .home_menu > ul > li:not(:first-child)::after{
    content: '';
    background-image: url(/images/category_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 8px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: -18px;
}

.sub_visual.product_visual{height: 300px !important; background-size: cover; background-repeat: no-repeat; background-position: center; }

/* 서브탭메뉴 */
.sub_tab{margin-top: 25px;}
.sub_tab .sub_tabbox{width: 100%; float: left;}
.sub_tabbox > ul{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 13px;}
.sub_tabbox > ul > li{float: left; padding: 10px 40px; border-radius: 5px; background: #F3F3F2; color: #A4A4A4; font-size: 16px; font-weight: 500; cursor: pointer;}
.sub_tabbox > ul > li.active{background: #475152; color: #fff;}


/* 탭메뉴 */
.sub_nav{height: 65px; transform: translateY(-33px);}
.sub_nav .nav_box{width: 900px; margin: 0 auto; text-align: center;}
.sub_nav .nav_box > ul{width: 100%; float: left; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 1000px;}
.sub_nav .nav_box > ul li{width: 300px; float: left; height: 65px; line-height: 65px; font-size: 18px; cursor: pointer; color: #999; border-radius: 1000px;}
.sub_nav .nav_box > ul li.active{background-color: #009845; color: #fff;}
.sub_nav .nav_box > ul li a{display: block;}

/* 서브탭 공지사항부분 */
/* .sub_nav.notice .nav_box{width: 1100px;} */
.sub_nav.notice .nav_box > ul li{width: 20%;}
.sub_nav.notice .nav_box > ul li a{width: 100%; float: left;}

/* 서브탭 이벤트부분*/
/* .sub_nav.media .nav_box{width: 600px;} */
.sub_nav.media .nav_box > ul li{width: 50%;}

/* 서브탭 마이페이지 */
.sub_nav.my .nav_box > ul li{width: 25%;}



/* 제품소개 */
.product_01.product_wrap{padding: 80px 0 160px 0;}
.product_01.product_wrap .con_prod{margin-top: 0; opacity: 1; top: 0;}
.product_01.product_wrap .con_prod .list_box {margin-top: 0;}
.product_01.product_wrap .cbox{width: 24%; float: left; height: 402px !important; position: relative;}
.product_01.product_wrap .cbox .img{height: 270px !important; line-height: 270px !important; border-radius: 5px !important;}
/* .product_01.product_wrap .cbox .img img{width: 60%;} */
.product_01.product_wrap .cbox:not(:nth-child(4n+1)){margin-left: 1.33%;}
.product_01.product_wrap .cbox:nth-child(n+5){margin-top: 90px;}
.product_01.product_wrap .txt_box{width: 100%; float: left; padding: 20px 7px 0 7px;}
.product_01.product_wrap .txt_box > div{width: 100%; float: left;}
.product_01.product_wrap .txt_box .title{font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.product_01.product_wrap .txt_box .title a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.product_01.product_wrap .txt_box .con{margin-top: 4px; font-size: 19px; font-weight: 500;}
/* .product_01.product_wrap .txt_box .con .like{width: 8%; text-align: right; float: right;}
.product_01.product_wrap .txt_box .con .like i{font-size: 23px;} */
.product_01.product_wrap .keyword{margin-top: 14px; height: 24px;}
.product_01.product_wrap .keyword > span{float: left; text-align: center; padding: 0 8px; height: 24px; line-height: 22px; font-size: 13px; margin-bottom: 5px; font-weight: 400; border-radius: 5px}
.product_01.product_wrap .keyword > span:not(:last-child){margin-right: 5px;}
.product_01.product_wrap .keyword .k_New{border: 1px solid #d79100; color: #d79100;}
.product_01.product_wrap .keyword .k_Best{border: 1px solid #006e96; color: #006e96;}
.product_01.product_wrap .keyword .k_Event{border: 1px solid #ad5f7d; color: #ad5f7d;}
.product_01.product_wrap .keyword .k_one{border: 1px solid #999; color: #999;} /*1인용*/
.product_01.product_wrap .keyword .k_two{border: 1px solid #475152; color: #475152;} /*2인용*/
.product_01.product_wrap .keyword .k_wood{border: 1px solid #39865C; color: #39865C;} /*원목*/
.product_01.product_wrap .keyword .k_silicone{border: 1px solid #E4742E; color: #E4742E;} /*실리콘원단*/


/* 제품소개 카테고리 */
.category_wrap{margin-top: -80px;}
.category_wrap > div > div > div{background: #fff; border-radius: 60px; height: 150px;}
.category_wrap .category_box{display: flex; justify-content: space-between; align-items: flex-start; padding: 40px 50px 60px 50px; border-bottom: 1px solid #ccc;}
.category_wrap .category_box .title_box{width: 20%; font-size: 22px; font-weight: 500; padding-top: 6px;}
.category_wrap .category_box .category_menu{float: right; font-size: 16px; font-weight: 400;}
.category_wrap .category_box .category_menu > ul{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; gap: 46px;}
.category_wrap .category_box .category_menu > ul > li{float: left; position: relative;}
/* .category_wrap .category_box .category_menu > ul .line{width: 3px; height: 28px; background: #eee;} */
.category_wrap .category_menu .large_box{width: fit-content; text-align: center; font-size: 27px; cursor: pointer;}
.category_wrap .category_menu .large_box > i{margin-left: 5px;}
.category_wrap .menu_list .list.medium .large_box{color: #ccc; font-size: 20px;}
.category_wrap .menu_list .list.medium .large_box::before{
    content: '';
    width: 3px;
    height: 28px;
    background: #eee;
    position: absolute;
    top: 0;
    left: -22px;
}
.category_wrap .category_menu .sub_box{ display: none; float: left; margin-top: 16px; align-items: flex-end; gap: 10px; position: absolute; right: 0; z-index: 999; transition: ease-in-out 1s;}
.category_wrap .category_menu .sub_box > ul{width: 230px; float: left; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.09);;}
.category_wrap .category_menu .sub_box > ul > li{width: 100%; float: left; padding: 8px 0; line-height: 25px; color: #999; font-weight: 500;}
.category_wrap .category_menu .sub_box > ul > li:hover > span{color: #475152; font-weight: 500;}
.category_wrap .category_menu .sub_box .middle_code a:hover{color: #000;}
.category_wrap .category_menu .sub_box .middle_code > li:hover .sub_code{visibility: visible;}
.category_wrap .small_tabwrap{width: 100%; float: left; margin-top: 35px;}
.category_wrap .small_tab{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 13px;}
.category_wrap .small_tab > li{float: left; padding: 6px 27px; font-size: 16px; font-weight: 500; color: #999; background: #f3f3f3; border-radius: 100px; cursor: pointer;}
.category_wrap .small_tab > li.active{background: #009845; color: #fff;}





.category_wrap .category_menu .sub_box .sub_code{
    width: 100%;
    visibility: hidden;
    right: -100%;
    position: absolute;
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
    top: -10px;
}
.subtitle_wrap .title_box .sub_title::before{
    content: '';
    background: #ebebeb;
    width: 3px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: -27px;
}
.category_wrap .category_menu .sub_box .sub_code li:hover{color: #000; font-weight: 400;}


.category_wrap .large_box.active i{transform: rotate(180deg);}
.subtitle_wrap .sub_btn{margin-left: 50px; float: left;}
.subtitle_wrap .sub_btn > div{width: auto; float: left; height: 40px; line-height: 40px; font-size: 18px; text-align: center; padding: 0 30px; background-color: rgba(0,152,69,0.1); border-radius: 100px;}
.subtitle_wrap .sub_btn > div:not(:first-child){margin-left: 10px;}
.subtitle_wrap .sub_btn i{margin-left: 5px; cursor: pointer;}
/* .category_wrap .category_menu .sub_box .sub_code */

/* 페이징 */
.pagination_wrap{width: 100%; float: left; margin-top: 110px; text-align: center;}
.pagination_wrap .pagination{width: 100%; float: left; height: 28px; line-height: 28px; text-align: center;}
.pagination_wrap .pagination ul{width: 100%; float: left; display: table-cell; vertical-align: middle; }
.pagination_wrap .pagination li {display: inline-block; vertical-align: middle; min-width: 28px; height: 28px; line-height: 26px; margin: 0 3px; border: 1px solid #ffffff; border-radius: 100px; }
.pagination_wrap .pagination li span {float:left; width:100%; height:100%; text-align: center;}
.pagination_wrap .pagination li:not(.pagination li.on):hover{border: 1px solid #ccc;}
.pagination_wrap .pagination .on{color: #fff; font-weight: bold; border: 1px solid #009845; background-color: #009845; }
.pagination_wrap .pagination li a{ display: block; text-align: center; font-size: 12px;}
.pagination_wrap .pagination li i{font-size: 15px; color: #999;}
.pagination_wrap .pagination li.btn_page_next i{font-size: 15px;}
.pagination_wrap .pagination .btn_page{border: 1px solid #ccc;}
.pagination_wrap .pagination .btn_page img{transform: translateY(-2px);}


/* 상품소개 뷰페이지 */
.productV_01.product_wrap{margin-top: 120px;}
/* .productV_01.product_wrap .item_container{width: 100%; float: left; display: flex; justify-content: space-between; align-items: end;} */
.productV_01.product_wrap .item_container{width: 100%; float: left; display: flex; justify-content: space-between; align-items: start;}
.productV_01 .item_container > div{float: left;}
.productV_01 .item_container .left_box{width: 56%;}
.productV_01 .left_box .view_box{width: 100%; float: left;}
.productV_01 .left_box .item_big{width: 100%; float: left; background: #eaede6; height: 520px;}
.productV_01 .left_box .item_big > div{width: 100%; float: left; height: 100%;}
.productV_01 .left_box .item_big > ul{width: 100%; float: left; height: 100%; overflow-y: hidden;}
.productV_01 .left_box .item_big > ul > li{display: none; width: 100%; float: left; height: 500px;}
.productV_01 .left_box .item_big > ul > li.active{display: block;}
/* .productV_01 .left_box .item_big img{width: 100%; top: 52%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;} */
.productV_01 .left_box .item_big img{width: 100%; object-fit: cover; height: 520px;}
.productV_01 .left_box .item_thumbs{width: 100%; float: left; margin-top: 15px; height: 125px;}
.productV_01 .left_box.item_thumbs img{object-fit: cover;}
.productV_01 .left_box .item_thumbs img{ width : 100%; height : 125px; }
.productV_01 .left_box .item_thumbs ul{width: 100%; float: left;}
/* .productV_01 .left_box .item_thumbs ul li{width: 24% !important; float: left; cursor: pointer;} */
.productV_01 .left_box .item_thumbs  .slick-track .slick-slide {width: 188px !important; float: left; cursor: pointer; ;}
.productV_01 .left_box .item_thumbs  .slick-track .slick-slide li{background: #eaede6}
/* .productV_01 .left_box .item_thumbs .slick-track .slick-slide:not(:first-child) li{padding-left: 3%;} */
.productV_01 .left_box .item_thumbs .slick-track .slick-slide:not(:first-child){margin-left: 1.33%;}
/* .productV_01 .left_box .item_thumbs > ul > li:not(:first-child){margin-left: 1.33%;} */


/* .productV_01 .right_box{width: 38%; } */
.productV_01 .right_box{width: 38%; height:660px; display: flex; flex-direction: column;}
.productV_01 .right_box .con_top{margin-bottom: auto;}
.productV_01 .right_box .con_botm{margin-top: auto;}

.productV_01 .right_box > div{width: 100%; float: left;}
.productV_01 .right_box .title{font-size: 33px;}
.productV_01 .right_box .price_box{width: 100%; float: left; margin-top: 25px; padding-bottom: 45px; border-bottom: 1px solid #ccc;}
.productV_01 .right_box .price_box .price01{font-size: 23px;}
.productV_01 .right_box .discount_box{width: 100%; float: left; margin-top: 13px; font-size: 27px;}
.productV_01 .right_box .discount_box span{float: left;}
.productV_01 .right_box .price_box .discount{margin-right: 13px;}
.productV_01 .right_box .content_box{margin-top: 45px; font-size: 16px}
.productV_01 .right_box .content_box > div{width: 100%; float: left;}
.productV_01 .right_box .content_box > div > span{float: left;}
.productV_01 .right_box .content_box .ss{margin-left: 20px;}
.productV_01 .right_box .content_box .ss > ul{width: 100%; float: left; display: flex; justify-content: flex-start; gap: 30px;}
.productV_01 .right_box .content_box .ss > ul > li{float: left;}
.productV_01 .right_box .content_box .ss > ul > li:not(:first-child)::after{
    content: '';
    background-image: url(/images/category_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 8px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: -18px;
    /* margin-left: 13px; */
}
.productV_01 .right_box .content_box > div:nth-child(1){margin-top: 45px;}
.productV_01 .right_box .content_box > div:nth-child(2){margin-top: 14px;}
.productV_01 .right_box .btn_choice_box{margin-top: 100px; text-align: center; height: 74px; line-height: 80px; display: flex; justify-content: space-between;}
/* .productV_01 .right_box .like{width: 74px; float: left; height: 74px; border-radius: 100px; border: 1px solid #ccc; cursor: pointer;}
.productV_01 .right_box .like i{font-size: 26px;} */
.productV_01 .right_box button{width: 49%; height: 74px; line-height: 74px; border-radius: 5px; font-size: 20px;}
.productV_01 .right_box .btn_inqury{background: #fff; border: 1px solid #000;}
.productV_01 .right_box .btn_add_order{background: #000; color: #fff;}
.productV_01 .right_box .info_box{background: #f8f8f8; border-radius: 5px; margin-top: 30px; padding: 25px 50px; display: flex; justify-content: flex-start; align-items: center; gap: 32px;}
.productV_01 .right_box .info_box .icon i{font-size: 42px; color: #e8e8e8;}
.productV_01 .right_box .info_box .line{width: 1px; background: #e8e8e8; height: 52px;}
.productV_01 .right_box .info_box .ss{font-size: 15px; color: #999; line-height: 21px;}
.productV_01 .title_box{width: 100%; float: left; font-size: 25px; padding-bottom: 20px; border-bottom: 1px solid #b2b2b2;}
.productV_01 .detail_box{width: 100%; float: left; padding: 120px 0;}
.productV_01 .detail_box > div{width: 860px; margin: 0 auto;}

/* 고객센터 검색박스 */
#searchWrap{margin-top: 90px;}
#searchWrap .searchCon{width: 100%; float: left;}
#searchWrap .searchCon ul{width: 100%; float: left; height: 50px; line-height: 50px;}
#searchWrap .searchCon .selectBox{float: left;}
#searchWrap .searchCon .input_box{float: right; position: relative;}
#searchWrap .searchCon .input_box input{padding: 5px 20px; width: 450px; height: 50px; border: 1px solid #ccc; font-size: 18px; margin-left: 12px; margin-right: 4px; border-radius: 50px;}
#searchWrap .searchCon .input_box button{position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); background: #fff;}
#searchWrap .searchCon .input_box i{font-size: 20px; color: #ccc; }


/* 공지사항 */
.noticeContentWrap{ float: left; width: 100%; margin-top: 45px; border-top: 1px solid #999;}
.noticeContentWrap .titleWrap{float: left; width: 100%; background: #f9f9f9; padding: 20px; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: 500;}
.noticeContentWrap .contentWrap{width: 100%; float: left; padding: 20px; border-bottom: 1px solid #ccc;}
.noticeContentWrap .contentWrap:hover{background: #eee;}
.noticeContentWrap .contentWrap a{width: 100%; float: left;}
.noticeContentWrap .titleWrap li{text-align: center;}
.noticeContentWrap  .no{width: 5%; float: left;}
.noticeContentWrap .title{width: 80%; float: left;}
.noticeContentWrap .name{width: 10%; float: left;}
.noticeContentWrap .date{width: 10%; float: left;}
.noticeContentWrap .count{width: 5%; float: left;}
.noticeContentWrap .status{width: 10%; float: left;}
.noticeContentWrap .contentWrap .no span{background: #009845; padding: 3px 15px; color: #FFF; border-radius: 15px; font-size: 15px;}
.noticeContentWrap .contentWrap li{text-align: center; font-size: 18px; line-height: 25px; color: #666; font-weight: 400;}
.noticeContentWrap .contentWrap .title{text-align: left; color: #333; padding-left: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.noticeContentWrap .contentWrap .status span{padding: 3px 15px 5px 15px; background: #009845; color: #FFF; border-radius: 55px; font-size: 17px;}
.noticeContentWrap .contentWrap .title span{float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.notice_wrap .title{width: 80% !important;}

/* 뷰페이지 공통 */
.prevBtnWrap{width: 100%; float: left; margin: 50px 0 50px 0;}
.prevBtnWrap a{width: 100px; text-align: center; height: 42px; line-height: 42px; font-size: 17px; border: 1px solid #ccc; color: #666; border-radius: 3px; float: right;}
#Viewpage_Wrap .viewCont{width: 100%; float: left; border-top: 1px solid #333; margin-top: 100px; border-bottom: 1px solid #ececec;}
#Viewpage_Wrap .viewCont .titleWrap{width: 100%; float: left; padding: 20px; background-color: #f9f9f9; border-bottom: 1px solid #ececec;}
#Viewpage_Wrap .viewCont .titleWrap > ul{width: 100%; float: left;}
#Viewpage_Wrap .viewCont .titleWrap .title{font-size: 27px; font-weight: 600; line-height: 37px;}
#Viewpage_Wrap .viewCont .titleWrap .title > span{width: 95px; float: left; height: 34px; line-height: 34px; margin-right: 12px; margin-top: 1px; text-align: center; color: #FFF; border-radius: 100px; font-size: 16px; font-weight: 400;}
#Viewpage_Wrap .viewCont .dateWrap{width: 100%; float: left; padding: 10px 20px; border-bottom: 1px solid #ececec;}
#Viewpage_Wrap .viewCont .dateWrap > ul{width: 100%; float: left;}
#Viewpage_Wrap .viewCont .dateWrap ul li{font-size: 16px; color: #999;}
#Viewpage_Wrap .viewCont .dateWrap ul .linkwrap{float: left; display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 17px; font-weight: 500; color: #CBCBCB;}
#Viewpage_Wrap .viewCont .dateWrap ul .linkwrap > div{float: left;}
#Viewpage_Wrap .viewCont .dateWrap ul .linkwrap .link{color: #A4A4A4; text-decoration: underline;}
#Viewpage_Wrap .viewCont .dateWrap ul .linkwrap .line{width: 2px; height: 14px; color: #CBCBCB; background: #CBCBCB;}
#Viewpage_Wrap .viewCont .dateWrap ul .regDate{float: right;}
#Viewpage_Wrap .viewCont .contentWrap{width: 100%; float: left; padding: 40px; min-height: 250px; font-size: 17px;}
#Viewpage_Wrap .viewCont .contentWrap p{width: 100%; float: left; line-height: 28px; font-size: 19px; font-weight: 400;}
#Viewpage_Wrap .viewCont .contentWrap p span{font-weight: 500;}
#Viewpage_Wrap .viewCont .contentWrap .imgbox{margin-bottom: 35px;}
#Viewpage_Wrap .viewCont .contentWrap .imgbox img{width: 500px; height: 420px; object-fit: cover;}
#Viewpage_Wrap .viewCont .contentWrap .vediobox{margin-bottom: 35px;}

/* 첨부파일 */
#Viewpage_Wrap .viewCont .fileUploadWrap {width: 100%; float: left; padding: 0 30px 50px 30px;}
#Viewpage_Wrap .fileUploadWrap ul{width: 40%; float: left; background: #f6f6f6; border-radius: 5px; padding: 10px 20px;}
#Viewpage_Wrap .fileUploadWrap ul li{font-size: 15px; float: left;}
#Viewpage_Wrap .fileUploadWrap ul li:nth-child(1){width: 16%;}
#Viewpage_Wrap .fileUploadWrap ul li:nth-child(2){width: 80%; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#Viewpage_Wrap .fileUploadWrap ul li:nth-child(3){width:4%; text-align: right;}
#Viewpage_Wrap .fileUploadWrap ul li i{color: #999;}

#Viewpage_Wrap .answerWrap{width: 100%; float: left; min-height: 150px; margin-top: 40px;}
#Viewpage_Wrap .answerWrap > ul{width: 100%; float: left; background: #F5F5F5; padding: 40px;}
#Viewpage_Wrap .answerWrap .answer_title{width: 100%; float: left; font-size: 22px; font-weight: 500; margin-bottom: 30px; line-height: 40px;}
#Viewpage_Wrap .answerWrap .answer_title span{width: 40px; float: left; height: 40px; text-align: center; font-size: 19px; color: #fff; border-radius: 100px; margin-right: 10px;}
#Viewpage_Wrap .answerWrap .answer_content{width: 100%; float: left; font-size: 19px; color: #555; line-height: 32px;}


/* 미디어관리 */
.mediaWrap .total_wrap{display: block; float: left; margin-top: 0;}
.mediaWrap{margin-top: 45px;}
.mediaWrap .media_wrap{width: 100%; float: left;}
.mediaWrap .media_wrap .news_box{width: 440px; float: left; text-align: center;}
.mediaWrap .media_wrap .news_box:not(:nth-child(3n+1)){margin-left: 40px;}
.mediaWrap .media_wrap .news_box:nth-child(n+4){margin-top: 80px;}
.mediaWrap .media_wrap div{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mediaWrap .media_wrap .news_img{height: 210px; overflow: hidden;}
.mediaWrap .media_wrap .news_img img{width: 100%; height: 210px; object-fit: cover; overflow: hidden; transition: ease-in-out 0.7s;}
.mediaWrap .media_wrap .news_img img:hover{transform: scale(1.1);}
.mediaWrap .media_wrap .txt_wrap{padding: 25px; width: 100%; float: left; background: #efefef;}
.mediaWrap .media_wrap .news_con{width: 100%; float: left;}
.mediaWrap .media_wrap .news_con .news_title{width: 100%; float: left; font-size: 18px; font-weight: 500; line-height: 28px; text-align: left;}
.mediaWrap .media_wrap .news_con .news_contents{width: 100%; float: left; margin-top: 8px; font-size: 16px; line-height: 25px; color: #666; text-align: left;}
.mediaWrap .media_wrap .news_con .news_category{font-weight: 600; color: #A4A4A4; margin-right: 5px;}
.mediaWrap .media_wrap .btn_wrap{width: 100%; float: left; margin-top: 30px;}
.mediaWrap .media_wrap .btn_wrap > div{width: 100%; float: left; margin: 0 auto;}
.mediaWrap .media_wrap .btn_wrap > div a{font-size: 15px; display: inline-block; border-radius: 100px; width: 180px; height: 46px; line-height: 46px; font-weight: 500; color: #666; border: 1px solid #ccc; transition: ease-in-out 0.5s;}
.mediaWrap .media_wrap .btn_wrap > div a:hover{background: #009845; color: #fff;}

/* 제품사용설명서 분류 */
.instruction_warp .group{width: 15% !important; float: left;}
.instruction_warp .title{width: 65% !important; float: left;}
.instruction_warp .contentWrap .title i{margin-left: 10px; color: #ccc; font-size: 16px;}


/* 자주하는질문 */
.FQAWrap .qnawrap{ width: 100%; float: left; margin-top: 45px;}
.FQAWrap .qnawrap > ul{width: 100%; float: left;}
.FQAWrap .qnawrap .main{width: 4%; float: left; font-size: 25px; font-weight: bold; text-align: center;}
.FQAWrap .qnawrap .question_box{border-top: 1px solid #333; height: 80px; padding: 0 20px; border-bottom: 1px solid #e0e0e0;}
.FQAWrap .qnawrap .question_box .main{color: #009845;}
.FQAWrap .qnawrap .question_box li{line-height: 80px;}
.FQAWrap .qnawrap .question_box .title{width: 94%; float: left; font-size: 21px; cursor: pointer;}
.FQAWrap .qnawrap .question_box .title span{float: right;}
.FQAWrap .qnawrap .question_box .title span .on i{transform: scaleY(-1); transition: .5s;}
.FQAWrap .qnawrap .answer_box{background-color: #f7f7f7; padding: 25px 20px;}
.FQAWrap .qnawrap .answer_box .box{width: 20px; height: 20px; float: left; border-bottom: 1px solid #333; border-left: 1px solid #333; margin-left: 26px;}
.FQAWrap .qnawrap .answer_box .con{width: 80%; float: left; font-weight: 300; margin-top: 6px; font-size: 18px; line-height: 29px;}

/* Q&A */
.QNA_warp .noticeContentWrap .titleWrap .title{width: 60%; float: left;}
.QNA_warp .noticeContentWrap .contentWrap .title{width: 60%; float: left;}
.QNA_warp .noticeContentWrap .contentWrap .title i{margin-left: 10px; color: #ccc; font-size: 16px;}

/* Q&A 비밀번호 팝업 */
.passwordWrap{display: none; width: 100%; float: left; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; position: fixed; left: 0; top: 0;}
.passwordWrap > .passwordBox{background-color: #FFF; width: 660px; float: left; padding: 55px 0; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 10px;}
.passwordWrap > .passwordBox > .box_tit{width: 100%; float: left; font-size: 16px; font-weight: bold; color: #FFF; text-align: center;}
.passwordWrap > .passwordBox > .titleTextWrap{width: 100%; float: left;}
.passwordWrap > .passwordBox > .titleTextWrap ul{width: 100%; float: left;}
.passwordWrap > .passwordBox > .titleTextWrap ul li{width: 100%; float: left; text-align: center;}
.passwordWrap > .passwordBox > .titleTextWrap .boldWrap{font-weight: 500; font-size: 26px; margin-top: 25px;}
.passwordWrap > .passwordBox > .titleTextWrap .subWrap{font-size: 16px; margin-top: 10px; line-height: 22px;}
.passwordWrap > .passwordBox > form{width: 100%; float: left; margin-top: 30px;}
.passwordWrap > .passwordBox > form .con_wrap{width: 100%; float: left; background-color: #FFF; text-align: center;}
.passwordWrap > .passwordBox > form .con_wrap > input{border: 1px solid #EEE; text-align: center; letter-spacing: -1px; font-size: 18px; padding: 15px; width: 350px;}
.passwordWrap > .passwordBox > .btn_wrap{width: 100%; float: left; text-align: center; margin-top: 35px; }
.passwordWrap > .passwordBox > .btn_wrap > button{width: 174px; color: #FFF; padding: 10px 0; font-weight: 400; font-size: 16px; border: 1px solid transparent; cursor: pointer;}
.passwordWrap > .passwordBox > .btn_wrap > .close_btn{background-color: #B7B7B7;}
.passwordWrap > .passwordBox > .btn_wrap > .ok_btn{background-color: #009845;}

/* Q&A 글쓰기 */
.writeBtnWrap{width: 100%; float: left; margin-top: 40px;}
.writeBtnWrap a{height: 42px; width: 100px; float: left; line-height: 42px; background: #009845; text-align: center; font-size: 17px; color: #fff; border-radius: 3px; float: right;}

/* Q&A 문의하기 */
.form_wrap .main_title{width: 100%; float: left; margin-top: 100px;}
.form_wrap .title{font-size: 22px; padding-bottom: 14px; font-weight: 500;}
.form_wrap .line{width: 100%; float: left; height: 1px; background: rgba(0, 0, 0, 0.5); position: relative;}
.form_wrap .line::before{content: ""; position: absolute; top: 0; left: 0; width: 150px; height: 2px; background: #000;}
.form_wrap .inquiry_form{width: 100%; float: left; padding: 0 20px; margin-top: 20px;}
.form_wrap .inquiry_form .inquiry_box{width: 48%; float: left; height: 50px; line-height: 50px; margin-top: 22px;}
.form_wrap .inquiry_form .inquiry_box .form_title{width: 110px; float: left; font-size: 18px;}
.form_wrap .inquiry_form .inquiry_box .form_title.important::after{
    content: "*";
    color: #DC3333;
    margin-right: 3px;
    font-weight: bold;
}
.form_wrap .inquiry_form .inquiry_box .form_text{width: 542px; float: left; font-size: 16px; font-weight: 300;}
.form_wrap .inquiry_form .inquiry_box .form_text input{width: 100%; height: 50px; font-size: 16px; padding-left: 20px; border: 1px solid #ccc; border-radius: 3px;}
.form_wrap .inquiry_form .inquiry_box.left4{margin-left: 4%;}
.form_wrap .inquiry_form select{width: 80%; float: left; font-size: 16px; font-weight: 200; height: 50px; border: 1px solid #ccc; border-radius: 3px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/images/select_arrow.png) no-repeat right 15px center;}
.form_wrap .inquiry_form .fullbox{width: 100%;}
.form_wrap .inquiry_form .fullbox .form_text{width: 1250px !important;}
.form_wrap .inquiry_form .fullbox textarea{width: 100%; font-size: 16px; height: 150px; border: 1px solid #ccc; border-radius: 3px;}
.form_wrap .agree_form{width: 100%; float: left; margin-top: 20px;}
.form_wrap .agree_form .check_box{width: 100%; float: left; margin-top: 20px; font-size: 16px; font-weight: 500;}
.form_wrap .agree_form .check_box input{display: block; width: 25px; float: left; height: 25px; border: 1px solid #ccc; border-radius: 3px;}
.form_wrap .agree_form .check_box input[type="checkbox"] + label{display: inline-block; cursor: pointer; margin-left: 15px;}
.form_wrap .agree_form .inquiry_box{width: 100%; float: left; padding-right: 20px; margin-top: 20px;}
.form_wrap .agree_form .inquiry_box .form_text{width: 100%; float: left; line-height: 25px; font-size: 13px; color: #999; padding: 15px 24px; border: 1px solid #ccc; border-radius: 3px; height: 130px; overflow-y: scroll;}
.form_wrap .agree_form .summit_btn{width: 100%; float: left; margin-top: 60px;}
.form_wrap .agree_form .summit_btn > div{width: 235px; margin: 0 auto;}
.form_wrap .agree_form .summit_btn .submit_form{width: 235px; float: left; height: 60px; line-height: 60px; font-size: 18px; color: #fff; font-weight: 400; background: #000; border-radius: 3px; border: none; cursor: pointer;}

/* 비밀번호 자동입력방지 */
.captcha_wrap{width: 100% !important; height: 92px !important; line-height: 92px !important;}
.captcha_wrap > div{ float: left;}
.captcha_wrap .form_text{width: 220px !important; margin-left: 10px;}
.captcha_wrap .captcha{display: flex; justify-content: flex-start; align-items: center;}
.captcha_wrap .captcha_img img{object-fit: cover;}
.captcha_wrap .captcha_btn{margin-left: 10px;}
.captcha_wrap .captcha_btn button{width: 50px; float: left; height: 50px; background: #eee; border: 1px solid #ccc;}
.captcha_wrap .captcha_btn button i{font-size: 17px;}
.captcha_wrap .con{font-size: 14px; color: #cc3333; margin-left: 10px;}

/* 이벤트페이지 */
.eventWrap{margin-top: 45px;}
.eventWrap .event_wrap{width: 100%; float: left;}
.eventWrap .event_wrap li{width: 440px; float: left; }
.eventWrap .event_wrap li:not(:nth-child(3n+1)){margin-left: 40px;}
.eventWrap .event_wrap li:nth-child(n+4){margin-top: 80px;}
.eventWrap .event_list .thumbnail{width: 100%; float: left;  height: 210px; overflow: hidden;}
.eventWrap .event_list .thumbnail img{height: 210px; object-fit: cover; transition: ease-in-out 0.7s;}
.eventWrap .event_list .thumbnail img:hover{transform: scale(1.1);}
.eventWrap .event_list .txt_wrap{width: 100%; float: left; padding: 27px; height: 120px; background: #efefef;}
.eventWrap .event_list .txt_wrap .title_box{width: 100%; float: left; font-size: 20px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.eventWrap .event_list .txt_wrap .con_box{width: 100%; float: left; margin-top: 6px; display: flex; justify-content: space-between; align-items: center;}
.eventWrap .event_list .txt_wrap .date_box{float: left; font-size: 15px; color: #999;}
.eventWrap .event_list .txt_wrap .btn_wrap{float: left; text-align: center;}
.eventWrap .event_list .txt_wrap .btn_wrap a{width: 140px; float: left; padding: 5px 0px; border-radius: 40px; font-size: 14px; font-weight: 400; color: #fff;}

/* 종료된이벤트 */
.eventWrap .end_event .thumbnail{position: relative;}
.eventWrap .end_event .cover{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; text-align: center;}
.eventWrap .end_event .cover p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 21px; color: #fff; line-height: 31px; margin: 0;}
.eventWrap .event_list.end_event .btn_wrap a{color: #ccc; border: 1px solid #ccc; background: none; cursor: default;}

/* 고객지원 */
/* 제품문의 분류 */
.customer_wrap .noticeContentWrap .titleWrap .group{width: 15%; float: left;}
.customer_wrap .noticeContentWrap .titleWrap .title{width: 50%; float: left;}
.customer_wrap .noticeContentWrap .contentWrap .group{width: 15%; float: left;}
.customer_wrap .noticeContentWrap .contentWrap .title{width: 50%; float: left;}
.customer_wrap .noticeContentWrap .contentWrap .title i{margin-left: 10px; color: #ccc; font-size: 16px;}
.customer_wrap .noticeContentWrap .contentWrap .status{width: 10%; float: left;}

/* 매장찾기 */
.storeWrap .store_wrap{width: 100%; float: left; margin-top: 100px; display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden;}
.storeWrap .store_wrap .store_map{width: 63%; float: left; position: relative;}
.storeWrap .store_map .map_view{width: 250px; float: left; position: absolute; top: 264px; left: 266px; z-index: 99;}
.storeWrap .store_map .map_view > ul{width: 100%; float: left; box-shadow: 2px 6px 7px rgba(0, 0, 0, 0.1);}
.storeWrap .store_map .map_view > ul > li{width: 100%; float: left; padding: 15px;}
.storeWrap .store_map .map_view .title{color: #fff; font-size: 16px; line-height: 21px; font-weight: 500; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.storeWrap .store_map .map_view .title span{float: left;}
.storeWrap .store_map .map_view .title span:nth-child(1){width: 80%;}
.storeWrap .store_map .map_view .title span:nth-child(2){width: 20%; font-size: 18px; text-align: right; cursor: pointer;}
.storeWrap .store_map .map_view .con{font-size: 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #fff;}
.storeWrap .store_map .map_view .con span{float: left;}
.storeWrap .store_map .map_view .con span:nth-child(1){width: 12%;}
.storeWrap .store_map .map_view .con span:nth-child(2){width: 88%;}
.storeWrap .store_map .map_view .map_pin{width: 100%; float: left; text-align: center; margin-top: 20px;}
.storeWrap .store_map .map_view .map_pin img{cursor: pointer;}

.storeWrap .store_wrap .store_list{width: 35%; float: left;}
.storeWrap .store_wrap .store_list .list_wrap{width: 100%; float: left; height: 685px; overflow-y: scroll;}
.storeWrap .store_wrap .store_list .list_wrap > ul{width: 96%; float: left; border: 1px solid #ccc;}
.storeWrap .store_wrap .store_list .list_wrap > ul:not(:first-child){margin-top: 18px;}
.storeWrap .store_wrap .store_list .list_wrap > ul > li{width: 100%; float: left; padding: 25px 30px;}
.storeWrap .store_wrap .store_list .active .title{background: #009845 !important;}
.storeWrap .store_wrap .store_list .title{font-size: 18px; font-weight: 500; background: #b8b8b8; color: #fff; line-height: 22px; cursor: pointer;}
.storeWrap .store_wrap .store_list .con{font-size: 16px; background: #fff;}
.storeWrap .store_wrap .store_list .con > div{width: 100%; float: left;}
.storeWrap .store_wrap .store_list .con > div:not(:first-child){margin-top: 12px;}
.storeWrap .store_wrap .store_list .address{width: 100%; float: left;}
.storeWrap .store_wrap .store_list .icon{width: 100%; float: left;}
.storeWrap .store_wrap .store_list .txt{width: 100%; float: left;}
.storeWrap .store_wrap .store_list .clock_con{width: 100%; float: left; margin-top: 8px;}
.storeWrap .store_wrap .store_list .clock_con > li{width: 100%; float: left;}
.storeWrap .store_wrap .store_list .clock_con > li:not(:first-child){margin-top: 4px;}
.storeWrap .store_wrap .store_list .clock_con span{float: left;}
.storeWrap .store_wrap .store_list .clock_con span:nth-child(1){width: 20%;}
.storeWrap .store_wrap .store_list .clock_con span:nth-child(2){width: 80%; text-transform: uppercase;}
.storeWrap .store_wrap .store_list .list_wrap::-webkit-scrollbar { width: 8px; }
.storeWrap .store_wrap .store_list .list_wrap::-webkit-scrollbar-thumb { background: #959290; border-radius: 100px; }
.storeWrap .store_wrap .store_list .list_wrap::-webkit-scrollbar-track { border-radius: 100px; background-color: rgba(0,0,0,0.1); }
.storeWrap .store_wrap .bg_gradation{width: 96%; float: left; position: absolute; bottom: 0; left: 0; z-index: 999; pointer-events: none; transition: all 0.25s;}
.storeWrap .store_wrap .bg_gradation2{width: 96%; float: left; position: absolute; top: 0; left: 0; z-index: 999; pointer-events: none; transition: all 0.25s; transform: scaleY(-1); opacity: 0;}

/* 매장찾기 검색 = 국문만 있음*/
.map_search{width: 800px; float: left; position: absolute; z-index: 99; background: #fff; padding: 20px; left: 50%; transform: translateX(-50%); top: 35px; box-shadow: 1px 3px 10px rgba(0,0,0,0.1);}
.map_search > ul{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.map_search > ul > li{float: left;}
.map_search > ul > li > select{width: 160px; color: #999; height: 50px; line-height: 50px; padding-left: 15px;}
.map_search > ul > li > input{width: 100%; height: 50px; line-height: 50px; padding-left: 15px; color: #999; border: 1px solid #bfbfbf;}
.map_search > ul > li > button{width: 50px; height: 50px; line-height: 53px; border: none; text-align: center; cursor: pointer;}
.map_search > ul > li > button > i{color: #fff; font-size: 20px;}
.map_search .store_name{width: 530px;}



/* 마이페이지 */
.mypageWrap.section01{margin-top: 100px;}
.mypageWrap.section02{margin-top: 70px;}
.my_login_wrap{width: 100%; float: left;}
.my_login_wrap .my_join_box{width: 115px; float: right; height: 40px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; background: #999; border-radius: 5px;}
.my_login_wrap .my_join_box a{width: 100%; float: left;}
.my_login_wrap .my_join_box i{margin-right: 5px;}
.my_login_wrap .my_login_box{width: 100%; float: left; margin-top: 25px; border: 1px solid #ccc; padding: 50px 60px; display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.my_login_wrap .my_login_box .my_profile{width: 70px; float: left; height: 70px;}
.my_login_wrap .my_login_box .my_name{width: 74%; float: left;}
.my_login_wrap .my_login_box .my_name .title{width: 100%; float: left; font-size: 25px; font-weight: 500;}
.my_login_wrap .my_login_box .my_name .title i{font-size: 20px; margin-left: 5px; transform: translateY(-2px);}
.my_login_wrap .my_login_box .my_name .con{width: 100%; float: left; font-size: 16px; margin-top: 3px; color: #999;}
.my_login_wrap .my_login_box .login_btn{width: 220px; float: right; height: 50px; line-height: 48px; font-size: 16px; font-weight: 500; text-align: center; border-radius: 5px;}
.my_login_wrap .my_login_box .login_btn a{width: 100%; float: left;}
.my_login_wrap .my_login_box .my_kakao{color: #3d1e1c; background: #f9e000;}
.my_login_wrap .my_login_box .my_kakao img{margin-right: 5px; }
.my_login_wrap .my_login_box .my_edit{color: #999; border: 1px solid #ccc;}

.mypageWrap.section02 .MyContentWrap{width: 100%; float: left; margin-top: 60px;}
.MyContentWrap .list_wrap{width: 46%; float: left;}
.MyContentWrap .list_wrap:nth-child(2n){margin-left: 6%;}
.MyContentWrap .list_wrap:nth-child(n+3){margin-top: 8%;}
.MyContentWrap .list_wrap .title{width: 100%; float: left; font-size: 21px; font-weight: 500;}
.MyContentWrap .list_wrap .title i{font-size: 20px; margin-left: 10px;}
.MyContentWrap .list_wrap .list_box{width: 100%; float: left; padding: 30px 20px; margin-top: 25px; height: 200px; border-top: 1px solid #000; border-bottom: 1px solid #ccc;}
.MyContentWrap .list_wrap .list_box > li{width: 100%; float: left; font-size: 16px;}
.MyContentWrap .list_wrap .list_box li.list:not(:first-child){margin-top: 14px;}
.MyContentWrap .list_wrap .no_list{text-align: center; color: #999 !important; line-height: 140px;}
.MyContentWrap .list_wrap .list_box > li > div{float: left;}
.MyContentWrap .list_wrap .list_box .txt{width: 85%; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.MyContentWrap .list_wrap .list_box .txt:hover{color: #999;}
.MyContentWrap .list_wrap .list_box .txt span{font-weight: 500;}
.MyContentWrap .list_wrap .list_box .date{width: 15%; font-size: 14px; color: #666; text-align: right;}

.myinfoWrap{margin-top: 100px;}
.myinfoWrap .titleWrap{width: 100%; float: left;     font-size: 25px; font-weight: 500;}
.myinfoWrap .titleWrap i{margin-right: 10px;}
.myinfoWrap .contentWrap{width: 100%; float: left; margin-top: 30px;}
.myinfoWrap .contentWrap .formWrap{width: 100%; float: left; background: #fff;}
.myinfoWrap .formWrap form{width: 100%; float: left;}
.myinfoWrap .formWrap table{width: 100%; float: left; border: 1px solid #DDD; table-layout: fixed;}
.myinfoWrap .formWrap table td{border-bottom: 1px solid #E5E5E5;}
.myinfoWrap .formWrap table th{border-bottom: 1px solid #E5E5E5;}
.myinfoWrap .formWrap table tr{font-size: 16px;}
.myinfoWrap .formWrap table tr th{font-size: 15px; color: #333; background-color: #FAFAFA; text-align: left; padding: 12px; vertical-align: top;}
.myinfoWrap .formWrap table tr th.important::before{content: "*"; color: #DC3333; margin-right: 2px;}
.myinfoWrap .formWrap table tr *{border-right: 1px solid #E5E5E5;}
.myinfoWrap .formWrap table tr *:last-child{border-right: 0;}
.myinfoWrap .formWrap table tr span{width: 100%; height: 60px; line-height: 60px; float: left; padding: 0 20px; color: #333;}
.myinfoWrap .formWrap table tr input.txt{width: 100%; height: 60px; font-size: 16px; float: left; border: 0; padding: 0 20px;  color: #333;}
.myinfoWrap .formWrap table tr .kakaoBtn{display: inline-block; height: 40px; line-height: 40px; border-radius: 5px; background-color: #F9E000; color: #3d1e1c; font-weight: bold; font-size: 14px; padding: 0 40px;}
.myinfoWrap .formWrap table tr .kakaoBtn i{margin-right: 5px;}
.myinfoWrap .contentWrap .btnWrap{width: 170px; float: right; text-align: center; margin-top: 40px;}
.myinfoWrap .contentWrap .btnWrap button{width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer;}

/* 마이페이지 문의내역 */
.my_list .noticeContentWrap .title{width: 60% !important;}
.my_list.QNA_warp .noticeContentWrap .title{width: 70% !important;}


/* 다국어페이지 */

/* 헤더 */
.lang_en.top_header{height: 105px !important;}
.lang_en.top_header .hd_wrap{height: 105px !important;}
.lang_en .header{display: block !important;}
.lang_en .header .main_menu{margin-left: 50px;}
.lang_en .header .main_menu .h_menu{padding: 0 20px !important;}
.lang_en .header .main_menu .h_menu:hover{color: #009845;}
.lang_en .header .right_icon{float: right !important;}
.lang_en .header .right_icon .shop_btn{width: 170px; height: 46px; line-height: 46px; padding: 0 !important; text-align: center; font-weight: 500; font-size: 16px; color: #fff; border-radius: 100px;}
.lang_en .header .right_icon .shop_btn a{height: auto !important;}
.lang_en.submn_wrap{top: 105px !important;}

.lang_en.sub_visual{margin-top: 105px !important;}

/* 메인 */
.lang_en.product_wrap .con_box{text-align: center;}
.lang_en.product_wrap .con_prod .prod_list .cbox .img{border-radius: 0;}
.lang_en.product_wrap .tab_menu .con_tab{width: 100%; float: left; }
.lang_en.product_wrap .tab_menu .con_tab ul{width: 100%; float: left; display: flex; justify-content: center; gap: 15px;}
.lang_en.product_wrap .tab_menu .clicktab{float: left; border-radius: 100px; padding: 10px 30px; color: rgba(0,0,0,0.5); background: rgba(0,152,69,0.1);}
.lang_en.product_wrap .tab_menu .con_tab li.active{background: #009845; color: #fff !important;}
.lang_en.product_wrap .con_prod .list_box{margin-top: 42px;}

.lang_en .quick_mn .text{width: 40% !important;}
.lang_en .ic_box{width: 60% !important; align-items: flex-start !important;}
.lang_en .ic_box a{width: 16% !important;}
.lang_en .ic_box .icon{width: 120px; height: 120px; line-height: 130px; border-radius: 20px;}
.lang_en .ic_box .icon > div{width: 100%; float: left; height: 100%;}
.lang_en .ic_box .icon .black_img{left: 0;}
.lang_en .ic_box .icon  i{font-size: 30px;}
.lang_en .ic_box .icon .white_img i{color: #fff;}
.lang_en .ic_box .icon:hover .white_img i{color: #313d3d;}
.lang_en .ic_box .icon .tt{width: 100%;}
.lang_en.story .img_box .con .img{border-radius: 0;}

/* 탭메뉴 */
.lang_en.sub_nav.notice .nav_box ul li{width: 300px !important;}

/* 제품소개 뷰페이지 */
.lang_en .right_box button{width: 100% !important;}

.product_wrap .btn_lang{width: 100%; float: left; position: absolute; top: 38%; }
.product_wrap .btn_lang > ul{width: 100%; float: left;}
.product_wrap .btn_lang > ul > li{cursor: pointer;}
.product_wrap .btn_lang > ul > li.left{float: left; left: -5%;}
.product_wrap .btn_lang > ul > li.right{float: right; right: -5%;}
.product_wrap .btn_lang .active{background: none !important;}
.product_wrap .btn_lang .active i{color: #000;}
.product_wrap .btn_lang i{color: #000;}
.product_wrap .btn_lang i{/*color: #ccc;*/ font-size: 40px;}
.product_wrap .btn_dot{width: 100%; float: left;}
.product_wrap .btn_dot > ul{width: 100%; float: left; }
.product_wrap .btn_dot > ul > li{width: 18px; height: 18px; margin: 5px; cursor: pointer; border-radius: 100px; background: #ccc; display: inline-block; vertical-align: middle; text-align: center;}
.product_wrap .btn_dot > ul > li.active{background: #000;}

.slick-dots{width: 100%; float: left; }
.slick-dots > li{width: 18px; font-size: 0; height: 18px; margin: 5px; cursor: pointer; border-radius: 100px; background: #ccc; display: inline-block; vertical-align: middle; text-align: center;}
.slick-dots > li.slick-active{background: #000;}
.slick-dots > li button{ font-size: 0; }


.pagingWrap{width: 100%; float: left; margin-top: 110px; text-align: center;}
.pagingWrap {width: 100%; float: left; height: 28px; line-height: 28px; text-align: center;}
.pagingWrap ul{width: 100%; float: left; display: table-cell; vertical-align: middle; }
.pagingWrap li {display: inline-block; vertical-align: middle;  }
.pagingWrap li span {float:left; width:28px; height:100%; text-align: center; min-width: 28px; height: 28px; line-height: 26px; margin: 0 3px; border: 1px solid #ffffff; border-radius: 100px; color: #fff; font-weight: bold; border: 1px solid #009845; background-color: #009845;}
.pagingWrap li a {float:left; width:28px; height:100%; text-align: center; min-width: 28px; height: 28px; line-height: 26px; margin: 0 3px; border: 1px solid #ffffff; border-radius: 100px; }
.pagingWrap li a:hover{border: 1px solid #ccc;}

.pagingWrap li a{ display: block; text-align: center; font-size: 12px;}
.pagingWrap li i{font-size: 15px; color: #999;}
.pagingWrap li.btn_page_next i{font-size: 15px;}
.pagingWrap .btn_page{border: 1px solid #ccc;}
.pagingWrap .btn_page img{transform: translateY(-2px);}


.popupViewBox { position: fixed; width: 450px; background-color: #FFF; right: 0; bottom: 0; z-index: 999; overflow: hidden; border-top-left-radius: 30px; border-top-right-radius: 30px;}
.popupViewBox > .conWrap { width: 100%; float: left; }
.popupViewBox > .conWrap img { max-width: 100%; }
.popupViewBox > .btnWrap { width: 100%; float: left; background-color: #fff; padding: 13px 30px; }
.popupViewBox > .btnWrap > a { height: 23px; line-height: 23px; font-size: 16px; color: #333; font-weight: 500; }
.popupViewBox > .btnWrap > a.left { float: left; opacity: 0.6; }
.popupViewBox > .btnWrap > a.right { float: right; }
.popupViewBox .swiper-pagination{position: absolute; pointer-events: none; top: 20px; right: 20px; z-index: 99; display: flex; gap: 4px; align-items: center; justify-content: center; width: 54px; height: 24px; border-radius: 12px; background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.5); font-size: 13px; font-weight: 500;}
.popupViewBox .swiper-pagination .swiper-pagination-current{color: #fff;}

.popupViewBox .swiper-pagination-bullet-active{ background: #666; }
.popupViewBox .swiper-dot{ pointer-events: none; }
.popupViewBox .swiper-dot .swiper-pagination-bullet{ pointer-events: all; }

/* 멤버스 회원가입영역 */
.membersBoxWrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; display: none; transition: all .5s; background-color: rgba(0, 0, 0, 0.65); overflow-y: auto; opacity: 0; }
.membersBoxWrap > .membersBox { position: absolute; width: 35%; left: 32.5%; background-color: #FFF; border-radius: 10px; overflow: hidden; top: 50px; opacity: 0; transition: top 0.5s, opacity 0.5s; }
.membersBoxWrap > .membersBox.active { top: 155px; opacity: 1; }
.membersBoxWrap > .membersBox > div { width: 100%; float: left; display: block; padding: 80px 50px 50px 50px; }

.membersBoxWrap > .membersBox > .popupCloseBtn { position: absolute; font-size: 42px; color: #DDD; cursor: pointer; top: 30px; right: 30px; z-index: 2; transition: color 0.5s; }
.membersBoxWrap > .membersBox > .popupCloseBtn:hover { color: #CCC; }

.membersBoxWrap > .membersBox > div > .titWrap { width: 100%; float: left; font-weight: 800; color: #998675; font-size: 27px; text-align: center; margin-bottom: 30px; }
.membersBoxWrap > .membersBox > div > .titWrap > .point { color: #333; font-size: 27px; font-weight: 800; }

.membersBoxWrap > .membersBox > div > .btnWrap { width: 100%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 30px; }
.membersBoxWrap > .membersBox > div > .btnWrap > button { width: 100%; height: 50px; float: left; border-radius: 3px; color: #FFF; font-weight: 500; background-color: #998675; font-size: 17px; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel { float: left; margin-top: 20px; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > i { font-size: 21px; vertical-align: middle; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > .on { color: #998675; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > .off { color: #DDD; }
.membersBoxWrap > .membersBox > div > .btnWrap > .checkCustomLabel > span { font-size: 15px; color: #333; font-weight: 500; margin-left: 5px; vertical-align: middle; }

.membersBoxWrap > .membersBox > div > .linkWrap { width: 100%; float: left; padding: 20px 0; text-align: right; }
.membersBoxWrap > .membersBox > div > .linkWrap > a { font-size: 15px; color: #333; font-weight: 500; }
.membersBoxWrap > .membersBox > div > .linkWrap > span { font-size: 15px; color: #333; font-weight: 500; margin: 0 5px; }

.membersBoxWrap > .membersBox > div > form { width: 100%; float: left; }
.membersBoxWrap > .membersBox > div > form > ul { width: 100%; float: left; }
.membersBoxWrap > .membersBox > div > form > ul > li { width: 100%; float: left; margin-bottom: 12px; }
.membersBoxWrap > .membersBox > div > form > ul > li > input { width: 100%; height: 50px; float: left; padding-left: 15px; font-size: 16px; color: #333; border: 1px solid #ccc; border-radius: 3px; }
.membersBoxWrap > .membersBox > div > form > ul > li > input:focus { border: 1px solid #BBB; }
.membersBoxWrap > .membersBox > div > form > ul > li > button { width: 100px; height: 50px; float: right; text-align: center; font-size: 17px; color: #FFF; font-weight: 500; border-radius: 3px; background-color: #888; }

.membersBoxWrap > .membersBox > div > form > ul > .input2 > input { width: calc(50% - 2.5px); margin-right: 5px; }
.membersBoxWrap > .membersBox > div > form > ul > .input2 > input:last-of-type { margin-right: 0; }

.membersBoxWrap > .membersBox > div > form > ul > .btn > input { width: calc(100% - 105px); }

.membersBoxWrap > .membersBox > .privacyWrap > .conWrap { width: 100%; height: 220px; float: left; overflow-y: auto; padding: 25px; border: 1px solid #DDD; border-radius: 5px; font-size: 12px; line-height: 20px; color: #999; letter-spacing: -0.5px; }

.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap { width: 100%; float: left; text-align: center; padding: 20px 0; }
.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > input { display: none; }
.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > label > i { display: inline-block; width: 25px; height: 25px; border-radius: 5px; border: 1px solid #DDD; vertical-align: middle; line-height: 24px; color: #FFF; font-size: 12px; }
.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > label > span { display: inline-block; height: 25px; line-height: 25px; font-size: 15px; color: #333; font-weight: 500; vertical-align: middle; margin-left: 5px; }

.membersBoxWrap > .membersBox > .privacyWrap > .checkWrap > input:checked + label > i { color: #BBB; }

.membersBoxWrap .membersBox .privacyWrap > .fyg_title > ul > li { font-size: 26px; font-weight: 700; color: #333; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; margin-bottom: 5px; }
.membersBoxWrap .membersBox .privacyWrap > .fyg_sub { padding-top: 15px; }
.membersBoxWrap .membersBox .privacyWrap > .fyg_sub > ul > li { font-size: 17px; font-weight: 500; color: #555; line-height: 25px; padding-top: 5px; }
.membersBoxWrap .membersBox .privacyWrap > .fyg_sub > ul > .tit { font-size: 15px; font-weight: 400; color: #333; padding-top: 10px; line-height: 22px;}


.membersBoxWrap2 { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; display: none; transition: all .5s; background-color: rgba(0, 0, 0, 0.65); overflow-y: auto; opacity: 0; }
.membersBoxWrap2 > .membersBox { position: absolute; width: 35%; left: 32.5%; background-color: #FFF; border-radius: 10px; overflow: hidden; top: 50px; opacity: 0; transition: top 0.5s, opacity 0.5s; }
.membersBoxWrap2 > .membersBox.active { top: 155px; opacity: 1; }
.membersBoxWrap2 > .membersBox > div { width: 100%; float: left; display: block; padding: 80px 50px 50px 50px; }

.membersBoxWrap2 > .membersBox > .popupCloseBtn { position: absolute; font-size: 42px; color: #DDD; cursor: pointer; top: 30px; right: 30px; z-index: 2; transition: color 0.5s; }
.membersBoxWrap2 > .membersBox > .popupCloseBtn:hover { color: #CCC; }

.membersBoxWrap2 > .membersBox > div > .titWrap { width: 100%; float: left; font-weight: 800; color: #998675; font-size: 27px; text-align: center; margin-bottom: 30px; }
.membersBoxWrap2 > .membersBox > div > .titWrap > .point { color: #333; font-size: 27px; font-weight: 800; }

.membersBoxWrap2 > .membersBox > div > .btnWrap { width: 100%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 30px; }
.membersBoxWrap2 > .membersBox > div > .btnWrap > button { width: 100%; height: 50px; float: left; border-radius: 3px; color: #FFF; font-weight: 500; background-color: #998675; font-size: 17px; }
.membersBoxWrap2 > .membersBox > div > .btnWrap > .checkCustomLabel { float: left; margin-top: 20px; }
.membersBoxWrap2 > .membersBox > div > .btnWrap > .checkCustomLabel > i { font-size: 21px; vertical-align: middle; }
.membersBoxWrap2 > .membersBox > div > .btnWrap > .checkCustomLabel > .on { color: #998675; }
.membersBoxWrap2 > .membersBox > div > .btnWrap > .checkCustomLabel > .off { color: #DDD; }
.membersBoxWrap2 > .membersBox > div > .btnWrap > .checkCustomLabel > span { font-size: 15px; color: #333; font-weight: 500; margin-left: 5px; vertical-align: middle; }

.membersBoxWrap2 > .membersBox > div > .linkWrap { width: 100%; float: left; padding: 20px 0; text-align: right; }
.membersBoxWrap2 > .membersBox > div > .linkWrap > a { font-size: 15px; color: #333; font-weight: 500; }
.membersBoxWrap2 > .membersBox > div > .linkWrap > span { font-size: 15px; color: #333; font-weight: 500; margin: 0 5px; }

.membersBoxWrap2 > .membersBox > div > form { width: 100%; float: left; }
.membersBoxWrap2 > .membersBox > div > form > ul { width: 100%; float: left; }
.membersBoxWrap2 > .membersBox > div > form > ul > li { width: 100%; float: left; margin-bottom: 12px; }
.membersBoxWrap2 > .membersBox > div > form > ul > li > input { width: 100%; height: 50px; float: left; padding-left: 15px; font-size: 16px; color: #333; border: 1px solid #ccc; border-radius: 3px; }
.membersBoxWrap2 > .membersBox > div > form > ul > li > input:focus { border: 1px solid #BBB; }
.membersBoxWrap2 > .membersBox > div > form > ul > li > button { width: 100px; height: 50px; float: right; text-align: center; font-size: 17px; color: #FFF; font-weight: 500; border-radius: 3px; background-color: #888; }

.membersBoxWrap2 > .membersBox > div > form > ul > .input2 > input { width: calc(50% - 2.5px); margin-right: 5px; }
.membersBoxWrap2 > .membersBox > div > form > ul > .input2 > input:last-of-type { margin-right: 0; }

.membersBoxWrap2 > .membersBox > div > form > ul > .btn > input { width: calc(100% - 105px); }

.membersBoxWrap2 > .membersBox > .privacyWrap > .conWrap { width: 100%; height: 220px; float: left; overflow-y: auto; padding: 25px; border: 1px solid #DDD; border-radius: 5px; font-size: 12px; line-height: 20px; color: #999; letter-spacing: -0.5px; }

.membersBoxWrap2 > .membersBox > .privacyWrap > .checkWrap { width: 100%; float: left; text-align: center; padding: 20px 0; }
.membersBoxWrap2 > .membersBox > .privacyWrap > .checkWrap > input { display: none; }
.membersBoxWrap2 > .membersBox > .privacyWrap > .checkWrap > label > i { display: inline-block; width: 25px; height: 25px; border-radius: 5px; border: 1px solid #DDD; vertical-align: middle; line-height: 24px; color: #FFF; font-size: 12px; }
.membersBoxWrap2 > .membersBox > .privacyWrap > .checkWrap > label > span { display: inline-block; height: 25px; line-height: 25px; font-size: 15px; color: #333; font-weight: 500; vertical-align: middle; margin-left: 5px; }

.membersBoxWrap2 > .membersBox > .privacyWrap > .checkWrap > input:checked + label > i { color: #BBB; }

.membersBoxWrap2 .membersBox .privacyWrap > .fyg_title > ul > li { font-size: 26px; font-weight: 700; color: #333; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; margin-bottom: 5px; }
.membersBoxWrap2 .membersBox .privacyWrap > .fyg_sub { padding-top: 15px; }
.membersBoxWrap2 .membersBox .privacyWrap > .fyg_sub > ul > li { font-size: 17px; font-weight: 500; color: #555; line-height: 25px; padding-top: 5px; }
.membersBoxWrap2 .membersBox .privacyWrap > .fyg_sub > ul > .tit { font-size: 15px; font-weight: 400; padding-top: 10px; line-height: 22px;}