/*서브공통*/
.sub .principal_con {width:100%; overflow:hidden;}
.sub .principal_con .editor-content-youtube- {position:relative; padding-top:56%; width:100%; height:0;}
.sub .principal_con .editor-content-youtube- iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.sub .content {margin:0 auto 100px auto;}
.sub .help_text  {border:3px solid #eeeeee; padding:20px; background:#fbfbfb; margin-bottom:30px;}
.sub .help_text  li {font-size:14px; color:#666; line-height:22px; font-weight:500;}
.sub .help_text  li::before {content:""; display:inline-block; clear:both; width:3px; height:3px; background:#666; vertical-align:middle; margin-right:6px;}
.sub .terms .terms_box {width:100%; height:200px; overflow-y:scroll; background:#fafafa; border:1px solid #eaeaea; padding:20px; line-height:normal;}
.sub .terms>p {font-size:15px; color:#333; margin-top:20px; text-align:right; font-weight:600}
.sub .no_list {width:100%; font-size:16px; background:#f4f4f4; padding:30px 10px; margin-top:20px; text-align:center;}

/*게시판상.하단내용*/
.sub .content .commu_tb {border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; padding:20px 20px; margin-bottom:20px;}
.sub .content .commu_tb p { font-size:15px; line-height:22px; }

/*1뎁스 탭메뉴*/
.sub .tab_menu {position:relative; top:1px; display:flex; flex-wrap:wrap; width:100%; }
.sub .tab_menu li {border-bottom:0; background:#fff; overflow:hidden; border-bottom:1px solid #000;}
.sub .tab_menu li a {display:block; font-size:15px; padding:15px 35px; color:#666; border-radius:5px 5px 0 0; border:1px solid #ddd; border-left:none; border-bottom:0; text-align:center;}
.sub .tab_menu li a:hover {font-weight:600; color:#000}
.sub .tab_menu li:first-child a {border-left:1px solid #ddd;}
.sub .tab_menu li.on {border-bottom-color:#fff}
.sub .tab_menu li.on a {color:#222; font-weight:600;border:1px solid #000000; border-bottom:0}

/*2뎁스 탭메뉴*/
.sub .tab_menu2 {display:flex; flex-wrap:wrap; gap:0 8px; width:100%; padding:15px 5px; border-bottom:1px solid #ddd;}
.sub .tab_menu2 li {display:flex; margin:3px 0;}
.sub .tab_menu2 li a {border:1px solid #d5d5d5; color:#777777; padding:10px; font-size:14px; border-radius:3px; background:#fff;}
.sub .tab_menu2 li a:hover {border-color:#666; color:#333;}
.sub .tab_menu2 li.on a {background:#333; border-color:#333; color:#fff;}

/*게시물 갯수, 게시물 노출 갯수 지정란*/
.sub .principal_con .post_top {display:flex; justify-content:space-between; align-items:center; margin-top:30px; margin-bottom:10px;}
.sub .principal_con .post_top p {font-size:15px; color:#555555;}
.sub .principal_con .post_top p b {font-weight:bold; color:blue}
.sub .principal_con .post_top select {border:1px solid #ddd; border-radius:5px; font-size:14px; height:35px; padding:0 10px; font-weight:500;}


/*서브검색*/
.sub .content .sub_search {display:flex; justify-content:center; background:#f5f5f5; border-radius:5px; padding:20px 10px; font-size:16px; gap:0 10px;  margin-bottom:20px;}
.sub .content .sub_search select {width:110px; border:1px solid #d5d5d5; padding:0 10px; height:50px;}
.sub .content .sub_search input[type="text"] {width:calc(100% - 110px - 90px - 10px); border:1px solid #d5d5d5; padding:0 10px; line-height:50px;}
.sub .content .sub_search button {background:#48494f; color:#fff; line-height:50px; width:90px;}


/*페이지 준비중*/
.preparation {display:flex; flex-wrap:wrap; align-items:center; background:#fff; justify-content:center; background:#f9f9f9; width:100%; text-align:center; padding:10% 5%;}


/*로그인페이지*/
.login_pg {display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #d5d5d5; padding:50px 20px 50px 20px; margin:0px auto 0 auto;}
.sub .content .login_pg h3 {width:100%; text-align:center; border-bottom:0; padding-bottom:0; font-size:40px; font-weight:bold; margin-bottom:30px;}
.login_pg .logininput input {background:#f8f8f8; width:100%; padding:15px; font-size:16px; margin-bottom:10px; border:1px solid #ddd; border-bottom:3px ridge rgba(0,0,0,0.1); }
.login_pg .logininput input::placeholder {color:#999;}
.login_pg .logininput button {width:100%; margin-top:10px; text-align:center; font-size:20px; background:black; color:#fff; padding:20px 0;}
.login_pg .loginlink {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:25px; width:100%;}
.login_pg .loginlink p {font-size:14px; color:#555;}
.login_pg .loginlink ul {display:flex;}
.login_pg .loginlink ul li {font-size:14px; }
.login_pg .loginlink ul li a {color:#555;}
.login_pg .loginlink ul li:first-child::before {display:none;}
.login_pg .loginlink ul li::before {content:""; display:inline-block; width:1px; height:8px; background:#ddd; margin:0 8px;}

/*회원가입*/
.join_pg .order {display:flex; align-items:center; justify-content:center; overflow:hidden; width:100%; background:url("../images/comn/diagonal_bg.png"); background-position:center center; margin-bottom:20px;}
.join_pg .order li {padding:20px 0; font-size:18px; color:#bdbdbd; font-weight:700;}
.join_pg .order li.on {color:#333;}
.join_pg .order li span {display:inline-block; width:40px; height:40px; vertical-align:middle; line-height:35px; background:#fff; font-size:18px; color:#dedede; border:3px solid #dedede; border-radius:40px; text-align:center; margin-right:10px;}
.join_pg .order li.on span {background:#0e8ee8; color:#fff; border-color:#0e8ee8; }
.join_pg .order li.on::after {background-color:#62708c;}
.join_pg .order li::after {content:""; display:inline-block; margin:20px; width:25px; height:1px; background:#e0e0e0; vertical-align:middle;}
.join_pg .order li:last-child::after {display:none;}

.join_pg .allagree {display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; border:1px solid #eaeaea; background:#fafafa; padding:30px 30px;}
.join_pg .allagree p:nth-child(1) {font-size:18px; color:#555555; }
.join_pg .allagree p:nth-child(2) {font-size:18px; color:#555; font-weight:700; }
.join_pg .terms {margin-top:30px;}

.join_pg .join_message {display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #eaeaea; background:#fafafa; text-align:center; padding:60px 20px;}
.join_pg .join_message p:nth-of-type(1) {width:85px; height:85px; font-size:50px; color:#fff; border-radius:50px; text-align:center; background:#0e8ee8; margin:0;}
.join_pg .join_message p:nth-of-type(1) i {line-height:85px;}
.join_pg .join_message p:nth-of-type(2) {font-size:30px; color:#222; font-weight:500; margin-top:30px; font-weight:bold;}
.join_pg .join_message p:nth-of-type(3) {font-size:18px; color:#222; font-weight:500; margin-top:30px; line-height:28px;}
.join_pg .join_message p:nth-of-type(3) em {color:#0e8ee8}

.sub .join_pg .terms p {font-size:18px;}

/*아이디패스워드찾기*/
.find_idpw {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; margin:0px auto 0 auto;}
.find_idpw .find_id {padding:30px 0;}
.find_idpw .find_id p.txt { font-size:16px; margin-bottom:15px;}
.find_idpw .find_id p.id_view {font-size:16px; text-align:center; /*background:#f4f4f4;border-radius:5px;*/  width:100%; padding:20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd ; color:#777}
.find_idpw .loginborder  {width:100%; background:#fff; border:1px solid #d5d5d5;}
.find_idpw .loginbox {width:100%; }
.find_idpw .logintab {display:flex; width:100%;}
.find_idpw .logintab li {width:50%; background:#f3f3f3; text-align:center; border:1px solid #f3f3f3;}
.find_idpw .logintab li a {display:block; line-height:60px; color:#969696; font-size:20px; font-weight:500;}
.find_idpw .logintab li.on {background:#fff; border:1px solid #0e8ee8; border-bottom-color:#fff;}
.find_idpw .logintab li.on a {color:#0e8ee8;}
.find_idpw .input_wrap {margin:0 auto; }
.find_idpw .input_wrap button {width:100%; margin-top:20px; border-radius:5px; background:#0e8ee8; color:#fff; font-size:20px; line-height:60px;}
.find_idpw .input_wrap em {display:block; color:#999999; font-size:15px; margin:30px 0 20px;}
.find_idpw .input_wrap dl {display:flex; margin-bottom:10px}
.find_idpw .input_wrap dl dt {margin-right:10px; min-width:90px; font-size:18px; color:#333333; font-weight:500; background:#f1f1f1; border:1px solid #d9d9da; border-radius:5px 0 0 5px; text-align:center; line-height:54px; height:55px;}
.find_idpw .input_wrap dl dd {line-height:55px; width:calc(100% - 100px); height:53px;}
.find_idpw .input_wrap dl dd input {width:100%; border:1px solid #d9d9da; border-radius:0 5px 5px 0;  line-height:55px; margin:0; height:55px; padding:10px;}
.find_idpw button.back {width:100%; margin-top:20px; border-radius:5px; color:#fff; font-size:20px; line-height:60px;}

/*휴면 계정 해제 안내*/
.dormant {margin:40px auto 0 auto;}
.dormant .sleep {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; padding:50px 20px; background:#f8f8f8;}
.dormant .sleep p {font-size:20px; color:#555; margin-bottom:30px; line-height:28px;}
.dormant .sleep p b {color:#222}
.dormant .sleep p.bb {font-weight:bold; color:#555; background:#fff; width:100%; text-align:center; padding:20px 10px; background:#fff;}
.dormant .sleep p.gray {color:#888; font-size:14px; text-align:center; line-height:20px; margin-bottom:0;}
.dormant .sleep p.gray i {vertical-align:middle;}


/*마이페이지*/
.my_page .sub_search {margin-top:30px;}
.my_page table.fixed {table-layout:fixed;}
.my_comment .cate {margin-bottom:10px;}
.my_consulting td span {display:block;border:1px solid; border-radius:3px; padding:8px 10px; background:#fff;}
.my_consulting td span.red {border-color:#f1540e;}
.my_consulting td span.blue {border-color:#0e8ee8;}
.my_consulting .a_con {background:#f4f4f4; padding:20px;}
.my_consulting .a_con p {line-height:26px;}
.my_consulting .a_con ul {margin-top:20px;}
.my_consulting .a_con ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; margin-top:5px;}
.my_consulting .a_con ul li button {margin-left:5px; background:#fff; border:1px solid #ddd;}
.my_consulting .a_con ul li i {margin-right:5px;}
.my_consulting .a_con div {background:#fff; margin-top:10px; padding:15px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; line-height:26px;}
.my_consulting .a_con div b {display:block; width:100%; margin-bottom:8px;}
.my_consulting .a_con div img {max-width:900px;}

/*검색페이지*/
.search_page .search_box {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; width:100%; background:#f6f6f6; padding:50px 20px; }
.search_page .search_box > div {display:flex; position:relative; width:80%; }
.search_page .search_box > div input {display:flex; align-items:center; width:100%; border-radius:100px; background:#fff; padding:10px 30px; line-height:50px; font-size:22px; border:1px solid #eee;}
.search_page .search_box > div input::placeholder {color:#999;}
.search_page .search_box > div button {display:flex; align-items:center; justify-content:center; position:absolute; right:0; background:#222; color:#fff; font-size:30px; width:70px; height:70px; border-radius:100px; text-align:center;}
.search_page .search_box p {font-size:20px; margin-top:30px;}
.search_page .tab_menu {width:100%; margin-top:20px;}
.search_page .tab_menu li {width:20%;}
.search_page .tab_menu li a {padding:20px 35px;}

.search_page h4 {margin-top:40px; padding-bottom:15px; margin-bottom:0; border-bottom:2px solid #555; }
.search_page .style2 .title {color:#444; font-size:18px;font-weight:600; margin-bottom:15px;}
.search_page .style2 .cate {font-size:18px; color:#e97d4d; margin-right:5px; letter-spacing:-0.5px}
.search_page .style2 .con {font-size:15px; color:#666}
.search_page .style2 ul {display:flex; margin-top:20px;}
.search_page .style2 ul li {color:#888; font-size:13px;}
.search_page .style2 ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.search_page .style2 ul li:last-child::after {display:none;}

.search_page .paging {margin-top:20px;}


/*달력일정*/
.schedule {position:relative;}
.schedule .date_view_box {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.schedule .date_view_box .year img {vertical-align:middle;}
.schedule .date_view_box .year button {display:flex; align-items:center;font-size:22px; font-weight:700; color:#999999;}
.schedule .date_view_box .year button:hover {color:#333; transition:0.3s;}
.schedule .date_view_box .year button span {display:block; width:26px; height:26px; border-radius:5px; border:1px solid #d5d5d5; margin-right:7px; }
.schedule .date_view_box .next_year button span {margin-right:0; margin-left:7px;}
.schedule .date_view_box .next_year img {transform:rotate(180deg); }
.schedule .date_view_box .title {font-size:40px; font-weight:700; color:#000000; margin:0 20px;}
.schedule .date_view_box .this_day {display:flex; justify-content:space-between; align-items:center;}
.schedule .date_view_box .this_day button {width:42px; height:42px; border:1px solid #dddddd; background:linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%); border-radius:100px;}
.schedule .date_view_box .this_day button img {vertical-align:middle;}
.schedule .date_view_box .this_day button:hover {border-color:#555; transition:0.3s;}
.schedule .date_view_box .next_month img {transform:rotate(180deg); }

.schedule .cal_view {border:1px solid #d5d5d5; width:100%; }
.schedule .cal_view th {background:#f8f8f8; color:#444444; font-weight:600; text-align:center; font-size:17px; padding:0 10px; line-height:40px; border:1px solid #d5d5d5; }
.schedule .cal_view th.red_bg {background:#f14d37; color:#fff;}
.schedule .cal_view th.blue_bg {background:#4d75de; color:#fff;}
.schedule .cal_view td {height:100px; padding:10px; border:1px solid #d5d5d5; }
.schedule .cal_view td:nth-child(7) .day_title span {color:#426edd;}
.schedule .cal_view td:nth-child(1) .day_title span {color:#dd0000;}
.schedule .cal_view td .day_title {margin-bottom:10px;}
.schedule .cal_view td .day_title span {display:flex; flex-wrap:wrap; align-items:center; color:#333333; font-size:17px; font-weight:700;}
.schedule .cal_view td .day_title span span {font-size:13px; margin-left:5px; color:#888; font-weight:400;}
.schedule .cal_view td .day_title .today {display:inline-block; background:#222; color:#fff !important; border-radius:5px; padding:7px;}
.schedule .cal_view td .day_title .r_no {color:#bbb !important;}
.schedule .cal_view td .day_title input[type="checkbox"] {margin-left:10px;}
.schedule .cal_view td button {border:1px solid #aaa; border-radius:2px; font-size:13px; padding:3px; font-weight:500; color:#555; background:linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%); }
.schedule .cal_view td button i {margin-right:2px;}
.schedule .cal_view td input[type="checkbox"] {position:relative;}
.schedule .schedule_select {display:flex; margin-top:20px;}
.schedule .schedule_select button {border:1px solid #aaa; border-radius:2px; font-size:14px; padding:8px; font-weight:500; color:#555; margin-right:5px; background:linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,0) 100%);}
.schedule .schedule_select button:hover {border-color:#555; color:#333;}
.schedule .cal_view td {position:relative;}
.schedule .cal_view td p {font-size:14px; color:#444; padding:8px; border-radius:5px; margin-bottom:5px; line-height:20px; cursor:pointer;}
.schedule .cal_view td p b {font-weight:600; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
.schedule p.s_bg::before {content:""; display:none; width:10px; height:10px; border-radius:50px;}
.schedule p.s_gray_bg {background:#f8f8f8; color:#444;}
.schedule p.s_gray_bg::before {background:black;}
.schedule p.s_red_bg {background:#ffeae9; color:#f10000;}
.schedule p.s_red_bg::before {background:red;}
.schedule p.s_orange_bg {background:#ffecda; color:#ee5f11;}
.schedule p.s_orange_bg::before {background:orange;}
.schedule p.s_yellow_bg {background:#fff5bd; color:#926216;}
.schedule p.s_yellow_bg::before {background:yellow;}
.schedule p.s_green_bg {background:#c9f7d1; color:#0c570c;}
.schedule p.s_green_bg::before {background:green;}
.schedule p.s_blue_bg {background:#d7e4f7; color:#182498;}
.schedule p.s_blue_bg::before {background:blue;}
.schedule p.s_purple_bg {background:#e9e0ff; color:#7921c4;}
.schedule p.s_purple_bg::before {background:purple;}
.schedule p:last-child {margin-bottom:0}
.schedule td.click::before {content:""; position:absolute; left:0; top:0; display:none; width:100%; height:100%; border:1px solid #555; border-radius:5px; cursor:pointer;}

.schedule .m_schedule {display:none;}

.schedule .schedule_view {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:750px; border:1px solid #898989; box-shadow:0 0 21px rgba(0,0,0,0.1); padding:30px; background:#fff; border-radius:20px;}
.schedule .schedule_view .title {display:flex; justify-content:space-between; font-size:24px; color:#222222; font-weight:700; margin-bottom:20px; line-height:30px;}
.schedule .schedule_view .title button {}
.schedule .schedule_view .date {display:flex; flex-wrap:wrap; align-items:center; background:#e6e9f3; border-radius:3px; padding:10px;; color:#222222; font-weight:700; font-size:16px; border-radius:5px; margin-bottom:10px;}
.schedule .schedule_view .date p {display:flex; align-items:center; width:100%; margin-top:5px;  font-size:13px; border-top:1px dashed #d5d5d5; padding-top:5px; font-weight:500; color:#555}
.schedule .schedule_view .date p em {display:inline-block; padding:10px 0; font-weight:bold; margin-right:3px;}
.schedule .schedule_view .date span {display:inline-block; width:32px; height:32px; border-radius:50px; background:#fff; text-align:center; margin-right:10px; line-height:32px; }
.schedule .schedule_view .date span i {color:#222; vertical-align:middle;}
.schedule .schedule_view .schedule_con {border:1px solid #dddddd; border-radius:5px; padding:15px; font-size:16px; color:#555555; line-height:24px; font-weight:500; max-height:250px; overflow-y:scroll;}
.schedule .schedule_view button.btn {display:flex; background:#3c4954; border-radius:5px; color:#fff; padding:7px 10px; font-size:16px; text-align:center; margin:15px 3px 0 3px; }
.schedule .schedule_view .pop_btn {width:100%; display:flex; justify-content:center;}


/*설문조사*/
.poll .no_poll {border:1px solid #dddddd; background:#fafafa; padding:40px 20px;}
.poll .no_poll p {text-align:center;}
.poll .no_poll p:nth-child(1) i {color:#cecece; font-size:80px;}
.poll .no_poll p:nth-child(2) {font-size:18px; color:#999999; margin-top:20px;}

.poll .qa {padding:20px; border:1px solid #dddddd; margin-bottom:20px;}
.poll .qa .question {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; overflow:hidden; border:1px solid #eeeeee; background:#fafafa; padding:15px; margin-bottom:10px;}
.poll .qa .question dl {float:left; width:80%; overflow:hidden;}
.poll .qa .question dl dt {float:left; font-size:18px; color:#fff; font-weight:500; background:#0e8ee8; border-radius:20px; width:30px; height:30px; text-align:center; margin-right:10px; line-height:30px;}
.poll .qa .question dl dd {float:left; width:calc(100% - 30px - 10px); font-size:18px; color:#222222; font-weight:500;  line-height:28px; }
.poll .qa .question span {float:right; width:20%; font-size:14px; color:#777777;text-align:right;}
.poll .qa .answer ul:nth-child(2) li.close_vote {width:100%; background:#f4f4f4; border-radius:5px; padding:10px; text-align:center;}
.poll .qa .answer {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.poll .qa .answer ul:nth-child(1) {float:left; width:75%; margin-right:5%;}
.poll .qa .answer ul:nth-child(1) li {font-size:16px; color:#555555; margin:18px 0;}
.poll .qa .answer ul:nth-child(2) {float:left; width:20%;}
.poll .qa .answer ul:nth-child(2) li {text-align:right; margin:10px 0; font-size:16px;}
.poll .qa .answer ul:nth-child(2) li button {border-radius:5px;  font-size:20px; padding:20px; width:100%; }
.poll .qa .answer ul:nth-child(2) li.vote button {background:#0e8ee8; border:1px solid #0e8ee8; color:#fff;}
.poll .qa .answer ul:nth-child(2) li.result button {background:#fff;color:#333; border:1px solid #b5b5b5;}
.poll .qa .answer ul li {line-height:20px;}
.poll .qa .answer ul li p {display:inline-block; background:#ededed; height:4px; width:20%; margin:0 20px; vertical-align:middle;}
.poll .qa .answer ul li p span {display:block; width:85%; height:4px; background:#0e8ee8;}
.poll .qa .answer ul li  em {font-weight:700; color:#0e8ee8;}

/*제품소개*/
.product > ul:nth-of-type(1) {border-top:1px solid #000;}
.product li .img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.product li:hover .btn {text-decoration:underline;}

.product .webzin_skin li {border-bottom:1px solid #d8d8d8;}
.product .webzin_skin li a {display:flex; padding:20px 0; }
.product .webzin_skin li:hover .img {box-shadow:0 0px 16px rgb(0 0 0 / 7%)}
.product .webzin_skin li .img {position:relative; min-width:384px; height:270px; margin-right:30px; border:1px solid #eee; background:#f4f4f4; overflow:hidden; }
.product .webzin_skin li .p_info {width:calc(100% - 384px - 30px); padding:15px 0;}
.product .webzin_skin li .p_info span {display:inline-block; border:1px solid #2c9ddd; color:#2c9ddd; font-size:14px; border-radius:50px; padding:7px 15px; margin-bottom:20px;}
.product .webzin_skin li .p_info .title {font-size:28px; color:#222; margin-bottom:20px; }
.product .webzin_skin li .p_info .add {font-size:16px; color:#666666; line-height:24px; margin-bottom:20px;}
.product .webzin_skin li .p_info .btn {display:inline-block; font-size:15px; color:#ffffff; padding:8px 15px; background-color:#2c9ddd; border-radius:5px; line-height:initial;}

.product .gallery_skin {display:flex; flex-wrap:wrap; gap:0 3%; padding-top:20px;}
.product .gallery_skin li {width:31.3333%; border:1px solid #d5d5d5; margin-bottom:3%;}
.product .gallery_skin li:hover {box-shadow:0 0px 16px rgb(0 0 0 / 7%)}
.product .gallery_skin li a {display:block; padding:15px 15px 20px 15px;}
.product .gallery_skin li .img {padding-bottom:70.5%; position:relative; min-width:100%; background:#f4f4f4; overflow:hidden; margin-bottom:20px; border-radius:5px;}
.product .gallery_skin li .p_info {text-align:center;}
.product .gallery_skin li .p_info span {display:inline-block; justify-content:center; font-size:13px; margin-bottom:15px; color:#2c9ddd; letter-spacing:-0.4px;}
.product .gallery_skin li .p_info .title {font-size:20px; font-weight:600; margin-bottom:20px;}
.product .gallery_skin li .p_info .add {font-size:15px; color:#666666; line-height:22px; margin-bottom:20px;}
.product .gallery_skin li .p_info .btn {display:inline-block; font-size:14px; color:#ffffff; padding:8px 13px; background-color:#2c9ddd; border-radius:5px; line-height:initial;}

/*제품소개 상세페이지*/
.principal_con .p_list {margin-top:80px;}
.principal_con .p_list .p_list_title {width:100%; padding-bottom:15px; font-size:22px; font-weight:bold; color:#222; border-bottom:1px solid #000}
.product_view .cate {display:flex; width:fit-content; border:1px solid #2c9ddd; color:#2c9ddd; border-radius:50px; padding:10px 15px; margin:0 auto 20px auto; font-size:16px;}
.principal_con .product_view .title {font-size:34px; text-align:center; color:#222222; font-weight:bold; margin-bottom:30px; line-height:initial;}
.product_view .p_top {display:flex; gap:0 5%; border:1px solid #cccccc; border-radius:10px; padding:30px; margin-bottom:45px;}
.product_view .p_top .img {position:relative; width:384px; height:270px; border-radius:5px; background:#f4f4f4; overflow:hidden; }
.product_view .p_top .img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.product_view .p_top .info {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; width:calc(100% - 384px - 5%); }
.product_view .p_top .info .info_title {font-size:20px; color:#5ab8c0; font-weight:bold; margin-bottom:20px;}
.product_view .p_top .info .info_title::before {content:""; display:inline-block; width:6px; height:6px; border-radius:50px; background:#5ab8c0; margin-right:5px;}
.product_view .p_top .info .add {font-size:16px; color:#666666; line-height:24px;}
.product_view .p_top .info .sns {display:flex; flex-wrap:wrap; }
.product_view .p_top .info .sns li {margin:3px;}
.product_view .p_top .info .sns li:last-child {margin-right:0;}
.product_view .p_top .info .sns li img {width:25px;}
.product_view .p_top .info .info_b {margin-top:20px;}
.product_view .p_top .info .btn {display:flex; flex-wrap:wrap;}
.product_view .p_top .info .btn li {margin-right:5px; margin-top:10px;}
.product_view .p_top .info .btn li:last-child {margin-right:0;}
.product_view .p_top .info .btn li a {display:block; padding:10px 20px; font-size:15px; border-radius:3px;}
.product_view .p_top .info .btn li a:hover {text-decoration:underline !important;}
.product_view .p_top .info .btn li.estimate a  {background:#2c9ddd; color:#fff; border:1px solid #2c9ddd;}
.product_view .p_top .info .btn li.client a {background:#fff; color:#2c9ddd; border:1px solid #2c9ddd;}
.product_view .details {width:100%; border-bottom:1px solid #cccccc; margin-bottom:20px;}
.product_view .details .p_details {width:100%; padding-bottom:15px; font-size:22px; font-weight:bold; color:#222222; border-bottom:2px solid #222;}
.product_view .details .details_con {padding:20px; line-height:24px;}
.product_view .in_btn {display:flex; align-items:center; justify-content:space-between; width:100%;}
.product_view .in_btn a {display:block; border-radius:3px; color:#666666; padding:10px 15px; font-size:15px;}
.product_view .in_btn a i {color:#}
.product_view .in_btn a:hover {text-decoration:underline !important;}
.product_view .in_btn .list {border:1px solid #d5d5d5; }
.product_view .in_btn ul {display:flex; gap:0 5px;}
.product_view .in_btn ul li {display:flex; flex-wrap:wrap; gap:0 5px;}
.product_view .in_btn ul li.estimate a {background:#2c9ddd; color:#fff; border:1px solid #2c9ddd;}
.product_view .in_btn ul li.client a {background:#fff; color:#2c9ddd; border:1px solid #2c9ddd;}

/*오시는길*/
.location .map_view {width:100%; margin-bottom:20px; text-align:center;}
.location .map_view.map_num {height:500px; }
.location .map_img img {max-width:100%;}

/*커뮤니티*/
.commu .board {margin-top:20px;}
.commu .board .boardlist {width:49%; margin-right:2%;}
.commu .board .boardlist:nth-child(2n) {margin-right:0;}
.commu .board .boardlist:nth-child(3n) {margin-right:auto;}

.commu.board_list .wr_btn_con {display:flex; justify-content:end; margin:20px 0;}
.commu.board_list .wr_btn_con button {display:flex; align-items:center; background:#e74c3c; color:#fff; padding:12px 15px; font-size:15px; border-radius:3px;}

.commu i {vertical-align:middle; margin-right:5px;}
.commu .text_list td {font-size:17px; color:#555;padding:25px 5px; font-weight:500; border-bottom:1px solid #d8d8d8; background:#fff;}
.commu .text_list td.tal a {max-height:20px; overflow:hidden; display:inline-block; }
.commu .webzine_list td {padding:20px 5px;}
.commu .webzine_list a {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.commu .webzine_list p.img {float:left; min-width:210px; height:140px; margin-right:30px; background-position:center center; background-size:cover; background-repeat:no-repeat; border-radius:7px;}
.commu .webzine_list p.img img {width:11.20px; height:77px; margin-right:15px}
.commu .webzine_list .text_area {width:calc(100% - 210px - 30px)}
.commu .webzine_list .text_area .li_tit {/*height:3.80px; line-height:19px;*/font-size:18px; color:#222222; font-weight:600;}
.commu .webzine_list .text_area .li_txt {color:#888; font-size:15px; font-weight:400; /*height:16px;*/ line-height:22px; overflow:hidden; margin-top:15px;}
.commu .img_list {padding-top:20px; border-top:1px solid #000}
.commu .img_list .img_list_no {background:#f4f4f4; border:1px solid #ddd; width:100%; font-size:15px; text-align:center; padding:40px 20px;}
.commu .img_list ul {display:flex; gap:0 2%; flex-wrap:wrap;}
.commu .img_list ul li {width:32%; box-shadow:0 0px 16px rgb(0 0 0 / 7%); border:1px solid #e5e5e5; border-radius:15px; margin-bottom:2%;  overflow:hidden;}
.commu .img_list ul li a {display:block;}
.commu .img_list p.img {width:100% !important; padding-bottom:60%;  background-image:url("../images/no_img2.png"); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .img_list .txt_wrap {padding:20px 20px;}
.commu .img_list .title {font-size:18px; line-height:24px; color:#333; margin-top:20px; font-weight:600;}
.commu .img_list dl {display:flex; justify-content:space-between; align-items:center; font-weight:500;}
.commu .img_list dl dt,
.commu .img_list dl dd {font-size:14px; color:#777;}

.commu.view .view_title {font-size:33px; line-height:38px; font-weight:700; margin-top:20px; overflow:hidden; margin-bottom:15px;}
.commu.view .cmt_view_hd {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; overflow:hidden; font-size:15px; color:#444; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #cdcdcd; }
.commu.view .cmt_view_info {float:left; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; color:#3694ed; float:left; }
.commu.view .cmt_view_info li {float:left; font-size:15px; border-right:1px solid #e5e5e5; margin:5px 10px 5px 0; padding-right:10px;}
.commu.view .cmt_view_info li:last-child {border-right:0;}
.commu.view .cmt_view_fnc {float:right; display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; float:left;}
.commu.view .cmt_view_fnc li {float:left;font-size:15px; border-right:1px solid #e5e5e5; padding-right:10px; padding-left:10px;}
.commu.view .cmt_view_fnc li:first-child {padding-left:0;}
.commu.view .cmt_view_fnc li:last-child {border-right:0}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp {display:flex; align-items:center; overflow:hidden; margin:5px 0;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{float:left; margin-left:5px;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp img {width:30px;}
.commu.view .cmt_view_con {font-size:16px; line-height:26px; color:#222; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #cdcdcd;}
.commu.view .cmt_view_con img {max-width:100%;}
.commu.view .down_list {font-size:13px; margin-bottom:20px;}
.commu.view .down_list li {padding:6px 0;}
.commu.view .down_list li a:hover {text-decoration:underline !important;}
.commu.view .cmt_view_bottom {overflow:hidden; margin-bottom:50px; position:relative; width:100%;}
.commu.view .cmt_view_bottom ul {float:left; overflow:hidden;}
.commu.view .cmt_view_bottom ul li {float:left; border:1px solid #ccc; margin-right:10px; border-radius:3px;  font-size:15px; margin-top:10px;}
.commu.view .cmt_view_bottom ul li a {display:block; height:30px; line-height:30px; padding:0 10px;}
.commu.view .cmt_view_bottom .btn_gp2 {float:right;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn {background:#8c9bc8; border:1px solid #8c9bc8;}
.commu.view .cmt_view_bottom .btn_gp2 .good_btn {background:#5f7cd8; border:1px solid #5f7cd8; margin-right:0;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn a,
.commu.view .cmt_view_bottom .btn_gp2 .good_btn a {color:#fff;}
.commu.view .cmt_view_bottom i {vertical-align:middle; margin-right:5px;}
.commu.view .text_list td.tal a {color:#555;}
.commu.view .text_list td.tal a:hover {color:#0e8ee8;}
.commu.view .reply_con {margin-top:20px; margin-bottom:30px; position:relative;}
.commu.view .reply_con .r_all {font-size:18px; margin-bottom:15px;}
.commu.view .reply_con .r_all em {color:#f24443; margin-left:5px;}
.commu.view .reply_con_write {background:#fafafa; padding:10px 15px 10px 15px; border:1px solid #e1e1e1; width:100%;}
.commu.view .reply_con .input_area {overflow:hidden; margin-bottom:10px;}
.commu.view .reply_con .input_area ul li {float:left; margin:2px 10px 2px 0; color:#444;}
.commu.view .reply_con .input_area ul li label {margin-right:5px; font-size:14px; vertical-align:middle;}
.commu.view .reply_con input {border:1px solid #e1e1e1; height:26px; line-height:26px; width:133px; padding:0 5px; vertical-align:middle;}
.commu.view .reply_con .input_area ul li span {color:#1a73e8; font-size:16px; margin-left:10px; vertical-align:middle;}
.commu.view .reply_con .text_area {width:100%; }
.commu.view .reply_con .text_area textarea {width:90%; padding:10px;border:1px solid #e1e1e1; background:#fff; height:80px; font-size:15px;}
.commu.view .reply_con .text_area button {width:calc(10% - 5px); height:80px; text-align:center; font-size:15px; border:1px solid #ccc; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }
.commu.view .reply_list {margin-top:20px;}
.commu.view .reply_list > li {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:15px 10px;}
.commu.view .reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .reply_list > li .top {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:13px;}
.commu.view .reply_list > li .top p {color:#158fe4; margin:5px 0}
.commu.view .reply_list > li .top p span {color:#888; font-size:12px; margin-left:5px;}
.commu.view .reply_list > li .top a {color:#666;}
.commu.view .reply_list > li .top ul {display:flex; margin:5px 0}
.commu.view .reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list > li .top ul li:last-child::after {display:none;}
.commu.view .reply_list > li > p {font-size:14px; color:#555; margin:15px 0 20px 0;}
.commu.view .reply_list > li .bottom {display:flex; justify-content:space-between;  font-size:13px; color:#666}
.commu.view .reply_list > li .bottom p button {color:#158fe4; font-size:12px;}
.commu.view .reply_list > li .bottom ul {display:flex;}
.commu.view .reply_list > li .bottom ul li {font-size:13px; margin-left:15px;}
.commu.view .reply_list > li .bottom ul li:first-child button {color:#e82626 }
.commu.view .reply_list > li .bottom ul li:last-child button {color:#7597dc}
.commu.view .reply_list .reply_con_write {margin:10px 0 20px 0;}
.commu.view .reply_list .re_reply_list {margin-top:20px;}
.commu.view .reply_list .re_reply_list > li {background:#f9f9f9; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:15px 10px;}
.commu.view .reply_list .re_reply_list > li .top p::before {content:"└"; color:#ccc; margin-right:5px;}
.commu.view .reply_listt .re_reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list .re_reply_list > li > p {font-size:14px; color:#555; margin:20px 0; padding:0 20px;}
.commu.view .reply_list .re_reply_list > li .bottom {display:flex; justify-content:end;  font-size:13px; color:#666}
.commu.view .reply_list .re_reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .secret_co {position:absolute; right:0; top:0; font-size:13px;}
.commu.view .secret_co input {width:17px; height:17px; line-height:17px; padding:0;}

.pc_no {display:none !important;}

/*모듈01 gallery loop*/
.module01 {display:flex; gap:0 5%; }
.module01 .swiper {overflow:hidden;}
.module01 .swiper-slide {}
.module01 .swiper-slide img {width:100%;}
.module01 .gallery-top {position:relative; width:50%;  border-radius:5px; height:100%; border:1px solid #eee; overflow:hidden;}
.module01 .gallery-top .swiper-slide {position:relative; padding-bottom:100%;}
.module01 .gallery-top .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.module01 .gallery-top p.title {position:absolute; bottom:0; width:100%; padding:20px; color:#fff; font-size:20px; background:rgba(0,0,0,0.6); z-index:1; opacity:0;}
.module01 .gallery-top:hover p.title {opacity:1;}
.module01 .gallery-top .btn {position:absolute; top:45%; transform:translate(0%, -50%); width:100%; z-index:10;}
.module01 .gallery-top .btn div {display:none; position:absolute; color:#fff; font-size:40px; background:rgba(0,0,0,0.4); padding:10px 0; cursor:pointer;}
.module01 .gallery-top:hover .btn div {display:block; transition:1s;}
.module01 .gallery-top .btn div::after {display:none;}
.module01 .gallery-top .btn .next {right:0; border-radius:5px 0px 0px 5px;}
.module01 .gallery-top .btn .prev {left:0; border-radius:0 5px 5px 0;}

.module01 .gallery_thumbs_wrap {position:relative; width:50%;}
.module01 .gallery-thumbs .swiper-wrapper {flex-wrap:wrap; gap:0 5%; height:auto;}
.module01 .gallery-thumbs .swiper-slide {position:relative; min-width:30%; max-width:30%; height:120px; margin-bottom:5%; overflow:hidden; border-radius:5px; cursor:pointer; border:1px solid #e5e5e5;}
.module01 .gallery-thumbs .swiper-slide::before {content:""; display:none; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; }
.module01 .gallery-thumbs .swiper-slide img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.module01 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {border:1px solid #333;}
.module01 .gallery-thumbs {position:relative; overflow-y:scroll; max-height:600px;}
.module01 .gallery-thumbs p.title {display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; color:#fff; z-index:2; text-align:center; padding:0 10px; line-height:22px;}
.module01 .gallery-thumbs .swiper-slide:hover::before {display:block;}
.module01 .gallery-thumbs .swiper-slide:hover p.title {display:-webkit-box;}
.module01 .gallery-thumbs::-webkit-scrollbar {width:5px; border-radius:20px;}
.module01 .gallery-thumbs::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); overflow:visible; border-radius:20px;}
.module01 .gallery-thumbs::-webkit-scrollbar-track {background:rgba(0,0,0,0.0)}
.module01 .gallery_thumbs_wrap:hover .cover-bar {opacity: 0; -webkit-transition: all .5s;}
.module01 .cover-bar{width:5px; height:100%; position:absolute; top:0; right:0; -webkit-transition: all .5s; opacity: 1; background-color:white; }

/*모듈02 gallery loop*/
.module02 {}
.module02 .swiper {overflow:hidden;}
.module02 .gallery-top {position:relative; width:100%; border-radius:5px; border:1px solid #eee; overflow:hidden;}
.module02 .gallery-top .swiper-slide {position:relative; padding-bottom:60%;}
.module02 .gallery-top .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.module02 .gallery-top p.title {position:absolute; bottom:0; width:100%; padding:20px; color:#fff; font-size:20px; background:rgba(0,0,0,0.6); z-index:1; opacity:0;}
.module02 .gallery-top:hover p.title {opacity:1;}
.module02 .gallery-top .btn {position:absolute; top:45%; transform:translate(0%, -50%); width:100%; z-index:10;}
.module02 .gallery-top .btn div {display:none; position:absolute; color:#fff; font-size:40px; background:rgba(0,0,0,0.4); padding:10px 0; cursor:pointer;}
.module02 .gallery-top:hover .btn div {display:block; transition:1s;}
.module02 .gallery-top .btn div::after {display:none;}
.module02 .gallery-top .btn .next {right:0; border-radius:5px 0px 0px 5px;}
.module02 .gallery-top .btn .prev {left:0; border-radius:0 5px 5px 0;}

.module02 .gallery-thumbs {width:100%; margin-top:30px;}
.module02 .gallery-thumbs .swiper-slide {position:relative; height:130px; overflow:hidden; border-radius:5px; cursor:pointer; border:1px solid #e5e5e5;}
.module02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {border:1px solid #333}
.module02 .gallery-thumbs .swiper-slide::before {content:""; display:none; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; }
.module02 .gallery-thumbs p.title {display:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; color:#fff; z-index:2; text-align:center; padding:0 10px; line-height:22px}
.module02 .gallery-thumbs .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.module02 .gallery-thumbs .swiper-slide:hover::before {display:block;}
.module02 .gallery-thumbs .swiper-slide:hover p.title {display:-webkit-box;}

/*모듈03 불규칙 이미지 정렬*/
.module03 {--gap: 20px; display:grid; grid-template-columns: repeat(3, 1fr); column-gap: var(--gap); grid-auto-rows:10px;}
.module03 .module03_box {position:relative; border:1px solid #ddd; border-radius:5px; margin-bottom:20px; overflow:hidden;}
.module03 .module03_box img {display: block; min-width:100%; max-width: 100%;}
.module03 .module03_box p.title {opacity:0; position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.6); color:#fff; font-size:18px; padding:15px 20px;}
.module03 .module03_box:hover p.title {opacity:1; transition:0.3s;}


/****************************@@@@@@@@@@ 1280px 이하 ****************************/

@media all and (max-width:1280px) {
/*제품소개*/
.product .webzin_skin li .img {min-width:340px; height:239px; }
.product .webzin_skin li .p_info {width:calc(100% - 340px - 30px); padding:10px 0;}
.product .webzin_skin li .p_info span {margin-bottom:15px;}
.product .webzin_skin li .p_info .title {font-size:24px; margin-bottom:15px;}
.product .webzin_skin li .p_info .btn {font-size:15px; padding:8px 10px;}


/*마이페이지*/
.my_consulting .a_con div img {max-width:600px;}

/*커뮤니티*/
.commu.view .cmt_view_con img {width:100% !important; height:auto !important;}


}

/****************************@@@@@@@@@@ 1024px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:1024px) {
/*서브공통*/
.sub .content {margin-bottom:30px;}

/*ect메뉴*/
.etc img {width:100% !important; height:auto !important;}

/*게시판상.하단내용*/
.sub .content .commu_tb {font-size:14px; line-height:20px;}

/*탭메뉴*/
.sub .tab_menu li {width:20%;}
.sub .tab_menu li a {padding:15px 10px;}

/*검색페이지*/
.search_page .search_box {padding:30px 20px;}
.search_page .search_box > div input {line-height:30px; font-size:18px;}
.search_page .search_box > div button {width:50px; height:50px; font-size:20px;}
.search_page .search_box p {font-size:15px; margin-top:20px;}

.search_page .style2 .cate {font-size:15px;}
.search_page .style2 .title {font-size:15px;}
.search_page .style2 .con {font-size:13px;}
.search_page .style2 ul li {font-size:12px;}


/*달력일정*/
.schedule .date_view_box .title {font-size:30px;}
.schedule .date_view_box .year button {font-size:18px;}

.schedule .cal_view th {font-size:16px; line-height:35px;}
.schedule .cal_view td {padding:7px;}
.schedule .cal_view td .day_title span {font-size:15px;}
.schedule .cal_view td p {padding:0px 5px; line-height:initial; margin-bottom:3px;}
.schedule .cal_view td p b {display:none;}
.schedule p.s_gray_bg::before,
.schedule p.s_red_bg::before ,
.schedule p.s_orange_bg::before,
.schedule p.s_yellow_bg::before,
.schedule p.s_green_bg::before,
.schedule p.s_blue_bg::before,
.schedule p.s_purple_bg::before {display:inline-block;}
.schedule td.click::before  {display:block;}

.schedule .m_schedule {display:block; width:100%; background:#fff; padding:0 10px 10px 10px; margin-top:20px; border-top:1px solid #555; -webkit-box-shadow: inset 0px 9px 9px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 9px 9px 0px rgba(0,0,0,0.05);
box-shadow: inset 0px 9px 9px 0px rgba(0,0,0,0.02);}
.schedule .m_schedule .date {display:flex; align-items:center; font-weight:700; font-size:15px; border-bottom:1px solid #aaa; padding:10px 0; margin-bottom:10px; color:#333}
.schedule .m_schedule .date span {display:inline-block; text-align:center; background:#222; border-radius:50px; width:25px; height:25px; margin-right:4px; }
.schedule .m_schedule .date i {font-size:17px; color:#fff; line-height:25px;}
.schedule .m_schedule ul {}
.schedule .m_schedule ul li {margin-bottom:10px; border-bottom:1px solid #ddd; }
.schedule .m_schedule .day_t {font-size:16px; font-weight:600; padding:8px; border-radius:5px; line-height:22px;}
.schedule .m_schedule .day_t::before {margin-right:5px;}
.schedule .m_schedule .day_c {font-size:15px; font-weight:500; padding:13px; line-height:20px;}
.schedule .m_schedule b {position:relative; display:block; width:100%; color:#0e8ee8; font-size:14px; margin-bottom:5px; font-weight:600; padding-left:13px;}
.schedule .m_schedule b::before {content:""; width:3px; height:3px; background:#0e8ee8; display:inline-block; position:absolute; left:5px; top:40%; transition:translate(0, -40%); }
.schedule .m_schedule .no_date {font-size:13px; border-top:1px dashed #ddd; margin-top:10px; padding:10px 0 10px 5px; color:#555;}

/*설문조사*/
.poll .qa .question span {width:100%; margin-top:10px;}
.poll .qa .question dl {width:100%;}
.poll .qa .answer ul:nth-child(1) {width:100%; margin-right:0}
.poll .qa .answer ul:nth-child(2) {width:100%;display:flex; }
.poll .qa .answer ul:nth-child(2) li {float:left; width:100%;}
.poll .qa .answer ul:nth-child(2) li:first-child {margin-right:2%;}

/*제품소개*/
.product .gallery_skin li .p_info span {margin-bottom:10px;}
.product .gallery_skin li .p_info .title {font-size:15px; font-weight:500; margin-bottom:10px;}
.product .gallery_skin li .p_info .add {font-size:13px; line-height:18px; margin-bottom:10px;}
.product .gallery_skin li .p_info .btn {font-size:13px; padding:6px 10px}
.product .gallery_skin li .img {background-size:contain;}

/*제품소개 상세페이지*/
.product_view .p_top {flex-wrap:wrap;}
.product_view .p_top .img {margin:0 auto;}
.product_view .p_top .info {width:100%; margin-top:20px;}
.product_view .p_top .info .btn {justify-content:center;}
.product_view .details .details_con img {width:100% !important; height:auto !important;}
.product_view .details .details_con {padding:20px 10px;}

/*커뮤니티*/
.commu.view .view_title {font-size:30px; line-height:35px; margin-top:0}

/*모듈01 gallery loop*/
.module01 {flex-wrap:wrap;}
.module01 .swiper {}

.module01 .gallery-top {width:100%;}
.module01 .gallery-top .swiper-slide {padding-bottom:80%;}
.module01 .gallery-top .btn div {display:block;}
.module01 .gallery_thumbs_wrap {width:100%;}
.module01 .gallery-thumbs {overflow-y:hidden; margin-top:20px;}
.module01 .gallery-thumbs .swiper-wrapper {flex-wrap:nowrap; gap:0;}
.module01 .gallery-thumbs .swiper-slide {margin-bottom:0; min-width:initial; max-width:initial;}

/*모듈02 gallery loop*/
.module02 .gallery-top .swiper-slide {padding-bottom:80%;}
.module02 .gallery-thumbs {margin-top:20px;}
.module02 .gallery-thumbs .swiper-slide {height:120px;}


/*모듈03 불규칙 이미지 정렬*/
.module03 {grid-template-columns: repeat(2, 1fr);}

/*오시는길*/
.location .map_view.map_img img {width:100%; height:auto;}
}

/****************************@@@@@@@@@@ 768px 이하 / 태블릿미니@@@@@@@@@@****************************/
@media all and (max-width:768px) {

/*게시판상.하단내용*/
.sub .content .commu_tb {padding:10px;}
.sub .content .commu_tb p {font-size:14px; line-height:22px;}

/*텍스트스타일*/
.principal_con h4 {font-size:20px; line-height:30px;}
.principal_con h5 {font-size:16px; line-height:26px;}
.principal_con h6 {font-size:15px; line-height:22px;}

/*서브검색*/
.sub .content .sub_search {padding:15px 10px;}
.sub .content .sub_search select {height:40px;}
.sub .content .sub_search input[type="text"] {line-height:40px;}
.sub .content .sub_search button{line-height:40px; padding:0 15px; font-size:14px;}

/*페이지 준비중*/
.preparation img {width:80%;}

/*로그인페이지*/
.login_pg {padding:30px 20px 30px 20px; margin:20px auto 0 auto;}
.sub .content .login_pg h3 {font-size:28px; padding-bottom:0; }
.loginlink p {margin:5px 5px 5px 0}
.login_pg .loginlink {margin-top:20px;}
.login_pg .loginlink ul {margin:5px 0;}
.login_pg .logininput input {padding:10px; font-size:15px;}
.login_pg .logininput button {padding:18px 0; font-size:17px;}

/*회원가입*/
.join_pg .order li {padding:15px 0; font-size:14px;}
.join_pg .order li span {width:25px; height:25px; line-height:22px; font-size:13px; margin-right:5px; border:2px solid #dedede;}
.join_pg .order li::after {width:7px; margin:10px;}
.join_pg .allagree {padding:15px;}
.join_pg .allagree p:nth-child(1),
.join_pg .allagree p:nth-child(2) {font-size:15px;}
.sub .join_pg .terms p {margin-top:15px; font-size:15px;}
.join_pg .join_message {padding:20px 20px;}
.join_pg .join_message p:nth-of-type(1) {width:55px; height:55px; font-size:30px;}
.join_pg .join_message p:nth-of-type(1) i {line-height:55px;}
.join_pg .join_message p:nth-of-type(2) {font-size:24px; margin-top:25px;}
.join_pg .join_message p:nth-of-type(3) {font-size:16px; margin-top:20px;}

/*서브-아이디,비밀번호찾기*/
.find_idpw .logintab li a {font-size:18px; line-height:50px;}
.find_idpw .input_wrap em {margin:20px 0; font-size:14px; line-height:20px;}
.find_idpw .centerwrap {padding:30px 15px;}
.find_idpw .input_wrap dl dt {font-size:16px; line-height:44px; height:45px;}
.find_idpw .input_wrap dl dd {height:44px;}
.find_idpw .input_wrap dl dd input {height:45px;}
.find_idpw .input_wrap button {font-size:17px; line-height:53px; margin-top:10px;}
.find_idpw button.back {font-size:17px; line-height:53px; margin-top:10px;}

/*휴면 계정 해제 안내*/
.dormant .sleep {padding:30px 15px;}
.dormant .sleep p {font-size:16px; margin-bottom:15px; line-height:24px;}
.dormant .sleep p.bb {padding:15px 10px;}


/*마이페이지*/
.my_post table.fixed colgroup col:nth-child(2),
.my_post table.fixed colgroup col:nth-child(4),
.my_post table.fixed colgroup col:nth-child(5) {display:none;}
.my_post table.fixed colgroup col:nth-child(6) {min-width:50px}
.my_comment table.fixed colgroup col:nth-child(3){display:none;}
.my_comment table.fixed colgroup col:nth-child(4) {min-width:50px}
.my_consulting table.fixed colgroup col:nth-child(3){width:1% !important;}
.my_consulting table.fixed colgroup col:nth-child(4) {min-width:92px}
.my_consulting .a_con img {width:100% !important; height:auto !important; max-width:450px;}
.my_consulting .a_con p {line-height:22px}
.my_consulting .a_con div {line-height:22px}
.my_consulting .txt_indent {text-indent:-999999px;}


/*검색페이지*/
.search_page .search_box {padding:20px 10px;}
.search_page .search_box > div {width:100%;}
.search_page .search_box > div input {line-height:20px; font-size:16px; padding:10px 15px;}
.search_page .search_box > div button {width:40px; height:40px; font-size:16px;}
.search_page .search_box p {font-size:14px; margin-top:15px;}

/*달력일정*/
.schedule .date_view_box .title {font-size:24px; margin:0 10px;}
.schedule .date_view_box .this_day button {width:22px; height:22px;}
.schedule .date_view_box .this_day button img {width:5px;}
.schedule .date_view_box .year button {font-size:18px;}
.schedule .date_view_box .year button span {width:20px; height:20px;}
.schedule .date_view_box .year img {width:9px;}

.schedule .cal_view th {font-size:15px; line-height:30px;}
.schedule .cal_view td {height:auto;}
.schedule .cal_view td .day_title span {font-size:13px;}
.schedule .cal_view td .day_title span span {width:100%; margin-left:0; font-size:12px; letter-spacing:-1px; margin-top:5px;}
.schedule .m_schedule .day_t {font-size:15px;line-height:20px;}
.schedule .m_schedule .day_c {font-size:14px; }

/*제품소개*/
.product .webzin_skin li .img {min-width:220px; height:155px; margin-right:20px;}
.product .webzin_skin li .p_info {width:calc(100% - 220px - 20px)}
.product .webzin_skin li .p_info span {font-size:13px; padding:5px 10px; margin-bottom:10px;}
.product .webzin_skin li .p_info .title {font-size:20px; margin-bottom:10px;}
.product .webzin_skin li .p_info .add {font-size:14px; line-height:20px; margin-bottom:10px;}
.product .webzin_skin li .p_info .btn {display:none;}

.product .gallery_skin {gap:0 3%;}
.product .gallery_skin li {width:48.5%; margin-bottom:2.5%;}
.product .gallery_skin li a {padding:10px;}
.product .gallery_skin li .p_info .btn {display:none;}

/*설문조사*/
.poll .qa {padding:10px;}
.poll .qa .question {padding:10px;}
.poll .qa .answer ul:nth-child(1) li {font-size:16px; color:#555555; margin:15px 0;}
.poll .qa .answer ul:nth-child(2) li button {padding:15px 10px; font-size:17px;}


/*커뮤니티*/
table.style3 th {padding:15px 3px;}
table.style3 .txt_indent {text-indent:-99999px;}
table.style3 td {font-size:14px; }
.commu .text_list td {padding:15px 5px; font-size:15px;}
.commu .text_list colgroup col:nth-child(1) {width:6%}
.commu .text_list colgroup col:nth-child(2) {width:91%}
.commu .text_list colgroup col:nth-child(3) {width:1%}
.commu .text_list colgroup col:nth-child(4) {width:1%}
.commu .text_list colgroup col:nth-child(5) {width:1%}
.commu .webzine_list colgroup col:nth-child(1) {width:6%}
.commu .webzine_list colgroup col:nth-child(2) {width:91%}
.commu .webzine_list colgroup col:nth-child(3) {width:1%}
.commu .webzine_list colgroup col:nth-child(4) {width:1%}
.commu .webzine_list colgroup col:nth-child(5) {width:1%}
.commu .webzine_list .text_area .li_txt {font-size:13px; line-height:18px;}
.commu colgroup col:nth-child(1) {width:10% !important; min-width:65px;}
.commu colgroup col:nth-child(3),
.commu colgroup col:nth-child(4),
.commu colgroup col:nth-child(5) {display:none;}
.commu .webzine_list p.img {min-width:180px; height:120px; margin-right:20px;}
.commu .webzine_list .text_area {width:calc(100% - 180px - 20px);}
.commu .img_list ul li {width:49%; }
.commu .img_list .txt_wrap {padding:15px;}
.commu .img_list dl dt, .commu .img_list dl dd {font-size:12px; color:#999;}
.commu .img_list .title {font-size:15px; line-height:20px; margin-top:15px;}
.commu.view .view_title {font-size:25px; line-height:30px;}
.commu.view .cmt_view_hd {margin-bottom:10px; padding-bottom:10px;}
.commu.view .reply_con .input_area ul li {width:100%;}

.m_no {display:none !important;}
.pc_no {display:block !important; overflow:hidden; width:100%; margin-top:10px;}
.pc_no li {float:left; color:#888; font-size:12px;}
.pc_no li i {vertical-align:middle;}
.pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.pc_no li:last-child::after {display:none;}

}

/****************************@@@@@@@@@@ 530px 이하 / 모바일@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*서브공통*/
.sub .terms .terms_box {padding:10px;}

/*탭메뉴*/
.sub .tab_menu {position:initial; gap:0 2%;}
.sub .tab_menu li {width:auto; margin-bottom:1.5%; border-bottom-color:#ddd; border-radius:5px;}
.sub .tab_menu li a {border-left:1px solid #ddd; padding:10px; font-size:14px;}
.sub .tab_menu li.on a {border-bottom:1px solid #000; background:#48494f; color:#fff;}
.sub .tab_menu li:nth-child(4n) {border-left:1px solid #ddd;}

/*탭메뉴*/
.sub .tab_menu2 {padding:10px 0;}

/*달력일정*/
.schedule .date_view_box .year button {font-size:15px;}

/*마이페이지*/
.my_consulting .a_con div img {max-width:100%; width:100%;}

/*제품소개*/
.product .webzin_skin li .img {min-width:160px; height:113px;}
.product .webzin_skin li .p_info {width:calc(100% - 160px - 20px); padding:5px 0;}
.product .webzin_skin li .p_info span {font-size:12px; }
.product .webzin_skin li .p_info .title {font-size:16px; }
.product .webzin_skin li .p_info .add {line-height:18px; -webkit-line-clamp:2; margin-bottom:0;}

/*제품소개 상세페이지*/
.product_view .p_top {padding:15px;}
.product_view .cate {font-size:13px;}
.principal_con .product_view .title {font-size:28px;}
.product_view .p_top .info .info_title {font-size:18px;}
.product_view .p_top .info {margin-top:30px; }
.product_view .p_top .img {width:100%; min-width:100%; height:auto; padding-bottom:70.3%}
.product_view .p_top .info .add {font-size:15px; line-height:22px;}
.product_view .p_top .info .btn li a {font-size:13px;}
.product_view .p_top .info .btn li {margin-top:20px;}
.product_view .details .p_details {font-size:20px;}
.principal_con .p_list .p_list_title {font-size:20px;}
.product_view .in_btn a {font-size:13px;}

/*오시는길*/
.location .map_view.map_num {height:300px;}

/*커뮤니티*/
.commu.view .view_title {font-size:21px; line-height:28px; margin-bottom:10px;}
.commu.view .cmt_view_con {font-size:14px; line-height:19px;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp img {width:25px;}
.commu.view .reply_con input {width:100px;}
.commu .img_list {padding-top:10px;}
.commu .webzine_list p.img {min-width:140px; height:93px; margin-right:15px;}
.commu .webzine_list .text_area {width:calc(100% - 140px - 15px); }
.commu .webzine_list .text_area .li_tit {font-size:15px; line-height:20px; margin-top:5px;}
.commu .webzine_list .text_area .li_txt {margin-top:5px;}
.commu.view .cmt_view_info li {font-size:13px; margin:3px 10px 3px 0}

/*모듈01 gallery loop*/
.module01 .gallery-thumbs .swiper-slide {height:80px;}
.module01 .gallery-top p.title {font-size:18px; padding:15px;}
.module01 .gallery-top .btn div {font-size:30px;}

/*모듈01 gallery loop*/
.module02 .gallery-thumbs .swiper-slide {height:80px;}
.module02 .gallery-top p.title {font-size:18px; padding:15px;}
.module02 .gallery-top .btn div {font-size:30px;}
}

/****************************@@@@@@@@@@ 440px 이하@@@@@@@@@@****************************/
@media all and (max-width:440px) {
/*커뮤니티*/
.commu.view .cmt_view_hd .cmt_view_fnc li.sns_gp {width:100%; padding-left:0; margin-top:10px;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{margin-left:0; margin-right:5px;}
.commu.view .reply_con .text_area textarea {width:100%;}
.commu.view .reply_con .text_area button {width:100%; height:40px; margin-top:10px;}
.commu.view .reply_list > li .top ul {width:100%; justify-content:end;}
}