@charset "UTF-8";
/* 서브페이지 기본틀 */
.sub_top {position: relative; }
.sub_top_tit_box {padding: 250px 0 135px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sub_top_tit_box.bg01 {background-image: url("/kor/images/sub/sub_bg01.png");}
.sub_top_tit_box.bg02 {background-image: url("/kor/images/sub/sub_bg02.png");}
.sub_top_tit_box.bg03 {background-image: url("/kor/images/sub/sub_bg03.png");}
.sub_top_tit_box.bg04 {background-image: url("/kor/images/sub/sub_bg04.png");}
.sub_top_tit_box.bg05 {background-image: url("/kor/images/sub/sub_bg05.png");}
.sub_top_tit_box.bg06 {background-image: url("/kor/images/sub/sub_bg06.png");}
.sub_top_tit_box.bg07 {background-image: url("/kor/images/sub/sub_bg07.png");}
.sub_top_tit_box .sub_top_tit {position: relative; font-weight: 700; font-size: 60px; line-height: 70px; color: #ffffff; letter-spacing: -0.04em;}
.sub_top_tit_box .sub_text {margin: 15px 0 0; font-weight: 400; font-size: 18px; line-height: 30px; color: #ffffff; letter-spacing: -0.04em;}
.sub_top .sub_top_area {position: absolute; bottom: 0; left: 0;  width: 100%; z-index: 3;}
.sub_top .sub_top_area .breadcrumb {display: flex; font-size: 0;}
.sub_top .sub_top_area .breadcrumb .box {display: inline-block; position: relative;}
.sub_top .sub_top_area .breadcrumb .box:before {display: block; content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #fff;}
.sub_top .sub_top_area .breadcrumb .box:last-child:before {display: none;}
.sub_top .sub_top_area .breadcrumb .home {width: 50px; text-align: center;}
.sub_top .sub_top_area .breadcrumb .home .btn {display: flex; text-align: center; height: 100%; align-items: center;}
.sub_top .sub_top_area .breadcrumb .home .btn img {}
.sub_top .sub_top_area .breadcrumb .com_depth {position: relative; }
.sub_top .sub_top_area .breadcrumb .com_depth > .text {display: block; position: relative; padding: 0 70px 0 30px; font-family: "Pretendard"; font-weight: 400; font-size: 16px; line-height: 60px; color: #fff; letter-spacing: -0.04em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.sub_top .sub_top_area .breadcrumb .com_depth > .text:after {content:''; display: inline-block; position: absolute; top: 50%; right: 16px; width: 10px; height: 6px; background-image:url('/kor/images/sub/breadcrumb_arrow.png'); background-position: center center; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.23s ease-out;}
.sub_top .sub_top_area .breadcrumb .com_depth.on > .text:after {transform: translateY(-50%) rotate(180deg);}
.sub_top .sub_top_area .breadcrumb .com_depth .depth_list {display: none; width: 100%; position: absolute; top: 50px; z-index: 2; background-color: #0f51a2; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.34);}
.sub_top .sub_top_area .breadcrumb .com_depth .depth_list > li {}
.sub_top .sub_top_area .breadcrumb .com_depth .depth_list > li > .text {display: block; padding: 0 18px; font-family: "Pretendard"; font-weight: 400; font-size: 16px; line-height: 40px; color: #acacac; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sub_top .sub_top_area .breadcrumb .com_depth .depth_list > li > .text:hover, .sub_top .sub_top_area .breadcrumb .com_depth .depth_list > li > .text:focus {font-weight: 700;color: #ffffff;}


.com_title_area {margin: 0 0 40px; text-align: center;}
.com_title_area .title {font-family: "Poppins"; font-weight: 400; font-size: 40px; line-height: 50px; color: #111111;}
.com_title_area .text {margin: 5px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #111111;}
.com_title_area .text.ko {letter-spacing: -0.03em;} 
.com_title_area .text.en {letter-spacing: 0.2em;}  
.com_title_area .gray {font-weight: 400; font-size: 18px; line-height: 24px; color: #999999;}
/* 서브페이지 기본틀 */


.brand_area {background-color: #f8fbf6;}
.brand_area .brand_top {height: 950px; background: url("/kor/images/sub/brand_img01.png") no-repeat center / cover; background-attachment: fixed;}
.brand_area .brand_top .text_box {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; text-align: center;}
.brand_area .brand_top .text_box .en {font-family: "IvyOra"; font-weight: 500; font-size: 42px; line-height: 50px; color: #ffffff;}
.brand_area .brand_top .text_box .ko {margin: 50px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #ffffff;}
.brand_area .brand_mid {margin: 150px 0 0;}
.brand_area .brand_mid .info_list {}
.brand_area .brand_mid .info_list .list {}
.brand_area .brand_mid .info_list .list li {margin: 170px 0 0;}
.brand_area .brand_mid .info_list .list li:first-child {margin: 0;}
.brand_area .brand_mid .info_list .list li .box {display: flex; column-gap: 15px; align-items: center;}
.brand_area .brand_mid .info_list .list li .box .img_box {width: 100%;}
.brand_area .brand_mid .info_list .list li .box .img_box img {}
.brand_area .brand_mid .info_list .list li .box .text_box {width: 100%;}
.brand_area .brand_mid .info_list .list li .box .text_box .title {font-family: "IvyOra"; font-weight: 500; font-size: 48px; line-height: 50px; color: #3a4436;}
.brand_area .brand_mid .info_list .list li .box .text_box .text {margin: 70px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #3a4436;}
.brand_area .brand_mid .info_list .list li .box .text_box .en {margin: 30px 0 0; font-family: "Quinn"; font-weight: 500; font-size: 18px; line-height: 24px; color: #3a4436;}
.brand_area .brand_mid .info_list .list li:nth-child(odd) .box .text_box {padding: 0 0 0 55px;}
.brand_area .brand_mid .info_list .list li:nth-child(even) .box .text_box {order: 1;}
.brand_area .brand_mid .info_list .list li:nth-child(even) .box .img_box {order: 2;}



.brand_area .brand_mid2 {margin: 160px 0 0;}
.brand_area .brand_mid2 .text_list {}
.brand_area .brand_mid2 .text_list .list {display: flex; column-gap: 180px; justify-content: center;}
.brand_area .brand_mid2 .text_list .list li {}
.brand_area .brand_mid2 .text_list .list li .box {text-align: center;}
.brand_area .brand_mid2 .text_list .list li .box .title {width: 100%; max-width: 220px; margin: 0 auto 35px; border-bottom: 1px solid #003f2e; padding: 0 0 35px; font-family: "IvyOra"; font-weight: 500; font-size: 28px; line-height: 36px; color: #3a4436;}
.brand_area .brand_mid2 .text_list .list li .box .text_box {}
.brand_area .brand_mid2 .text_list .list li .box .text_box .tit {font-weight: 700; font-size: 24px; line-height: 30px; color: #3a4436;}
.brand_area .brand_mid2 .text_list .list li .box .text_box .txt {margin: 15px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #3a4436;}
.brand_area .brand_btm {margin: 160px 0 0; height: 950px; background: url("/kor/images/sub/brand_img05.png") no-repeat center / cover; background-attachment: fixed;}
.brand_area .brand_btm .text_box {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; text-align: center;}
.brand_area .brand_btm .text_box .title {font-family: "IvyOra"; font-weight: 500; font-size: 60px; line-height: 70px; color: #ffffff;}
.brand_area .brand_btm .text_box .text {margin: 60px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #ffffff;}


.prd_view_area {padding: 60px 0 320px;	background-color: #f8f8f8;}
.prd_view_area .prd_top {border: 1px solid #edebec; background-color: #fff;}
.prd_view_area .prd_top .inner {display: flex; }
.prd_view_area .prd_top .inner .img_wrap {position: relative; width: 51.002%;}
.prd_view_area .prd_top .inner .img_wrap .img_box {}
.prd_view_area .prd_top .inner .img_wrap .img_box .img_inner {position: relative; padding-bottom: 101.786%; overflow: hidden;}
.prd_view_area .prd_top .inner .img_wrap .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.prd_view_area .prd_top .inner .img_wrap .sort {display: flex; align-items: center; justify-content: center; position: absolute; top: 30px; left: 20px; width: 80px; height: 80px; border-radius: 50%; font-weight: 400; font-size: 16px; line-height: 20px; color: #ffffff; text-align: center;}
.prd_view_area .prd_top .inner .img_wrap .sort.bg01 {background-color: #333333;}
.prd_view_area .prd_top .inner .img_wrap .sort.bg02 {background-color: #003f2e;}
.prd_view_area .prd_top .inner .img_wrap .sort.bg03 {background-color: #cacac7;}
.prd_view_area .prd_top .inner .img_wrap .sort.bg04 {background-color: #3e7163;}
.prd_view_area .prd_top .inner .text_box {width: 48.998%; padding: 50px 55px 70px 45px;}
.prd_view_area .prd_top .inner .text_box .text_inner {display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; }
.prd_view_area .prd_top .inner .text_box .text_inner .text_top {}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box {}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .en {font-weight: 400; font-size: 24px; line-height: 30px; color: #003f2e;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .title {margin: 4px 0 0; font-weight: 500; font-size: 36px; line-height: 40px; color: #111111;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .text {margin: 20px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #b2aaaa;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list {margin: 40px 0 0; padding: 35px 0 0; border-top: 1px solid #edebec;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list {}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li {margin: 10px 0 0;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li:first-child {margin: 0;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box {display: flex; font-weight: 400; font-size: 16px; line-height: 24px; color: #b2aaaa;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box .tit {width: 110px;}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box .txt {}
.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box .txt .price {display: inline-block; font-family: "Poppins"; font-size: 20px; line-height: 24px; color: #111111;}
.prd_view_area .prd_top .inner .text_box .text_inner .prd_inq_btn {display: block; width: 100%; border: 1px solid #003f2e; background-color: #003f2e; font-weight: 400; font-size: 17px; line-height: 63px; color: #ffffff; text-align: center; transition: all 0.3s;}
.prd_view_area .prd_top .inner .text_box .text_inner .prd_inq_btn:hover, .prd_view_area .prd_top .inner .text_box .prd_inq_btn:focus {background-color: #fff; color: #003f2e;}
.prd_view_area .prd_btm {margin: 50px 0 0; border: 1px solid #edebec; background-color: #fff; padding: 60px 10px 50px;}
.prd_view_area .prd_btm .detail {text-align: center;}
.prd_view_area .prd_btm .detail img {}

.prd_info_box {height: 600px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.prd_info_box.bg01 {background-image: url("/kor/images/sub/product_bg01.png");}
.prd_info_box.bg02 {background-image: url("/kor/images/sub/product_bg02.png");}
.prd_info_box.bg03 {background-image: url("/kor/images/sub/product_bg03.png");}
.prd_info_box .text_box {display: flex; flex-direction: column; height: 100%; justify-content: center; text-align: center;}
.prd_info_box .text_box .sub_tit {font-weight: 500; font-size: 26px; line-height: 36px; color: #ffffff;}
.prd_info_box .text_box .title {margin: 6px 0 0; font-weight: 500; font-size: 56px; line-height: 60px; color: #ffffff;}
.prd_info_box .text_box .text {margin: 15px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #ffffff;}
.prd_info_box .text_box .text br {display: none;}
.sch_area {position: relative; width: 100%; max-width: 200px; margin: 0 0 100px auto; border-bottom: 1px solid #c8c8c8}
.sch_area .sch_inner {position: relative; padding: 0 20px 0 0;}
.sch_area .sch_inner .input_box {}
.sch_area .sch_inner .input_box input {width: 100%; border: none; background-color: #f8f8f8; font-weight: 400; font-size: 15px; line-height: 40px; color: #222;}
.sch_area .sch_inner .input_box input::placeholder {color: #cacac7;}
.sch_area .sch_inner .search {display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.sch_area .sch_inner .search img {}
.prd_area {padding: 110px 0 150px; background-color: #f8f8f8;}
.prd_area .prd_list {}
.prd_area .prd_list .list {}
.prd_area .prd_list .list li {margin: 14px 0 0;}
.prd_area .prd_list .list li:first-child {margin: 0;}
.prd_area .prd_list .list li .box {display: block; border: 1px solid #edebec; background-color: #fff;}
.prd_area .prd_list .list li .box .box_inner {display: flex; align-items: center;}
.prd_area .prd_list .list li .box .box_inner .img_wrap {position: relative; width: 38.71%; border-right: 1px solid #edebec;}
.prd_area .prd_list .list li .box .box_inner .img_wrap .img_box {}
.prd_area .prd_list .list li .box .box_inner .img_wrap .img_box .img_inner {position: relative; padding-bottom: 101.905%; overflow: hidden;}
.prd_area .prd_list .list li .box .box_inner .img_wrap .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.prd_area .prd_list .list li .box .box_inner .img_wrap .sort {display: flex; justify-content: center; align-items: center; position: absolute; left: 20px; top: 25px; width: 80px; height: 80px; border-radius: 50%; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; text-align: center;}
.prd_area .prd_list .list li .box .box_inner .img_wrap .sort.bg01 {background-color: #333333;}
.prd_area .prd_list .list li .box .box_inner .img_wrap .sort.bg02 {background-color: #003f2e;}
.prd_area .prd_list .list li .box .box_inner .img_wrap .sort.bg03 {background-color: #cacac7;}
.prd_area .prd_list .list li .box .box_inner .img_wrap .sort.bg04 {background-color: #3e7163;}
.prd_area .prd_list .list li .box .box_inner .text_box {width: 62.1622%; padding: 0 50px;}
.prd_area .prd_list .list li .box .box_inner .text_box .text_inner {}
.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .sub_tit {font-weight: 400; font-size: 18px; line-height: 24px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .title {margin: 5px 0 0; font-weight: 500; font-size: 32px; line-height: 40px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .text {margin: 25px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #b2aaaa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .price {margin: 50px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.com_tab_area {margin: 0 0 80px;}
.com_tab_area .list {display: flex; justify-content: center; gap: 10px 58px; flex-wrap: wrap;}
.com_tab_area .list li {}
.com_tab_area .list li .box {display: block;}
.com_tab_area .list li .box .text {position: relative; display: inline-block; font-weight: 300; font-size: 16px; line-height: 24px; color: #b2aaaa;}
.com_tab_area .list li .box .text:before {display: block; content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 1px; background-color: #111111; transition: all 0.5s;}
.com_tab_area .list li.on .box .text {font-weight: 500; color: #111111;}
.com_tab_area .list li.on .box .text:before {width: 100%;}
.com_tab_area .list li .box:hover .text {color: #111;}
.com_tab_area .list li .box:hover .text:before {width: 100%;}


.faq_com_cont_area {padding: 110px 0 150px; background-color: #f8f8f8;} 
.faq_com_cont_area .faq_inner {border: 1px solid #edebec; background-color: #fff; padding:  60px 40px;}
.faq_com_cont_area .faq_inner > .list {border-top: 2px solid #5f6577; border-bottom: 1px solid #111111;} 
.faq_com_cont_area .faq_inner > .list > li {border-bottom: 1px solid #ececec;}
.faq_com_cont_area .faq_inner > .list > li .box {} 
.faq_com_cont_area .faq_inner > .list > li .box .q_cont {} 
.faq_com_cont_area .faq_inner > .list > li.on .box .q_cont {border-bottom: 1px solid #ececec;} 
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit {display: block; width: 100%; position: relative; padding: 30px 30px 30px 50px; text-align: left;} 
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box {display: inline-block; position: relative; width: 100%; padding: 0 50px; font-weight: 400; font-size: 18px; line-height: 24px; color: #191919;}
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box:before {content: ''; display: inline-block; position: absolute; top: 10px; right: 20px; width: 12px; height: 2px; background-color: #1d1d1d; transition: 0.34s ease;}
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box:after {content: ''; display: inline-block; position: absolute; top: 5px; right: 25px; width: 2px; height: 12px; background-color: #1d1d1d;}
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit.on .txt_box:before {transform: rotate(180deg); background-color: #3a4436;}
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit.on .txt_box:after {display: none;}
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box .sort {display: inline-block; width: 70px; margin: 0 5px 0 0; background-color: #8a8b8c;font-weight: 400; font-size: 16px; line-height: 24px; color: #fff; text-align: center;	}
.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box .q_txt {position: absolute; top: 0; left: 0;}
.faq_com_cont_area .faq_inner > .list > li .box .a_cont {display: none;} 
.faq_com_cont_area .faq_inner > .list > li .box .a_cont .text_box {position: relative; padding: 30px 30px 60px 100px; font-weight: 400; font-size: 18px; line-height: 26px; color: #444444;} 


.board_area {}
.board_area .board_list {width: 100%; border-bottom: 1px solid #4c4c4c;}
.board_area .board_list thead {border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c}
.board_area .board_list thead tr {background-color: #f7f7f7;}
.board_area .board_list thead tr th {font-weight: 400; font-size: 15px; line-height: 55px; color: #111111;}
.board_area .board_list tbody {}
.board_area .board_list tbody tr {border-bottom: 1px solid #dbdbdb;}
.board_area .board_list tbody tr:last-child {border-bottom: none;}
.board_area .board_list tbody tr td {padding: 13px 10px; font-weight: 400; font-size: 15px; line-height: 25px; color: #999999; text-align: center;}
.board_area .board_list tbody tr td a {color: #999;}
.board_area .board_list tbody tr td a .text {padding: 0 0 0 44px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.board_area .board_list tbody tr td a.secret .text {background: url("/kor/images/sub/secret_icon.png") no-repeat left top 4px;}
.board_area .board_list tbody tr.reply td a .text {position: relative; color: #333333;}
.board_area .board_list tbody tr.reply td a .text .re {display: inline-block; width: 30px; margin: 0 8px 0 0; border-radius: 3px; background-color: #ababab; font-weight: 400; font-size: 11px; line-height: 15px; color: #ffffff; text-align: center; vertical-align: text-bottom;}

.board_view {border-bottom: 1px solid #111111;}
.board_view + .board_view {margin: 40px 0 0;}
.board_view .board_top {padding: 20px 40px; background-color: #fafafa; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #dbdbdb;}
.board_view .board_top .sort {width: 65px; margin: 0 0 5px; background-color: #ababab; border-radius: 3px; font-weight: 300; font-size: 14px; line-height: 22px; color: #ffffff; text-align: center;}
.board_view .board_top .title_box {display: flex; flex-wrap: wrap; align-items: center; gap: 5px; justify-content: space-between;}
.board_view .board_top .title_box .title {font-weight: 400; font-size: 20px; line-height: 30px; color: #111111;}
.board_view .board_top .title_box .info_list {}
.board_view .board_top .title_box .info_list .list {display: flex; gap: 0 30px;}
.board_view .board_top .title_box .info_list .list li {}
.board_view .board_top .title_box .info_list .list li .text {display: inline-block; padding: 0 0 0 23px; background-repeat: no-repeat; background-position: left center; font-weight: 400; font-size: 15px; line-height: 24px; color: #999999;}
.board_view .board_top .title_box .info_list .list li.icon01 .text {background-image: url("/kor/images/sub/board_icon01.png");}
.board_view .board_top .title_box .info_list .list li.icon02 .text {background-image: url("/kor/images/sub/board_icon02.png");}
.board_view .board_cont {padding: 40px;}
.board_view .board_cont .text {font-weight: 400; font-size: 16px; line-height: 30px; color: #4c4c4c;}
.board_view .file_area {padding: 18px 40px; background-color: #fafafa; border-top: 1px solid #dbdbdb;}
.board_view .file_area .list {}
.board_view .file_area .list li {margin: 4px 0 0;}
.board_view .file_area .list li:first-child {margin: 0;}
.board_view .file_area .list li a {display: block; font-weight: 400; font-size: 16px; line-height: 24px; color: #111111;}

.com_row_table {}
.com_row_table .table_inner {}
.com_row_table .table_inner table {width: 100%; border-top: 1px solid #111111; border-bottom: 1px solid #111111;}
.com_row_table .table_inner table tbody {}
.com_row_table .table_inner table tbody tr {border-bottom: 1px solid #dbdbdb;}
.com_row_table .table_inner table tbody tr:last-child {border: none;}
.com_row_table .table_inner table tbody tr th {padding: 0 0 0 35px; background-color: #f7f7f7; font-weight: 400; font-size: 16px; line-height: 24px; color: #111111; text-align: left;}
.com_row_table .table_inner table tbody tr td {padding: 10px 20px;}
.com_row_table .table_inner table tbody tr td input {width: 100%; padding: 0 10px; border: 1px solid #dddddd; font-weight: 400; font-size: 16px; line-height: 38px; color: #444;}
.com_row_table .table_inner table tbody tr td .table_input {}
.com_row_table .table_inner table tbody tr td .table_input.inp210 input {max-width: 210px;}
.com_row_table .table_inner table tbody tr td .email_box {display: flex; gap: 10px;}
.com_row_table .table_inner table tbody tr td .email_box .email_input {display: flex; align-items: end; gap: 5px;}
.com_row_table .table_inner table tbody tr td .email_box .email_input input {max-width: 210px}
.com_row_table .table_inner table tbody tr td .email_box .email_input span {color: #888888;}
.com_row_table .table_inner table tbody tr td .email_box .select_box {width: 100%; max-width: 210px;}
.com_row_table .table_inner table tbody tr td .email_box .select_box select {width: 100%; padding: 0 10px; border: 1px solid #dddddd; background: url("/kor/images/sub/select_icon.png") no-repeat right 10px center; font-weight: 400; font-size: 16px; line-height: 38px; color: #444;}
.com_row_table .table_inner table tbody tr td .email_box .select_box select option {}
.com_row_table .table_inner table tbody tr td textarea {height: 110px; border: 1px solid #ddd; padding: 10px; resize: none; font-family: "Pretendard"; font-weight: 400; font-size: 16px; line-height: 24px; color: #444;}
.com_row_table .table_inner table tbody tr td > .text {display: block; font-weight: 400; font-size: 15px; line-height: 22px; color: #888888; text-align: right;}
.com_row_table .table_inner table tbody tr td .attach_box {display: flex; align-items: center; flex-wrap: wrap; gap: 5px;}
.com_row_table .table_inner table tbody tr td .attach_box .box {display: inline-block; width: 100%; max-width: 590px; vertical-align: middle;}
.com_row_table .table_inner table tbody tr td .attach_box .box .attach_input {position: absolute; left: 0; top: 0; z-index: 1;visibility: hidden;}
.com_row_table .table_inner table tbody tr td .attach_box .box .attach_vbox {position: relative; z-index: 1; padding: 0 89px 0 0;}
.com_row_table .table_inner table tbody tr td .attach_box .box .attach_vinput {cursor: pointer; display: block; width: 100%; border: 1px solid #dddddd; padding: 0 10px; background-color: #ffffff; font-weight: 400; font-size: 14px; line-height: 38px; color: #444;}
.com_row_table .table_inner table tbody tr td .attach_box .box .attach_vbox .att_btn_box {position: absolute; right: 0; top: 0; z-index: 1;}
.com_row_table .table_inner table tbody tr td .attach_box .box .attach_vbox .att_btn_box .attach_btn {display: inline-block; width: 90px; background-color: #8a8b8c; font-weight: 400; font-size: 15px; line-height: 40px; color: #ffffff; text-align: center; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; vertical-align: top;}
.com_row_table .table_inner table tbody tr td .attach_box .text {font-weight: 400; font-size: 15px; line-height: 21px;}
.consent_area {display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 10px 0 0;}
.consent_area .title {font-weight: 400; font-size: 16px; line-height: 24px; color: #111111;}
.consent_area .title .view_all {display: inline-block; width: 80px; margin: 0 0 0 5px; background-color: #8a8b8c; font-weight: 400; font-size: 15px; line-height: 28px; color: #ffffff; text-align: center;}
.consent_area .radio_list_area {}
.consent_area .radio_list_area .list {display: flex; gap: 20px;}
.consent_area .radio_list_area .list li {}
.consent_area .radio_list_area .list li .radio_area {}
.consent_area .radio_list_area .list li .radio_area label {}
.consent_area .radio_list_area .list li .radio_area label .radio_inp {}
.consent_area .radio_list_area .list li .radio_area label .text {font-weight: 400; font-size: 15px; line-height: 20px; color: #888888;}


.login_area {padding: 120px 0;}
.login_area .login_box {width: 100%; max-width: 590px; margin: 0 auto; padding: 60px; border: 1px solid #dbdbdb;}
.login_area .login_box .login_top {display: flex; gap: 20px;}
.login_area .login_box .login_top .list {width: 100%;}
.login_area .login_box .login_top .list li {margin: 10px 0 0;}
.login_area .login_box .login_top .list li:first-child {margin: 0;}
.login_area .login_box .login_top .list li input {width: 100%; border: 1px solid #dddddd; padding: 0 15px; font-weight: 400; font-size: 15px; line-height: 38px; color: #b5b5b5;}
.login_area .login_box .login_top .log_btn {flex-shrink: 0; width: 160px; background-color: #111111; font-weight: 400; font-size: 18px; line-height: 24px; color: #ffffff; text-align: center;}
.login_area .login_box .check_area {margin: 20px 0 0;}
.login_area .login_box .check_area .chk_inner {}
.login_area .login_box .check_area .chk_inner label {}
.login_area .login_box .login_util {margin: 30px auto 0; width: 100%; max-width: 390px;}
.login_area .login_box .login_util .list {display: flex; gap: 10px;}
.login_area .login_box .login_util .list li {width: calc(50% - 5px);}
.login_area .login_box .login_util .list li .box {display: block; width: 100%; padding: 12px 5px; border: 1px solid #edebec; text-align: center;}
.login_area .login_box .login_util .list li.join .box {color: #111111;}
.login_area .login_box .login_util .list li.find .box {border: 1px solid #ababab; background-color: #ababab; color: #ffffff;}
.login_area .login_box .login_util .list li .box .text {font-weight: 400; font-size: 16px; line-height: 24px;}
.login_btm {margin: 35px 0 0; padding: 25px 0 0; border-top: 1px solid #dddddd;}
.login_btm .list {}
.login_btm .list li {margin: 10px 0 0;}
.login_btm .list li:first-child {margin: 0;}
.login_btm .list li .btn {display: block; padding: 18px 5px; text-align: center;}
.login_btm .list li .btn .text {display: inline-block; padding: 0 0 0 40px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 18px; line-height: 24px;}
.login_btm .list li.naver .btn {background-color: #2db400;} 
.login_btm .list li.kakao .btn {background-color: #fee500;}
.login_btm .list li.naver .btn .text {background-image: url("/kor/images/sub/naver_icon.png"); color: #ffffff;}
.login_btm .list li.kakao .btn .text {background-image: url("/kor/images/sub/kakao_icon.png"); color: #191600;}

.join_area {width: 100%; max-width: 660px; margin: 0 auto; padding: 120px 0;}
.join_area > .list {font-size: 0; text-align: center;}
.join_area > .list > li {display: block; position: relative; vertical-align: top; margin: 50px 0 0;}
.join_area > .list > li:first-child {margin: 0;}
.join_area > .list > li .box {}
.join_area > .list > li .box .join_box {border: 1px solid #dbdbdb;}
.join_area > .list > li .box .join_box .title_box {background-color: #fbfbfb; border-bottom: 1px solid #dddddd;}
.join_area > .list > li .box .join_box .title_box .title {font-weight: 500; font-size: 20px; line-height: 60px; color: #111111; text-align: center;}
.join_area > .list > li .box .join_box .list {padding: 50px 60px;}
.join_area > .list > li .box .join_box .list li {margin: 15px 0 0;}
.join_area > .list > li .box .join_box .list li:first-child {margin: 0;}
.join_area > .list > li .box .join_box .list li .info_box {display: flex; align-items: center;}
.join_area > .list > li .box .join_box .list li .info_box .tit {flex-shrink: 0; width: 110px; font-weight: 400; font-size: 17px; line-height: 22px; color: #111111; text-align: left;}
.join_area > .list > li .box .join_box .list li .info_box .txt {display: flex; width: 100%; border: 1px solid #dddddd;}
.join_area > .list > li .box .join_box .list li .info_box .txt input {width: 100%; border: none; padding: 0 20px; font-weight: 400; font-size: 17px; line-height: 38px; color: #111111;}
.join_area > .list > li .box .join_box .list li .info_box .txt .btn {flex-shrink: 0; width: 90px; background-color: #b5b5b5;font-weight: 400; font-size: 14px; line-height: 38px; color: #ffffff;}
.join_area > .list > li .btn_area {}
.join_area > .list > li .box .login_btm {margin: 0; padding: 0; border-top: none;}
.join_area > .list > li .box .login_btm .list {display: flex; gap: 20px;}
.join_area > .list > li .box .login_btm .list li {width: 100%; margin: 0 !important;}

.overview_area {padding: 0 0 120px;}
.overview_area .about_area {}
.overview_area .about_area .about_top{height: 840px; background: url("/kor/images/sub/about_img01.png") no-repeat center / cover; background-attachment: fixed;}
.overview_area .about_area .about_top .text_box {display: flex; height: 100%; flex-direction: column; justify-content: center; text-align: center;}
.overview_area .about_area .about_top .text_box .title {font-weight: 700; font-size: 60px; line-height: 70px; color: #ffffff;}
.overview_area .about_area .about_top .text_box .en {margin: 13px 0 0; font-weight: 300; font-size: 36px; line-height: 40px; color: #ffffff; letter-spacing: 0.7em;}
.overview_area .about_area .about_top .text_box .sub_tit {margin: 90px 0 0; font-weight: 700; font-size: 28px; line-height: 30px; color: #ffffff;} 
.overview_area .about_area .about_top .text_box .text {margin: 60px 0 0; font-weight: 400; font-size: 18px; line-height: 28px; color: #ffffff;}
.overview_area .about_area .about_btm {padding: 100px 0;}
.overview_area .about_area .about_btm .list {display: flex; justify-content: space-between; gap: 10px;}
.overview_area .about_area .about_btm .list li {}
.overview_area .about_area .about_btm .list li .box {display: flex; align-items: center; justify-content: center; width: 245px; height: 245px; border-radius: 50%; background-color: #f2f4f3; text-align: center;}
.overview_area .about_area .about_btm .list li .box .text {font-weight: 300; font-size: 25px; line-height: 34px; color: #111111;}
.overview_area .business_area {margin: 65px 0 120px;}
.overview_area .business_area .business_list {}
.overview_area .business_area .business_list > .list {}
.overview_area .business_area .business_list > .list > li {margin: 120px 0 0;}
.overview_area .business_area .business_list > .list > li:first-child {margin: 0;}
.overview_area .business_area .business_list > .list > li > .box {}
.overview_area .business_area .business_list > .list > li > .box .title_box {margin: 0 0 20px;}
.overview_area .business_area .business_list > .list > li > .box .title_box .title {font-weight: 500; font-size: 30px; line-height: 34px; color: #111111;}
.overview_area .business_area .business_list > .list > li > .box .text_list {}
.overview_area .business_area .business_list > .list > li > .box .text_list .list {}
.overview_area .business_area .business_list > .list > li > .box .text_list .list li {margin: 8px 0 0;}
.overview_area .business_area .business_list > .list > li > .box .text_list .list li:first-child {margin: 0;}
.overview_area .business_area .business_list > .list > li > .box .text_list .list li .text {display: inline-block; position: relative; padding: 0 0 0 14px; font-weight: 400; font-size: 20px; line-height: 30px; color: #999999;}
.overview_area .business_area .business_list > .list > li > .box .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background-color: #111111; border-radius: 50%;}
.overview_area .business_area .business_list > .list > li > .box .step_box {}
.overview_area .business_area .business_list > .list > li > .box .step_box .list {font-size: 0;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li {display: inline-block; position: relative; padding: 0 40px 0 0; margin: 0 20px 0 0; vertical-align: top;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li:last-child {padding: 0; margin: 0;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 19px; background-position: center; background-repeat: no-repeat;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li.bg01:before {background-image: url("/kor/images/sub/about_arrow01.png");}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li.bg02:before {background-image: url("/kor/images/sub/about_arrow02.png");}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li.bg03:before {background-image: url("/kor/images/sub/about_arrow03.png");}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box {display: flex; align-items: center;justify-content: center;width: 230px; height: 230px; text-align: center; border-radius: 50%;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li.bg01 .circle_box {background-color: #f2f4f3;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li.bg02 .circle_box {background-color: #e3ece5;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li.bg03 .circle_box {background-color: #c8dccb;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li.bg04 .circle_box {background-color: #a0c0a5;}
.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box .text {font-weight: 300; font-size: 22px; line-height: 30px; color: #111111;}
.overview_area .business_area .business_list > .list > li > .box .green_text_box {margin: 50px 0 0;}
.overview_area .business_area .business_list > .list > li > .box .green_text_box .list {}
.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li {margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #dddddd;}
.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li:first-child {margin: 0; padding: 0; border-top: none;}
.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box {}
.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .title {font-weight: 300; font-size: 24px; line-height: 30px; color: #0e5441;}
.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .title .ft_w {font-weight: 500;}
.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .text {margin: 5px 0 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #999999;}
.overview_area .award_area {margin: 140px 0 0;}
.overview_area .award_area .list {display: flex; flex-wrap: wrap; gap: 15px 16px;}
.overview_area .award_area .list li {width: calc(25% - 12px);}
.overview_area .award_area .list li .box {}
.overview_area .award_area .list li .box .img_box {display: block; padding: 5px; border: 1px solid #e5e5e5}
.overview_area .award_area .list li .box .img_box .img_inner {position: relative; padding-bottom: 122.61%; overflow: hidden}
.overview_area .award_area .list li .box .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;}
.overview_area .award_area .list li .box .text_box {margin: 15px 0 0;}
.overview_area .award_area .list li .box .text_box .text_top {height: 73px;}
.overview_area .award_area .list li .box .text_box .text_top .title {font-weight: 500; font-size: 20px; line-height: 25px; color: #111111;}
.overview_area .award_area .list li .box .text_box .text_top .sub_title {margin: 3px 0 0; font-weight: 400; font-size: 15px; line-height: 20px; color: #999999;}
.overview_area .award_area .list li .box .text_box .text {margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid #e5e5e5; font-weight: 400; font-size: 15px; line-height: 20px; color: #999999;}
.overview_area .map_area {margin: 160px 0 0;}
.overview_area .map_area .com_title_area {margin: 0;}
.overview_area .map_area .map_box {}
.overview_area .map_area .map_box #map {height: 610px; border: 1px solid #e5e5e5;}
.overview_area .map_area .map_box .name {padding: 10px 20px; background: rgb(0, 119, 195); background: #003f2e; font-weight: 700; font-size: 16px; color: #fff;}
.overview_area .map_area .map_box .gm-style .gm-style-iw-d {overflow: inherit !important; background-color: #003f2e;}
.overview_area .map_area .map_box .gm-ui-hover-effect {display: none !important;}
.overview_area .map_area .map_box .gm-style .gm-style-iw-c {padding: 0 !important; background-color: #003f2e;}
.overview_area .map_area .map_box .gm-style .gm-style-iw-tc {display: none;}
.overview_area .map_area .map_box .gm-style .gm-style-mtc {display: none;}
.overview_area .map_area .map_box .gm-style .gmnoprint  {display: none;}
.overview_area .map_area .map_box .gm-style-iw-ch {padding: 0 !important}
.overview_area .map_area .map_box .gm-ui-hover-effect>span {background-color: #003f2e;}
.overview_area .map_area .map_info_list {margin: 30px 0 0;}
.overview_area .map_area .map_info_list .list {}
.overview_area .map_area .map_info_list .list li {margin: 10px 0 0;}
.overview_area .map_area .map_info_list .list li:first-child {margin: 0;}
.overview_area .map_area .map_info_list .list li .text {display: inline-block; padding: 0 0 0 30px; background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 18px; line-height: 24px; color: #111111;}
.overview_area .map_area .map_info_list .list li.icon01 .text {background-image: url("/kor/images/sub/map_icon01.png");}
.overview_area .map_area .map_info_list .list li.icon02 .text {background-image: url("/kor/images/sub/map_icon02.png");}
.overview_area .map_area .map_info_list .list li.icon03 .text {background-image: url("/kor/images/sub/map_icon03.png");}
.overview_area .map_area .map_info_list .list li.icon04 .text {background-image: url("/kor/images/sub/map_icon04.png");}
.overview_area .com_text_area {height: 470px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.overview_area .com_text_area.bg01 {background-image: url("/kor/images/sub/about_img02.png");}
.overview_area .com_text_area.bg02 {background-image: url("/kor/images/sub/about_img03.png");}
.overview_area .com_text_area .title {display: flex; height: 100%; align-items: center;}
.overview_area .com_text_area .title .tit {display: inline-block; position: relative; padding: 0 0 0 540px; font-weight: 700; font-size: 40px; line-height: 50px; color: #ffffff;}
.overview_area .com_text_area .title .tit:before {display: block; content: ""; position: absolute; left: 510px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3);}
.overview_area .com_text_area .title .tit:after {display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 510px; height: 1px; background-color: rgba(255, 255, 255, 0.3);}


@media screen and (max-width: 1600px) {

    
    
}
@media screen and (max-width: 1400px) {
	.com_title_area {margin: 0 0 30px;}
	.com_title_area .title {font-size: 30px; line-height: 40px;}
	.com_title_area .text {font-size: 14px; line-height: 21px;}
	.com_title_area .gray {font-size: 16px; line-height: 20px;}

	.brand_area .brand_top {height: 600px;}
	.brand_area .brand_top .text_box .en {font-size: 32px; line-height: 40px;}
	.brand_area .brand_top .text_box .ko {margin: 30px 0 0; font-size: 18px; line-height: 26px;}
	.brand_area .brand_mid {margin: 100px 0 0;}
	.brand_area .brand_mid .info_list .list li {margin: 100px 0 0;}
	.brand_area .brand_mid .info_list .list li .box .text_box .title {font-size: 36px; line-height: 45px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .text {margin: 30px 0 0; font-size: 16px; line-height: 24px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .en {margin: 15px 0 0; font-size: 16px; line-height: 22px;}
	.brand_area .brand_mid .info_list .list li:nth-child(odd) .box .text_box {padding: 0 0 0 30px;}
	.brand_area .brand_mid2 {margin: 100px 0 0;}
	.brand_area .brand_mid2 .text_list .list {column-gap: 100px;}
	.brand_area .brand_mid2 .text_list .list li .box .title {margin: 0 auto 20px; padding: 0 0 20px; font-size: 22px; line-height: 33px;}
	.brand_area .brand_mid2 .text_list .list li .box .text_box .tit {font-size: 20px; line-height: 26px;}
	.brand_area .brand_mid2 .text_list .list li .box .text_box .txt {margin: 10px 0 0; font-size: 16px; line-height: 22px;}
	.brand_area .brand_btm {margin: 100px 0 0; height: 600px;}
	.brand_area .brand_btm .text_box .title {font-size: 40px; line-height: 50px;}
	.brand_area .brand_btm .text_box .text {margin: 40px 0 0; font-size: 18px; line-height: 26px;}

	.prd_view_area {padding: 40px 0 200px;}
	.prd_view_area .prd_top .inner .img_wrap .sort {top: 20px; width: 70px; height: 70px; font-size: 14px; line-height: 24px;}
	.prd_view_area .prd_top .inner .text_box {padding: 40px 40px 50px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .en {font-size: 20px; line-height: 24px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .title {font-size: 30px; line-height: 36px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .text {margin: 15px 0 0; font-size: 16px; line-height: 22px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list {margin: 20px 0 0; padding: 20px 0 0;}
	.prd_view_area .prd_top .inner .text_box .text_inner .prd_inq_btn {font-size: 15px; line-height: 50px;}
	.prd_view_area .prd_btm {margin: 40px 0 0; padding: 40px 10px;}

	.prd_info_box {height: 400px;}
	.prd_info_box .text_box .sub_tit {font-size: 20px; line-height: 30px;}
	.prd_info_box .text_box .title {font-size: 40px; line-height: 50px;}
	.prd_info_box .text_box .text {margin: 10px 0 0; font-size: 18px; line-height: 26px;}

	.prd_area {padding: 70px 0;}
	.prd_area .prd_list .list li .box .box_inner .img_wrap .sort {left: 15px; top: 15px; width: 70px; height: 70px; font-size: 14px;}
	.prd_area .prd_list .list li .box .box_inner .text_box {padding: 0 30px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .sub_tit {font-size: 16px; line-height: 20px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .title {font-size: 24px; line-height: 30px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .text {margin: 15px 0 0; font-size: 16px; line-height: 20px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .price {margin: 40px 0 0; font-size: 18px; line-height: 24px;}

	.sch_area {margin: 0 0 60px auto;}
	.sch_area .sch_inner .input_box input {font-size: 14px; line-height: 30px;}

	.com_tab_area {margin: 0 0 50px;}
	.com_tab_area .list {gap: 5px 30px;}

	.faq_com_cont_area {padding: 70px 0;}
	.faq_com_cont_area .faq_inner {padding: 30px;}
	.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit {padding: 20px 20px 20px 30px;}
	.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box {padding: 0 30px; font-size: 16px;}
	.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box:before {right: 0;}
	.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box:after {right: 5px;}
	.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box .sort {width: 60px; margin: 0 3px 0 0; font-size: 14px; line-height: 20px;}
	.faq_com_cont_area .faq_inner > .list > li .box .a_cont .text_box {padding: 20px 30px 40px 60px; font-size: 16px; line-height: 24px;}


	.board_area .board_list thead tr th {font-size: 14px; line-height: 40px;}
	.board_area .board_list tbody tr td {padding: 10px 6px; font-size: 14px; line-height: 21px;}
	.board_area .board_list tbody tr td a .text {padding: 0 0 0 30px;}
	.board_area .board_list tbody tr td a.secret .text {background-position: left center;}
	.board_area .board_list tbody tr.reply td a .text .re {margin: 0 4px 0 0;}

	.board_view + .board_view {margin: 30px 0 0;}
	.board_view .board_top {padding: 10px 30px;}
	.board_view .board_top .title_box .title {font-size: 18px; line-height: 26px;}
	.board_view .board_top .title_box .info_list .list {column-gap: 20px;}
	.board_view .board_cont {padding: 30px;}
	.board_view .file_area {padding: 10px 30px;}
	.board_view .file_area .list li a {font-size: 14px; line-height: 21px;}

	.com_row_table .table_inner table tbody tr th {padding: 0 0 0 15px; font-size: 14px; line-height: 20px;}
	.com_row_table .table_inner table tbody tr td {padding: 10px;}
	.com_row_table .table_inner table tbody tr td input {font-size: 14px;}
	.com_row_table .table_inner table tbody tr td .email_box .select_box select {font-size: 14px;}
	.com_row_table .table_inner table tbody tr td > .text {font-size: 14px; line-height: 20px;}

	.login_area {padding: 80px 0;}
	.login_area .login_box {max-width: 540px; padding: 40px;}
	.login_area .login_box .login_top .log_btn {width: 140px;}

	.join_area {padding: 80px 0;}
	.join_area > .list > li .box .join_box .title_box .title {font-size: 18px; line-height: 50px;}
	.join_area > .list > li .box .join_box .list {padding: 30px;}
	.join_area > .list > li .box .join_box .list li .info_box .tit {width: 100px; font-size: 16px; line-height: 20px;}

	.overview_area {padding: 0 0 80px;}
	.overview_area .about_area .about_top {height: 500px; background-position: left center;}
	.overview_area .about_area .about_top .text_box .title {font-size: 45px; line-height: 50px;}
	.overview_area .about_area .about_top .text_box .en {margin: 10px 0 0; font-size: 26px; line-height: 30px;}
	.overview_area .about_area .about_top .text_box .sub_tit {margin: 50px 0 0; font-size: 20px; line-height: 24px;}
	.overview_area .about_area .about_top .text_box .text {margin: 30px 0 0; font-size: 16px; line-height: 24px;}
	.overview_area .about_area .about_btm {padding: 80px 0;}
	.overview_area .about_area .about_btm .list li .box .text {font-size: 22px; line-height: 30px;}
	.overview_area .com_text_area {height: 380px;}
	.overview_area .com_text_area .title .tit {padding: 0 0 0 300px; font-size: 30px; line-height: 40px;}
	.overview_area .com_text_area .title .tit:after {width: 280px;}
	.overview_area .com_text_area .title .tit:before {left: 280px}
	.overview_area .business_area {margin: 40px 0 100px;}
	.overview_area .business_area .business_list > .list > li {margin: 80px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .title_box {margin: 0 0 10px;}
	.overview_area .business_area .business_list > .list > li > .box .title_box .title {font-size: 24px; line-height: 30px;}
	.overview_area .business_area .business_list > .list > li > .box .text_list .list li .text {padding:  0 0 0 5px; font-size: 18px; line-height: 24px;}
	.overview_area .business_area .business_list > .list > li > .box .text_list .list li .text:before {width: 3px; height: 3px; top: 9px;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box {margin: 40px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li {margin: 20px 0 0; padding: 20px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .title {font-size: 20px; line-height: 26px;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .text {font-size: 18px; line-height: 26px;}
	.overview_area .award_area {margin: 100px 0 0;}
	.overview_area .map_area {margin: 100px 0 0;}
	.overview_area .map_area .map_box #map {height: 450px;}
	.overview_area .map_area .map_info_list {margin: 20px 0 0;}
	.overview_area .map_area .map_info_list .list li .text {font-size: 16px; line-height: 22px;}

}
@media screen and (max-width: 1100px) {
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li {margin: 0 15px 0 0; padding: 0 32px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box .text {font-size: 18px; line-height: 24px;}
}


@media screen and (max-width: 1080px) {
	.com_title_area {margin: 0 0 20px;}
	.com_title_area .title {font-size: 24px; line-height: 24px;}
	.com_title_area .text {font-size: 12px; line-height: 18px;}
	.com_title_area .gray {font-size: 14px; line-height: 18px;}

	.brand_area .brand_top {height: 400px;}
	.brand_area .brand_top .text_box .en {font-size: 26px; line-height: 30px;}
	.brand_area .brand_top .text_box .ko {margin: 20px 0 0; font-size: 16px; line-height: 24px;}
	.brand_area .brand_mid {margin: 60px 0 0;}

	.brand_area .brand_mid .info_list .list li {margin: 60px 0 0;}
	.brand_area .brand_mid .info_list .list li .box {gap: 10px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .title {font-size: 26px; line-height: 34px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .text {margin: 20px 0 0; font-size: 14px; line-height: 21px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .en {margin: 10px 0 0; font-size: 14px; line-height: 21px;}
	.brand_area .brand_mid .info_list .list li:nth-child(odd) .box .text_box {padding: 0;}
	.brand_area .brand_mid .info_list .list li .box .text_box .en br {display: none;}
	.brand_area .brand_mid2 {margin: 60px 0 0;}
	.brand_area .brand_mid2 .text_list .list {column-gap: 50px;}
	.brand_area .brand_mid2 .text_list .list li .box .title {margin: 0 auto 10px; padding: 0 0 10px; font-size: 18px; line-height: 24px;}
	.brand_area .brand_mid2 .text_list .list li .box .text_box .tit {font-size: 18px; line-height: 24px;}
	.brand_area .brand_mid2 .text_list .list li .box .text_box .txt {margin: 10px 0 0; font-size: 14px; line-height: 20px;}
	.brand_area .brand_btm {margin: 60px 0 0; height: 400px;}
	.brand_area .brand_btm .text_box .title {font-size: 30px; line-height: 40px;}
	.brand_area .brand_btm .text_box .text {margin: 20px 0 0; font-size: 16px; line-height: 24px;}
    
	.prd_view_area {padding: 20px 0 100px;}
	.prd_view_area .prd_top .inner .img_wrap .sort {top: 10px; left: 10px; width: 55px; height: 55px; font-size: 12px; line-height: 18px;}
	.prd_view_area .prd_top .inner .text_box {padding: 30px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .en {font-size: 18px; line-height: 22px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .title {font-size: 24px; line-height: 30px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list {margin: 10px 0 0; padding: 10px 0 0;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box {font-size: 14px; line-height: 21px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box .tit {width: 80px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box .txt .price {font-size: 18px; line-height: 21px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .prd_inq_btn {font-size: 14px; line-height: 40px;}
	.prd_view_area .prd_btm {margin: 20px 0 0; padding: 20px 10px;}

	.prd_info_box {height: 300px;}
	.prd_info_box .text_box .sub_tit {font-size: 18px; line-height: 24px;}
	.prd_info_box .text_box .title {font-size: 30px; line-height: 40px;}
	.prd_info_box .text_box .text {margin: 6px 0 0; font-size: 16px; line-height: 24px;}

	.prd_area {padding: 50px 0;}
	.prd_area .prd_list .list li .box .box_inner .img_wrap .sort {left: 10px; top: 10px; width: 55px; height: 55px; font-size: 12px; line-height: 18px;}
	.prd_area .prd_list .list li .box .box_inner .text_box {padding: 0 20px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .sub_tit {font-size: 14px; line-height: 18px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .title {font-size: 20px; line-height: 24px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .text {margin: 10px 0 0; font-size: 14px; line-height: 18px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .price {margin: 30px 0 0; font-size: 16px; line-height: 20px;}

	.sch_area {margin: 0 0 40px auto;}
	
	.com_tab_area {margin: 0 0 30px;}
	.com_tab_area .list {gap: 10px 20px;}
	.com_tab_area .list li .box .text {font-size: 14px; line-height: 21px;}

	
	.faq_com_cont_area {padding: 40px 0;}
	.faq_com_cont_area .faq_inner {padding: 20px;}
	.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit {padding: 10px}
	.faq_com_cont_area .faq_inner > .list > li .box .q_cont .q_tit .txt_box {padding: 0 14px 0 20px; font-size: 14px; line-height: 21px;}
	.faq_com_cont_area .faq_inner > .list > li .box .a_cont .text_box {padding: 10px 10px 20px 30px; font-size: 14px; line-height: 21px;}

	.board_area .board_list thead tr th {line-height: 35px;}
	.board_area .board_list tbody tr td {padding: 6px;}
	.board_area .board_list tbody tr td a .text {padding: 0 0 0 20px;}
	.board_area .board_list tbody tr td a.secret .text {background-size: 12px auto;}

	
	.board_view + .board_view {margin: 20px 0 0;}
	.board_view .board_top {padding: 10px;}
	.board_view .board_top .sort {width: 60px; font-size: 12px; line-height: 20px;}
	.board_view .board_top .title_box .title {font-size: 16px; line-height: 24px;}
	.board_view .board_top .title_box .info_list .list {column-gap: 10px;}
	.board_view .board_top .title_box .info_list .list li .text {padding: 0 0 0 16px; background-size: 14px auto; font-size: 14px; line-height: 21px;}
	.board_view .board_cont {padding: 10px;}
	.board_view .board_cont .text {font-size: 14px; line-height: 24px;}

	.board_view .file_area {padding: 10px;}

	.com_row_table .table_inner table colgroup col:first-child {width: 130px;}
	.com_row_table .table_inner table tbody tr td {padding: 5px;}
	.com_row_table .table_inner table tbody tr td input {line-height: 30px;}
	.com_row_table .table_inner table tbody tr td .email_box {gap: 5px;}
	.com_row_table .table_inner table tbody tr td .email_box .select_box {max-width: 150px;}
	.com_row_table .table_inner table tbody tr td .email_box .select_box select {line-height: 30px;}
	.com_row_table .table_inner table tbody tr td textarea {height: 70px;}
	.com_row_table .table_inner table tbody tr td > .text {font-size: 12px; line-height: 18px;}
	.com_row_table .table_inner table tbody tr td .attach_box .box .attach_vinput {line-height: 30px;}
	.com_row_table .table_inner table tbody tr td .attach_box .box .attach_vbox {padding: 0 79px 0 0;}
	.com_row_table .table_inner table tbody tr td .attach_box .box .attach_vbox .att_btn_box .attach_btn {width: 80px; font-size: 14px; line-height: 32px;}
	.com_row_table .table_inner table tbody tr td textarea {padding: 5px; font-size: 14px; line-height: 20px;}

	.consent_area .title {font-size: 14px; line-height: 20px;}
	.consent_area .title .view_all {width: 70px; font-size: 14px; line-height: 24px;}
	.consent_area .radio_list_area .list {gap: 10px;}
	.consent_area .radio_list_area .list li .radio_area label .text {font-size: 14px; line-height: 18px;}

	.login_area {padding: 50px 0;}
	.login_area .login_box {max-width: 440px; padding: 20px;}
	.login_area .login_box .login_top {gap: 10px;}
	.login_area .login_box .login_top .list li input {padding: 0 10px; font-size: 14px; line-height: 30px;}
	.login_area .login_box .login_top .log_btn {width: 100px; font-size: 16px; line-height: 20px;}
	.login_area .login_box .check_area {margin: 10px 0 0;}
	.login_area .login_box .login_util {margin: 20px auto 0; max-width: 300px;}
	.login_area .login_box .login_util .list li .box {padding: 8px 5px;}
	.login_area .login_box .login_util .list li .box .text {font-size: 14px; line-height: 20px;}
	.login_btm {margin: 20px 0 0; padding: 20px 0 0;}
	.login_btm .list li .btn {padding: 12px 5px;}
	.login_btm .list li .btn .text {padding: 0 0 0 30px; background-size: 20px auto; font-size: 16px; line-height: 20px;}
	
	.join_area {max-width: 460px; padding: 50px 0;}
	.join_area > .list > li {margin: 30px 0 0;}
	.join_area > .list > li .box .join_box .title_box .title {font-size: 16px; line-height: 40px;}
	.join_area > .list > li .box .join_box .list {padding: 15px;}
	.join_area > .list > li .box .join_box .list li {margin: 10px 0 0;}
	.join_area > .list > li .box .join_box .list li .info_box .tit {width: 90px; font-size: 14px;}
	.join_area > .list > li .box .join_box .list li .info_box .txt input {padding: 0 10px; font-size: 14px; line-height: 30px;}
	.join_area > .list > li .box .join_box .list li .info_box .txt .btn {width: 70px; font-size: 12px; line-height: 30px;}
	.join_area > .list > li .box .join_box .list {gap: 10px;}
	
	.overview_area {padding: 0 0 60px;}
	.overview_area .about_area .about_top {height: 400px;}
	.overview_area .about_area .about_top .text_box .title {font-size: 30px; line-height: 40px;}
	.overview_area .about_area .about_top .text_box .en {margin: 6px 0 0; font-size: 20px; line-height: 24px;}
	.overview_area .about_area .about_top .text_box .sub_tit {margin: 30px 0 0; font-size: 18px; line-height: 20px;}
	.overview_area .about_area .about_top .text_box .text {margin: 20px 0 0; font-size: 14px; line-height: 24px;}
	.overview_area .about_area .about_btm {padding: 50px 0;}
	.overview_area .about_area .about_btm .list li .box {width: 180px; height: 180px;}
	.overview_area .about_area .about_btm .list li .box .text {font-size: 18px; line-height: 24px;}
	.overview_area .com_text_area {height: 240px;}
	.overview_area .com_text_area .title .tit {padding: 0 0 0 200px; font-size: 24px; line-height: 30px;}
	.overview_area .com_text_area .title .tit:after {width: 180px;}
	.overview_area .com_text_area .title .tit:before {left: 180px}
	.overview_area .business_area {margin: 30px 0 60px;}
	.overview_area .business_area .business_list > .list > li {margin: 50px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .title_box .title {font-size: 20px; line-height: 24px;}
	.overview_area .business_area .business_list > .list > li > .box .text_list .list li {margin: 4px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .text_list .list li .text {padding: 0 0 0 10px;font-size: 16px; line-height: 20px;}
	.overview_area .business_area .business_list > .list > li > .box .text_list .list li .text:before {top: 6px;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li {width: calc(25% - 7.5px); margin: 0 10px 0 0; padding: 0 25px 0 0; }
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box {width: 100%; height: 150px; border-radius: 30px;;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box .text {font-size: 16px; line-height: 22px;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li:last-child {padding: 0 25px 0 0;}	
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li:before {width: 16px; height: 15px; background-size: cover;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box {margin: 30px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li {margin: 10px 0 0; padding: 10px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .title {font-size: 18px; line-height: 24px;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .text {font-size: 16px; line-height: 24px;}
	.overview_area .award_area {margin: 60px 0 0;}
	.overview_area .award_area .list {gap: 10px;}
	.overview_area .award_area .list li {width: calc(33.3333% - 6.6666px);}
	.overview_area .award_area .list li .box .text_box .text_top {height: 65px;}
	.overview_area .award_area .list li .box .text_box .text_top .title {font-size: 18px; line-height: 22px;}
	.overview_area .award_area .list li .box .text_box .text_top .sub_title {font-size: 14px; line-height: 18px;}
	.overview_area .award_area .list li .box .text_box .text {margin: 8px 0 0; padding: 8px 0 0; font-size: 14px; line-height: 18px;}
	.overview_area .map_area {margin: 60px 0 0;}
	.overview_area .map_area .com_title_area {margin: 0 0 10px;}
	.overview_area .map_area .map_box #map {height: 300px;}
	.overview_area .map_area .map_info_list {margin: 10px 0 0;}
	.overview_area .map_area .map_info_list .list li {margin: 6px 0 0;}
	.overview_area .map_area .map_info_list .list li .text {padding: 0 0 0 24px; background-size: 20px auto; font-size: 14px; line-height: 20px;}




}

@media screen and (max-width: 767px) {
	.com_title_area .title {font-size: 20px; line-height: 20px;}
	.com_title_area .text {margin: 3px 0 0; line-height: 14px;}
	.com_title_area .gray {font-size: 12px; line-height: 16px;}

	.brand_area .brand_top {height: 300px; background-attachment: inherit;}
	.brand_area .brand_top .text_box .en {font-size: 22px; line-height: 24px;}
	.brand_area .brand_top .text_box .ko {margin: 10px 0 0; font-size: 14px; line-height: 21px;}
	.brand_area .brand_mid {margin: 40px 0 0;}
	.brand_area .brand_mid .info_list .list li {margin: 20px 0 0;}
	.brand_area .brand_mid .info_list .list li .box {flex-direction: column; gap: 5px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .title {font-size: 20px; line-height: 30px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .text {margin: 10px 0 0; font-size: 12px; line-height: 18px;}
	.brand_area .brand_mid .info_list .list li .box .text_box .en {margin: 6px 0 0;}
	.brand_area .brand_mid .info_list .list li .box .text_box .en br {display: block;}
	.brand_area .brand_mid2 {margin: 40px 0 0;}
	.brand_area .brand_mid2 .text_list .list {column-gap: 30px;}
	.brand_area .brand_mid2 .text_list .list li .box .title {max-width: 160px; font-size: 16px; line-height: 22px;}
	.brand_area .brand_mid2 .text_list .list li .box .text_box .tit {font-size: 16px; line-height: 22px;}
	.brand_area .brand_mid2 .text_list .list li .box .text_box .txt {margin: 6px 0 0; font-size: 12px; line-height: 18px;}
	.brand_area .brand_btm {margin: 40px 0 0; background-attachment: inherit;}
	.brand_area .brand_btm .text_box .title {font-size: 24px; line-height: 30px;}
	.brand_area .brand_btm .text_box .text {margin: 10px 0 0; font-size: 14px; line-height: 21px;}
	.brand_area .brand_mid .info_list .list li:nth-child(even) .box .img_box {order: 1;}
	.brand_area .brand_mid .info_list .list li:nth-child(even) .box .text_box {order: 2;}
    
	.prd_view_area {padding: 10px 0 60px;}
	.prd_view_area .prd_top .inner {flex-direction: column;}
	.prd_view_area .prd_top .inner .img_wrap {width: 100%;}
	.prd_view_area .prd_top .inner .text_box {width: 100%;}

	.prd_view_area .prd_top .inner .img_wrap .sort {top: 10px; }
	.prd_view_area .prd_top .inner .text_box {padding: 15px; gap: 20px;}
	.prd_view_area .prd_top .inner .text_box .text_inner {gap: 20px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .en {font-size: 16px; line-height: 20px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .title {font-size: 20px; line-height: 26px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .title_box .text {margin: 6px 0 0; }
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li {margin: 5px 0 0;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box .tit {width: 60px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .text_top .info_list .list li .box .txt .price {font-size: 16px; line-height: 20px;}
	.prd_view_area .prd_top .inner .text_box .text_inner .prd_inq_btn {font-size: 12px; line-height: 35px;}
	.prd_view_area .prd_btm {margin: 10px 0 0; padding: 10px;}

	.prd_info_box {height: 240px;}
	.prd_info_box .text_box {padding: 10px;}
	.prd_info_box .text_box .sub_tit {font-size: 16px; line-height: 20px;}
	.prd_info_box .text_box .title {margin: 3px 0 0; font-size: 24px; line-height: 30px;}
	.prd_info_box .text_box .text {font-size: 14px; line-height: 20px;}

	.prd_area {padding: 30px 0;}
	.prd_area .prd_list .list li {margin: 10px 0 0;}
	.prd_area .prd_list .list li .box .box_inner .text_box {padding: 0 10px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .sub_tit {font-size: 12px; line-height: 16px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .title {font-size: 16px; line-height: 21px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .text {margin: 6px 0 0; font-size: 12px; line-height: 16px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .price {margin: 20px 0 0; font-size: 14px; line-height: 18px;}


	.sch_area {margin: 0 0 20px auto;}
	.sch_area .sch_inner .input_box input {font-size: 12px; line-height: 25px;}
	.sch_area .sch_inner .search img {width: 16px;}
	
	.com_tab_area {margin: 0 0 20px;}

	.faq_com_cont_area {padding: 30px 0;}
	.faq_com_cont_area .faq_inner {padding: 10px;}

	.board_area .board_list {border-top: 1px solid #4c4c4c;}
	.board_area .board_list, .board_area .board_list tbody, .board_area .board_list tr, .board_area .board_list td {display: block;} 
	.board_area .board_list thead {display: none;}
	.board_area .board_list tbody tr td {width: 100%; padding: 3px; line-height: 18px; text-align: left; box-sizing: border-box;}
	.board_area .board_list tbody tr td:before {display: inline-block; content: attr(data-th) ": ";	 width: auto; margin: 0 5px 0 0; color: #999; vertical-align: top; font-weight: 400; font-size: 14px; line-height: 18px;}
	.board_area .board_list tbody tr td.tit:before {display: none;}
	.board_area .board_list tbody tr td.tit {display: flex;}
	.board_area .board_list tbody tr td a {color: #333;}
	.board_area .board_list tbody tr td a .text {padding: 0;}
	.board_area .board_list tbody tr td a.secret .text {padding: 0 0 0 15px;}
	
	
	.com_row_table .table_inner table colgroup col:first-child {width: 90px;}
	.com_row_table .table_inner table tbody tr td .email_box {flex-direction: column;}
	.com_row_table .table_inner table tbody tr td .email_box .email_input input {max-width: 100%;}
	.com_row_table .table_inner table tbody tr td .email_box .select_box {max-width: 100%;}

	.login_area {padding: 30px 0;}
	.login_area .login_box {max-width: 400px; padding: 15px;}
	.login_area .login_box .login_top {gap: 5px;}
	.login_area .login_box .login_top .list li {margin: 5px 0 0;}
	.login_area .login_box .login_top .log_btn {width: 80px; font-size: 14px; }
	.login_area .login_box .check_area {margin: 6px 0 0;}
	.login_area .login_box .login_util {margin: 10px auto 0; max-width: 260px;}
	.login_area .login_box .login_util .list li .box {padding: 5px;}
	.login_btm {margin: 10px 0 0; padding: 10px 0 0;}
	.login_btm .list li {margin: 6px 0 0;}
	.login_btm .list li .btn {padding: 8px 5px;}
	.login_btm .list li .btn .text {padding: 0 0 0 25px; background-size: 18px auto; font-size: 14px;}

	.join_area {padding: 30px 0;}
	.join_area > .list > li {margin: 15px 0 0;}
	.join_area > .list > li .box .join_box .title_box .title {font-size: 14px; line-height: 34px;}
	.join_area > .list > li .box .join_box .list {padding: 10px;}

	.overview_area {padding: 0 0 40px;}	
	.overview_area .about_area .about_top {height: 300px;}
	.overview_area .about_area .about_top .text_box {padding: 10px;}
	.overview_area .about_area .about_top .text_box .title {font-size: 24px; line-height: 30px;}
	.overview_area .about_area .about_top .text_box .en {margin: 6px 0 0; font-size: 15px; line-height: 22px; letter-spacing: 0.3em;}
	.overview_area .about_area .about_top .text_box .sub_tit {margin: 20px 0 0; font-size: 16px; line-height: 18px;}
	.overview_area .about_area .about_top .text_box .text {margin: 10px 0 0; font-size: 12px; line-height: 20px;}
	.overview_area .about_area .about_btm {padding: 30px 0;}
	.overview_area .about_area .about_btm .list {gap: 5px;}
	.overview_area .about_area .about_btm .list li {width: 100%;}
	.overview_area .about_area .about_btm .list li .box {border-radius: 30px; width: 100%; height: 140px;}
	.overview_area .about_area .about_btm .list li .box .text {font-size: 16px; line-height: 20px;}
	.overview_area .com_text_area {height: 180px;}
	.overview_area .com_text_area .title .tit {padding: 0 0 0 120px; font-size: 20px; line-height: 24px;}
	.overview_area .com_text_area .title .tit:after {width: 100px;}
	.overview_area .com_text_area .title .tit:before {left: 100px}
	.overview_area .business_area {margin: 20px 0 40px;}
	.overview_area .business_area .business_list > .list > li {margin: 30px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li {width: calc(25% - 4px); margin: 0 4px 0 0; padding: 0 15px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li:last-child {padding: 0 15px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li:before {width: 12px; height: 11px;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box {height: 120px;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box .text {font-size: 14px; line-height: 20px;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box {margin: 20px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .title {font-size: 16px; line-height: 21px;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .text {font-size: 14px; line-height: 21px;}
	.overview_area .award_area {margin: 40px 0 0;}
	.overview_area .award_area .list {gap: 10px;}
	.overview_area .award_area .list li {width: calc(50% - 5px);}
	.overview_area .award_area .list li .box .text_box {margin: 8px 0 0;}
	.overview_area .award_area .list li .box .text_box .text_top {height: 60px;}
	.overview_area .award_area .list li .box .text_box .text_top .title {font-size: 16px; line-height: 20px;}
	.overview_area .award_area .list li .box .text_box .text_top .sub_title {font-size: 12px; line-height: 16px;}
	.overview_area .award_area .list li .box .text_box .text {margin: 6px 0 0; padding: 6px 0 0; font-size: 12px; line-height: 16px;}
	.overview_area .map_area {margin: 30px 0 0;}
	.overview_area .map_area .map_box #map {height: 240px;}
	.overview_area .map_area .map_box .name {padding: 5px 15px; font-size: 14px;}




}
@media screen and (max-width: 560px) {
	.brand_area .brand_mid2 .text_list .list {gap: 20px; flex-direction: column;}
	.brand_area .brand_mid2 .text_list .list li .box .title {max-width: 200px; margin: 0 auto 5px; padding: 0 0 5px;}
}
@media screen and (max-width: 480px) {
	.prd_view_area .prd_top .inner .text_box {padding: 10px;}
	.prd_view_area .prd_top .inner .text_box .text_inner {gap: 10px;}
	.prd_view_area .prd_btm {padding: 0;}

	.prd_area .prd_list .list li .box .box_inner {flex-direction: column;}
	.prd_area .prd_list .list li .box .box_inner .img_wrap {width: 100%;}
	.prd_area .prd_list .list li .box .box_inner .text_box {width: 100%; padding: 10px;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .title {margin: 3px 0 0;}
	.prd_area .prd_list .list li .box .box_inner .text_box .text_inner .price {margin: 10px 0 0;}
	
	.com_tab_area .list {justify-content: start; gap: 10px;}
	.com_tab_area .list li {width: calc(33.333% - 6.6666px);}
	.com_tab_area .list li .box {text-align: center;}
	.com_tab_area .list li .box .text {font-size: 13px;}

	.board_view .board_top .title_box {flex-direction: column; align-items: start;}

	.com_row_table .table_inner table tbody tr th {display: block; width: 100%; padding: 5px; box-sizing: border-box; text-align: center;}
	.com_row_table .table_inner table tbody tr td {display: block; width: 100%; padding: 5px 0; box-sizing: border-box;}
	.com_row_table .table_inner table tbody tr td .table_input.inp210 input {max-width: 100%;}
	.consent_area {flex-direction: column; gap: 5px; align-items: start; margin: 5px 0 0;}

	.join_area > .list > li .box .join_box .list li {margin: 5px 0 0;}
	.join_area > .list > li .box .join_box .list li .info_box {flex-direction: column; gap: 5px;}
	.join_area > .list > li .box .join_box .list li .info_box .tit {width: 100%;}

	
	.overview_area .about_area .about_btm {padding: 20px 0;}
	.overview_area .about_area .about_btm .list {flex-wrap: wrap;}
	.overview_area .about_area .about_btm .list li {width: calc(50% - 2.5px);}
	.overview_area .about_area .about_btm .list li .box {height: 100px;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li {width: calc(50% - 4px); margin: 8px 4px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li:nth-child(-n+2) {margin: 0 4px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li:last-child {margin: 8px 0 0;}
	.overview_area .business_area .business_list > .list > li > .box .step_box .list li .circle_box {height: 100px;}
	.overview_area .business_area .business_list > .list > li > .box .green_text_box .list li .box .text br {display: none;}
	.overview_area .award_area .com_title_area {margin: 0 0 10px;}
	.overview_area .award_area .list {gap: 10px 5px;}
	.overview_area .award_area .list li {width: 100%;}
	.overview_area .award_area .list li .box .text_box .text_top {height: auto;}
	.overview_area .map_area .map_box #map {height: 180px;}
	.overview_area .map_area .map_info_list .list li .text {background-position: left top 1px}
	
	.prd_info_box .text_box .text br {display: block;}

}