@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap')

.mobile {display:none!important;}
header{width:100%;  }
header .h_border{width:100%;}
header .h_border2{border-bottom:2px solid #359d26;border-top:1px solid #cecfce;}
header .h_top{width:var(--width-layout);; margin:0 auto; display:flex; justify-content:space-between;color:#999999; font-size:13px}
header .h_top .h_tleft p{padding:10px 20px; }
header .h_top p{padding:10px 10px; line-height:20px}
header .h_top .h_tleft{display:flex}
header .h_top .h_tleft div{padding:10px 5px;font-size:16px;line-height:27.43px}
header .h_top .h_tleft .bar:after{content:'|';color:#999;padding:0 8px;font-weight:normal;font-size:13px}

header .h_top .h_tleft img{margin-right:5px;}
header .h_top .h_tright{display:flex;font-size:14px}
header .h_top .h_tright div{padding:10px 0px}
header .h_top .h_tright a{display:inline-block;padding:5px 10px}
header .h_top .h_tright a:hover{text-decoration:underline}
header .h_top .h_tright a.allcart{background-color:#47c85d;border-radius:25px;color:#fff}
header .h_top .h_tright a.myorange{color:#f25721;}
header .h_top .h_tright a.appdown{color:#999;padding:5px 0px}
header .h_top .h_tright a img{vertical-align:middle;padding:0 3px}

header .h_sub {display:flex;justify-content:space-between;}
header .h_sub .h_menu{display:flex; font-size:22px; line-height:55px;font-weight:900}

header .h_sub .all_menu a i{font-size:32px;vertical-align: sub;margin-right:10px;}
header .h_sub .all_menu a{display:block;width:240px;padding: 0px 15px;color: #fff;font-size:22px;line-height:55px;white-space:nowrap}
header .h_sub .all_menu a:hover{color:#fff}
header .h_sub .all_menu img{margin-top:15px}


header .h_border .h_sub .h_menu li a.menu:hover{transform: scale(1.1);font-weight: 600;text-decoration:underline}

header .h_border .h_sub .h_menu .main_tit{font-weight:bold;background:url('../../images/orange_icon.png') left center no-repeat;background-size:28px}
header .h_border .h_sub .h_menu .main_titB{font-weight:bold;background:url('../../images/plaza_icon.png') left center no-repeat;background-size:32px}
header .h_border .h_sub .h_menu .main_titC{font-weight:bold;background:url('../../images/teacher_icon2.png') left center no-repeat;background-size:36px}
header .h_border .h_sub .h_menu .main_titD{font-weight:bold;background:url('../../images/teacher_icon3.png') left center no-repeat;background-size:33px}

header .h_border .h_sub .h_menu a{display:block;padding:0 40px 0 40px;letter-spacing:-0.2px}
header .h_border .h_sub .h_menu.menu4 {font-size:20px;display:flex;padding:0 10px 0 10px}
header .h_border .h_sub .h_menu.menu4 a{display:block;padding:0 20px 0 35px;letter-spacing:-0.2px}
header .h_border .h_sub .h_menu a.on{color:var(--color-point);text-decoration:underline}

header .h_border .h_sub .h_menu a:hover{color:var(--color-point);font-weight: 600;transform: scale(1.03);}
header .h_border .h_sub .h_menu a:focus{}

header .h_border .h_sub .h_menu li.on{color: var(--color-point);font-weight: 600;}


.h_plus {position:relative;}
#top_srch_keyword {background-color:#fff;position:absolute;left:0px;right:0px;top:53px;z-index:400;display:none;box-shadow: 0 3px 3px rgba(0,0,0,0.2); padding:0px;border-top:1px solid #eaeaea}
#top_srch_keyword .keyword{position:relative;}
#top_srch_keyword strong{line-height:55px;display: block;     color: #999;font-weight:400;padding-left:20px}
#top_srch_keyword p{width:170px;line-height:50px;color: #767676;    font-size: 13px;  text-align:right;position:absolute;right:20px;top:0px;}
#top_srch_keyword ul{padding-bottom:20px;float:left;width:50%;}
#top_srch_keyword li{;display: block;    width: 170px;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;padding:0 20px;position:relative;}
#top_srch_keyword ul.first-ul li:nth-child(-n+3){color:#ff3737;}
#top_srch_keyword li .t_number{vertical-align:middle;display:inline-block;margin-right:5px}
#top_srch_keyword:after {clear:both;content:'';display:block;}

header .notice .box .imgbt {padding-top:16px;font-size:16px;color:#999}



header .h_mid{width:var(--width-layout);; height:110px; margin:0 auto; display:flex; justify-content:space-between; position: relative;}
header .h_mid .logo{position: absolute; left:0; top:25px}
header .h_mid .logo img{height:52px}
header .h_mid .h_tit{width: var(--width-layout); display:flex;  margin-left:225px; font-size:18px; align-items:center;}
header .h_mid .h_tit .hr_tit{}
header .h_mid .h_tit p{display:inline-block;}
header .h_mid .h_tit p a{display:block;line-height:33px;padding:0 20px 0 40px }
header .h_mid .h_tit p:last-child a{padding:0 0px 0 40px }
header .h_mid .h_tit .hr_tit p a.on{color: var(--color-point);}
header .h_mid .h_tit .h_input span{line-height:55px;color:#999;font-size:18px;width:130px;display:none;text-align:center;}
header .h_mid .h_tit .h_input {height:55px; width:625px;margin:0 15px;background-color: #fff;    border: 3px solid transparent;
 border: 2px solid transparent;
    border-radius:65px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #53c365, #0d9322);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display:flex; justify-content:space-around; z-index:1; }
header .h_mid .h_tit .h_input:focus{}
header .h_mid .h_tit .h_input input {width:calc(100% - 60px); z-index:-1;padding-lefT:20px}
header .h_mid .h_tit .h_input input::selection{background-color:var(--color-point); color:#fff}
header .h_mid .h_tit .h_input a {display:block; width:65px; height:55px; line-height:55px;text-align:center;; vertical-align:middle;font-size:32px;color:#0d9322}
header .h_mid .topsnsbx{display:grid;grid-template-columns:30px 94px;width:124px;align-items: center;}

header .h_sub{width:var(--width-layout);; height:55px;margin:0 auto; display:flex; justify-content:space-between;}

header .h_plus {line-height:30px;}
header .h_plus *{vertical-align:middle}
header .h_plus {position:relative;height:55px}
header .h_plus .box{display:flex;line-height:53px;justify-content:space-between;}
header .h_plus .tit{color:#5c5c5c;font-size:16px;padding:0 5px;}
header .h_plus .tit i{color:#cacaca;font-size:22px;vertical-align:middle;}
header .h_plus .slider_li  {position:relative;width:180px;overflow:hidden;font-size:13px;color:#333;}
header .h_plus .slider_li  div{font-size:14px}

header .h_sub .h_plus{border-left:1px solid #ccc;width:320px}

/**
header .h_sub .h_plus{display:flex;align-items:center;}
header .h_sub .h_plus  a{display:block;padding:0 20px;line-height:40px;}
header .h_sub .h_plus .plus_down {margin-left:10px;background-color:var(--color-point); border-radius:20px; color:#fff; }
header .h_sub .h_plus .plus_down img{margin-left:20px}
**/


#content {width:var(--width-layout);;margin:auto}


#content.plaza_content {margin-top:20px;}


.snb {background:#d2e5dc;padding:35px 0;text-align:center;color: var(--color-point_dark);margin-bottom:30px}
.snb h3{font-size:32px;}
.snb .history{font-size:17px;padding-top:10px;color: #80a996;}

.mytap_m{display:none;}

.recently_box{display: inline-block;font-size: 16px;color: #333;border: 1px solid #333;text-aligN: center;position: fixed;right: 100px; bottom: 30px;border-radius: 50px;width: 110px;height: 45px;background: #fff;line-height: 42px;z-index: 1000;}
.recently_box a{display:block;}
.quick_rproduct {display:none;position:fixed;width:100%;height:100%;right:0px;bottom:0px;z-index:2000;background: rgba(0, 0, 0, 0.3);}
.quick_rproduct.active{display:block}



	#topsearch_box {}
	#topsearch_box {display:block;position:absolute;top:84px;left:320px;background-color: #fff;width:470px;z-index:999;border-radius: 10px;   box-shadow: 0 3px 3px rgba(0,0,0,0.2);border:1px solid #f4f4f4}
	#topsearch_box .search_wrap{}	
	#topsearch_box .search_wrap_2{padding: 30px;position: relative;height: 465px;}	
	#topsearch_box .search_wrap_2 strong{display: inline-block;padding-bottom: 20px;font-weight: 600;font-size: 18px;line-height: 27px;}	
	#topsearch_box .search_wrap_2 ul li{margin-top: 14px;position: relative;}
	#topsearch_box .search_wrap_2 ul li:first-child{margin-top: 0px;}
    #topsearch_box .search_wrap_2 ul li a{display:inline-block;font-size: 15px; line-height: 22px;white-space: nowrap;text-overflow: ellipsis;}
    #topsearch_box .search_wrap_2 ul li a{display:inline-block;font-size: 15px; line-height: 22px;white-space: nowrap;text-overflow: ellipsis;}
	#topsearch_box .search_wrap_2 ul li a i{position: absolute;right: 0;top: 3px;}

	#topsearch_box .search_wrap_2 .search_d{color: #767676;font-size: 13px; line-height: 19px;position: absolute;bottom: 12px;left: 30px;}
	#topsearch_box .search_wrap_2 ul li .t_ranking{color:var(--color-red);}
	#topsearch_box a:hover{text-decoration: underline;}
	#topsearch_box .search_wrap_2 ul li .t_number{color:var(--color-red);font-size: 15px;line-height: 22px;}
	#topsearch_box .search_wrap_2 ul li span{color:#767676;margin-right: 10px;}
	#topsearch_box .search_wrap_2 ul li:nth-child(n+4) span{color:#767676;}
	#topsearch_box .search_wrap_2 ul li:nth-child(n+4) a{color:#333}

	#topsearch_box .search_wrap_2 p{display: inline-block;margin-left: 9px;vertical-align: middle;font-size: 13px;color: #999;}
	#topsearch_box .t_close{position: absolute;bottom: 8px;right: 22px;color: #767676;font-size: 13px;}

#topsearch_box .search_wrap_2 #top_srch_close {color: #767676;
    font-size: 13px;
    line-height: 19px;
    position: absolute;
    bottom: 12px;
    left: 150px;}

/********************************메인****************************************/
.main_bg{width:100%;height: 870px;}
.main_bg .main_tit{font-size: 41px;font-weight: 200;text-align: center;padding-top: 40px;}
.main_bg .main_sub_tit{text-align: center; display: block;font-size: 24px;font-weight: 200;}

.main_wrap{max-width: var(--width-layout);margin: 0 auto;display: flex;justify-content: space-between;padding-top: 40px;}
.main_wrap .main_box{width:350px;height: 630px;border-radius: 30px;}

.main_wrap .main_box1{ background:var(--color-point);}
.main_wrap .main_box2{ background:var(--color-sub);}
.main_wrap .main_box3{ background:var(--color-sub2);}

.main_wrap .main_box .main_up{height: 90px;text-align: center;}
.main_wrap .main_box .main_up a{display:block;height: 90px;}

.main_wrap .main_box1 .main_up a .m_move_icon{width: 56px;margin-top: 17px;vertical-align: bottom;}
.main_wrap .main_box2 .main_up a .m_move_icon{width: 50px;margin-top: 12px;vertical-align: bottom;}
.main_wrap .main_box3 .main_up a .m_move_icon{width: 42px;margin-top: 17px;vertical-align: bottom;}

.main_wrap .main_box .main_up a .more_icon{width: 27px; vertical-align: sub;}
.main_wrap .main_box .main_up a span{font-size: 30px;color: #fff;display: inline-block;font-weight: 500;margin: 0px 7px;}
.main_wrap .main_box .main_small_box{background:#fff;margin: 0px 5px;height: 534px;border-radius: 0px 0px 30px 30px;padding: 20px 23px 10px 23px;}
.main_wrap .main_box .main_small_box .main_btit{margin-bottom: 5px;display:block;font-size: 16px;margin-top: 7px;}
.main_wrap .main_box .main_small_box .main_btit2{margin-top:0px!important;}

.main_wrap .main_box .main_small_box > li{padding-bottom:5px;}
.main_wrap .main_box .main_small_box ul li{margin-bottom:5px;}

.main_wrap .main_box1 .main_small_box .main_btit:before{display:inline-block;content:'+';background: #dff3e2; color: var(--color-point);width: 15px;   height: 15px;line-height: 15px;text-align: center;margin-right: 5px;}
.main_wrap .main_box1 .main_small_box ul .popular{display: flex;justify-content: space-around;}

.main_wrap .main_box1 .main_small_box ul li .popular_box{width: 85px;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main_wrap .main_box .main_small_box ul li .title{padding-left:18px;display:block;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 19.5px;}
.main_wrap .main_box .main_small_box ul li p{padding-left:18px;display:block;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 19.5px;}

.main_wrap .main_box1 .main_small_box li a:hover{color:var(--color-point);transform: scale(1.02);}
.main_wrap .main_box2 .main_small_box li a:hover{color:var(--color-sub);transform: scale(1.02);}
.main_wrap .main_box3 .main_small_box li a:hover{color:var(--color-sub2);transform: scale(1.02);}

.main_wrap .main_box2 .main_small_box .main_btit:before{display:inline-block;content:'+';background: #fbe5cb; color: var(--color-sub);width: 15px;   height: 15px;line-height: 15px;text-align: center;margin-right: 5px;}
.main_wrap .main_box2 .main_small_box .notice_wrap{display:flex;justify-content: space-between;}
.main_wrap .main_box2 .main_small_box .notice_wrap2{margin-top: 15px;margin-bottom: 6px;}
.main_wrap .main_box2 .main_small_box .notice_wrap .notice_tit{background: var(--color-sub);width: 65px;text-align: center;padding: 2px;color: #fff;   border-radius: 10px;}
.main_wrap .main_box2 .main_small_box .notice_wrap a{display:block;width: calc(100% - 75px)}
.main_wrap .main_box2 .main_small_box .notice_wrap a .notice_name, .event_name{padding-top: 2px;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.main_wrap .main_box3 .main_small_box .main_btit{margin-bottom: 5px;display:block;font-size: 16px;margin-top: 9px;}
.main_wrap .main_box3 .main_small_box .main_btit:before{display:inline-block;content:'+';background: #d5f5f4; color: var(--color-sub2);width: 15px;   height: 15px;line-height: 15px;text-align: center;margin-right: 5px;}


.populars_box ul li {width: 85px;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-word;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}
.populars_box ul li {display:none}
.populars_box ul li:nth-child(1),.populars_box ul li:nth-child(2),.populars_box ul li:nth-child(3) {width: 85px;    text-overflow: ellipsis;    overflow: hidden;    word-break: break-word;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;}
.populars_box strong{display:none}
.populars_box ul{display:flex;justify-content:space-around}
/**
.m_bg{background: url(/images/mainbg.jpg) no-repeat;height: 950px;background-size: 100% 100%;}
.m_bg .m_wrap{max-width:var(--width-layout);; margin:0 auto;position: relative;}
.m_bg .m_wrap .m_txt{text-align: center;padding-top: 86px; }
.m_bg .m_wrap .m_txt h3{font-size:38px;font-weight: 400;margin-bottom: 10px;}
.m_bg .m_wrap .m_txt span{font-size:17px;color: #6e6e6e;}


.m_bg .m_wrap .product{margin-top: 45px;display: flex;justify-content: space-between;position: relative;}
.m_bg .m_wrap .product .p_wrap{width: calc(33% - 22px);height: 650px;position:relative;}
.m_bg .m_wrap .product .p_wrap .p_tit{height: 100px;background: url(/images/list_bg1-1.png) no-repeat;text-align: center;color: #fff;padding-top: 22px;}
.m_bg .m_wrap .product .p_wrap .p_tit span{font-size:16px}
.m_bg .m_wrap .product .p_wrap .p_tit a{display:block;font-size:27px}
.m_bg .m_wrap .product .p_wrap .p_tit a strong{font-weight: 500;display:block;margin-top:3px;}
.m_bg .m_wrap .product .p_wrap .p_tit a strong i{font-size:24px;}



.m_bg .m_wrap .product .p_wrap .p_list{background:#fff;width: 100%;z-index: 333; position: absolute;height: 550px;}
.m_bg .m_wrap .product .p_wrap .p_list ul li{padding-top:20px;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a{display:block;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box {display: flex;justify-content: flex-start;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .img_box{position:relative;width:115px;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .img_box:after{content:'';display:block;padding-bottom:100%;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .img_box .box{position:absolute;left:0px;top:0px;width:100%;height:100%;border: 1px solid #ccc;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .img_box img{width:100%; height:100%;}

.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .explan{width:calc(100% - 115px);padding-left:15px;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .explan .p_name{display: block;font-weight: 500;margin: 15px 0 5px 0;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .explan .p_price{font-weight: 600;font-size:17px;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .explan .make{display:flex;margin-top: 15px;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .explan .make img{width: 15px;height: 15px;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .explan .make .p_company{margin-left:5px;color:#999999;}
.m_bg .m_wrap .product .p_wrap .p_list ul li a .list_box .explan .make .p_gram{margin-left:5px;color:#ef8200;}

.m_bg .m_wrap .product .p_wrap .p_tit2{background: url(/images/list_bg1-2.png) no-repeat;}

.m_bg .m_wrap .product .p_wrap .p_tit3{background: url(/images/list_bg1-3.png) no-repeat;}

.m_bg .m_wrap .product .p_wrap .p_list .make_it{text-align: center;border-bottom: 2px solid #35cbc6;margin: auto;padding: 20px 0;}
.m_bg .m_wrap .product .p_wrap .p_list .make_it .make_name{font-size:26px; color:#35cbc6;}

.m_bg .m_wrap .product .p_wrap .get{margin: -40px 0 0 25px;}
.m_bg .m_wrap .product .p_wrap .get a{font-weight: 500;color:#35cbc6;}
.m_bg .m_wrap .product .p_wrap .get a i{font-size:14px;}
.m_bg .m_wrap  .kid{animation: myfirst 3s linear 0.5s infinite alternate; display: inline-block;position: absolute;left: 20px;top: 89px;}

@-webkit-keyframes myfirst { 0%   {opacity: 1.0;left: 20px} 100% {opacity: 1.0; left: 100px}}
**/
/* Standard syntax */
@keyframes myfirst {0%   {opacity: 1.0;left: 20px}100% {opacity: 1.0; left: 100px}}


.m_bg .m_wrap .doctor{position: absolute;bottom: -25px;right: -220px;z-index: 333;}
.m_bg .m_wrap .doctor2{position: absolute;bottom: -25px; left: -144px;}

.m_banner{text-align: center;overflow:hidden}
.com_slider {overflow:hidden;height: 560px;/** box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);**/}
.com_slider .swiper-pagination {position:absolute;right:0px;padding-right:20px;left:auto !important;bottom:15px !important;width:auto !important;display:inline-block !important;text-align:right;background-color:#fff}

.swiper-pagination-bullet-active {background-color:#35cbc6!important;}



.banner_event .box{background-color:#fff;border:1px solid #b4b4b4;box-shadow:5px 5px 5px rgba(0,0,0,0.1);border-radius:15px;font-size:13px;overflow:hidden}
.banner_event .box .sbox{padding:10px 10px 0 10px}
.banner_event .box .event_input {background-color:#f2f2f2;border:1px solid #b4b4b4;display:flex;align-items:center;justify-content: space-between;border-radius:10px;gap:10px;margin-bottom:5px;}
.banner_event .box .event_input input{border:none;background:transparent;width:calc(100% - 50px);padding:0 10px}
.banner_event .box .event_input .bt{width:45px;display:inline-block;line-height:25px;text-align:center;}

.banner_event .maincsss {height:105px;overflow:hidden;}
.banner_event .maincsss .swiper-slide {height:21px;font-size:13px;line-height:21px;display: block;    overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;color: #1e1e23;}
.banner_event .maincsss .swiper-slide span{color:#999;margin-right:4px}
.banner_event .event_gomore {background-color:#f0f0f0;display:block;line-height:24px;text-align:center;margin-top:5px}

/********************************하단****************************************/

.footer{width:var(--width-layout);;margin:0 auto;}
.footer .f_wrap{display: flex;justify-content: space-between;padding-top:30px;border-bottom:1px solid #666666;align-items: center}
.footer .f_wrap .intro{width:450px;}
.footer .f_wrap .intro ul{display: flex;}
.footer .f_wrap .intro ul li {padding-right:10px;}
.footer .f_wrap .intro ul li:first-child a{padding-left:0px}
.footer .f_wrap .intro ul li a{font-size:15px;display:block;padding:15px 5px}

.footer .f_wrap .f_notice{}
.footer .f_wrap .f_notice .f_tit{font-size:15px;font-weight:500;}
.footer .f_wrap .f_notice .f_tit i{font-size:14px;}
.footer .f_wrap .f_notice .notice_ct{display:inline-block;margin-left:15px;}
.footer .f_wrap .f_notice .notice_ct a .n_new{color:var(--color-point); font-size:13px;display:inline-block;}
.footer .f_wrap .f_notice .notice_ct .n_content{margin-left:3px;font-size:15px;color:#666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 200px;display: inline-block;vertical-align: text-bottom;}

.f_notice a{color: #999;background: url(../../images/plaza_icon.png) 5px center no-repeat;padding: 0 0px 0px 25px;background-size: 18px;}
.f_notice a:before{content:'';display:inline-block;}
.f_notice a strong{color: var(--color-sub)}


.footer  .f_bottom{display:flex;justify-content: space-between; padding: 20px 0 50px 0;}
.footer  .f_bottom .l_bottom{}
.footer  .f_bottom .f_customer{display:block;font-size:14px;font-weight:700;padding-bottom:5px}
.footer  .f_bottom .customer_call{font-size:32px;font-weight:700;display:block;line-height:1;font-family: "Noto Sans KR", sans-serif;}
.footer  .f_bottom .customer_time{color:#999;line-height: 26px;}
/** .footer  .f_bottom .account_name{font-size:14px;background-color: var(--color-point);color: #fff;padding: 3px;line-height: 34px;} **/
.footer  .f_bottom .account_number{font-size:12px;color:#666666;line-height:16px;}
.footer  .f_bottom .account_number span{font-size:17px;display:block;padding:5px 0 6px}

.fax_num{font-size: 12px;display:block; color: #666666;margin: 5px 0px 10px 0px;}


.footer  .f_wrap .up_box {display:flex;gap:30px}
.footer  .f_wrap .up_box .sns_box{display:flex;align-items: flex-start;gap:5px}
.footer  .f_wrap .up_box .sns_box a.sns{padding-right:5px}
.footer  .f_wrap .up_box .sns_box a{display:inline-block;}
.footer  .f_wrap .up_box .app_box{display:flex;}

.footer  .f_bottom .m_bottom{width:470px;}
.footer  .f_bottom .m_bottom .f_address{font-size:14px;color:#999;line-height: 21px;}
.footer  .f_bottom .m_bottom .copyrights{font-size:14px;color:#999;margin-top: 21px;}

.footer  .f_bottom .r_bottom{width:415px;}
.footer  .f_bottom .r_bottom:after{content:'';clear:both; display:block}
.footer  .f_bottom .r_bottom a{display:inline-block;}

.footer  .f_bottom .r_bottom .link_box{clear:both;margin-left: 3px;padding-top: 20px;}
.footer  .f_bottom .r_bottom .link_box a{border:1px solid #dddddd;}

.account_1{display: block; font-size: 17px;}
.account_1_num{font-size: 38px;font-weight: 500;letter-spacing: -2px; display: block; line-height: 1;}



#quick_box {position:fixed;z-index:5;right:0px;top:0px;z-index:1002;}
#quick_box .areabox{position:absolute;right:0px;top:50px;z-index:1002;width:80px;}
#quick_box h3{background-color:#298942;color:#fff;display:block;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;padding:8px 0;}
#quick_box .box {width:80px;padding:10px 10px 0 10px;position:relative;border:1px solid #cecfce;border-top:none;background-color:#fff;}
#quick_box .box li {margin-bottom:10px;}
#quick_box .box li.on a{background-color:var(--color-point);color:#fff}
#quick_box .box li a{display:block;padding:5px;font-size:13px;color:#666;border:1px solid #cecfce;text-aligN:center;position:relative;}
#quick_box .box li a:before{position:absolute;left:0px;top:-1px;width:100px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
#quick_box .box li a:hover{background-color:var(--color-point);color:#fff;border:1px solid var(--color-point);}
#quick_box .box li a:hover:before{ content: attr(data-estname);display:inline-block;transform:translateX(-102px);color:#fff;width:100px;padding:5px;background-color:var(--color-point);height:27px;border:1px solid var(--color-point);}
#quick_box .box li a[data-estname="별칭없음"]:before {color:rgba(255,255,255,0.5)}
#quick_box .box li a[data-estname=""]:before {content:'';width:0px;opacity:0;left:0px}
   
#quick_box .box li *:before{-webkit-transition:1s;-moz-transition:1s;transition:1s}



#quick_box .box_open {width:500px;display:none;background-color:#fff;padding:15px;border:1px solid #cecfce;border-top:none;} /** height:650px; +39**/
#quick_box .box_open .btntotal {display:flex;gap:5px;justify-content:space-evenly}
#quick_box .box_open .btntotal li.on{background-color:var(--color-point);}
#quick_box .box_open .btntotal li.on a{color:#fff;border:1px solid var(--color-point);}
#quick_box .box_open .btntotal li{}
#quick_box .box_open .btntotal li a{display:block;display:block;padding:5px;font-size:13px;color:#666;border:1px solid #cecfce;text-aligN:center;}
#quick_box .arr_btn{background-color:#999;color:#fff;width: 20px;height: 40px;position:absolute;left:-20px;top:50%;    border-radius: 40px 0 0 40px;margin-top:-10px;line-height:20px;text-aligN:center;}
#quick_box .arr_btn i{font-size: 20px;line-height: 40px;padding-left: 3px;}
/******************************** left_list (광장,보건교사,배송조회)****************************************/
.left_mymenu ul li{border-bottom: 1px solid #ddd;}
.left_mymenu ul li:last-child{border-bottom:none}
.left_mymenu ul li a{font-size: 16px;font-weight: 500;margin-left: 10px;display: flex;justify-content: space-between;padding:10px 18px;}
.left_mymenu ul li:not(:first-child):hover{background:var(--color-point_light);color: var(--color-point);}
.left_mymenu ul li.active {background:var(--color-point_light);color: var(--color-point);}
.left_mymenu .menu_tit{color: var(--color-point); font-size:28px; text-align:center; font-weight:500; height:70px;line-height:70px}
.left_mymenu .menu_tit{background:url('/images/lefttitlet.png') center center no-repeat;}
.left_mymenu .menu_tit.ptitle{background:url('/images/lefttitlep.png') center center no-repeat;}



.tap_newpro{margin: 30px 0px 10px 0;}
.tap_newpro ul{display: flex;justify-content: center;}
.tap_newpro ul li {border: 1px solid #8f8f8f;width: calc(105px - 10px);text-align: center; height: 35px; line-height: 35px; margin-right: 10px;font-size: 16px; border-radius: 30px;color: #8f8f8f;}
.tap_newpro ul li.on{background:var(--color-point);color:#fff;border:1px solid var(--color-point);}
.tap_newpro ul li a{display:block}
/******************************** 커뮤니티 (광장구조)****************************************/
.comm_main{display:flex;}

/**left**/
.comm_main .comm_lbox{ width:240px; position: relative; margin-bottom:100px}
.comm_main .comm_rbox{padding-left:30px; width:calc(100% - 240px);}


.comm_main .left_top{border: 1px solid #ddd;}


.comm_lbox .myprofile{height:210px; padding:30px 25px; background-color:var(--color-point);}
.comm_lbox .myprofile:before{content:'';display:block;width:40px;height:40px;background:url('/images/login_before.png') no-repeat;position: absolute;left:-1px;top:-2px;}
.comm_lbox .myprofile .p_login_name{font-size:18px; color:#fff; font-weight:500; display:flex; justify-content:space-between; margin-bottom: 15px; padding:0 5px;}
.comm_lbox .myprofile .login_box{display:flex; justify-content:space-around; margin-bottom:20px; text-align:center; color:#fff}
.comm_lbox .myprofile .login_box a{display:block;}
.comm_lbox .myprofile .login_box .login_num{font-size:25px; font-weight:bold; margin-bottom:5px}
.comm_lbox .myprofile .login_box .login_txt{font-size:14px}
.comm_lbox .myprofile .login_btn{background-color:#fff; border-radius:3px; color:var(--color-point); font-size:18px; text-align:center; height:40px; line-height:40px;display:block}

.comm_lbox .left_top .left_iconbox {padding:10px 10px}
.comm_lbox .left_top .left_iconbox ul{display:grid;grid-template-columns:1fr 1fr;gap:0px;}
.comm_lbox .left_top .left_iconbox ul li {padding:10px 0;}
.comm_lbox .left_top .left_iconbox ul li{border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.comm_lbox .left_top .left_iconbox ul li a{display:block;padding-top:45px;text-align:center;;}
.comm_lbox .left_top .left_iconbox ul li:nth-child(2n){border-right:0px}
.comm_lbox .left_top .left_iconbox ul li:nth-child(n+5){border-bottom:0px}


.comm_lbox .left_top .left_iconbox ul a.menu_1{background:url('/images/menu_1.png?v=1') center top no-repeat;background-size:40px}
.comm_lbox .left_top .left_iconbox ul a.menu_2{background:url('/images/menu_2.png?v=1') center 2px no-repeat;background-size:32px}
.comm_lbox .left_top .left_iconbox ul a.menu_3{background:url('/images/menu_3.png?v=1') center top no-repeat;background-size:40px}
.comm_lbox .left_top .left_iconbox ul a.menu_4{background:url('/images/menu_4.png?v=1') center 5px no-repeat;background-size:38px}
.comm_lbox .left_top .left_iconbox ul a.menu_5{background:url('/images/menu_5.png?v=1') center 2px no-repeat;background-size:36px}
.comm_lbox .left_top .left_iconbox ul a.menu_6{background:url('/images/menu_6.png?v=2') center 4px no-repeat;background-size:36px}

.comm_lbox .left_top .left_iconbox ul a.menu_1:hover{background:url('/images/after_menu1.png?v=1') center top no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.menu_2:hover{background:url('/images/after_menu2.png?v=1') center 2px no-repeat;background-size:32px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.menu_3:hover{background:url('/images/after_menu3.png?v=1') center top no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.menu_4:hover{background:url('/images/after_menu4.png?v=1') center 5px no-repeat;background-size:38px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.menu_5:hover{background:url('/images/after_menu5.png?v=1') center 2px no-repeat;background-size:36px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.menu_6:hover{background:url('/images/after_menu6.png?v=1') center 4px no-repeat;background-size:36px; color:var(--color-point)}

.comm_lbox .left_top.tema_t .left_iconbox ul a.menu_1:hover{background:url('/images/after_tmenu1.png') center top no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top.tema_t .left_iconbox ul a.menu_2:hover{background:url('/images/after_tmenu2.png') center top no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top.tema_t .left_iconbox ul a.menu_3:hover{background:url('/images/after_tmenu3.png') center top no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top.tema_t .left_iconbox ul a.menu_4:hover{background:url('/images/after_tmenu4.png') center top no-repeat;background-size:42px; color:var(--color-point)}


.comm_lbox .left_top .left_sub a{border-top: 1px solid #ddd; height:85px; padding:0 25px; font-size:15px;display:block}
.comm_lbox .left_top .left_sub .sub_down{background:url('/images/icon/sub_document1.png') 178px center no-repeat;background-size:45px; padding-top:25px}
.comm_lbox .left_top .left_sub .sub_self{background:url('/images/sub_self.png') 173px center no-repeat;line-height:85px}
.comm_lbox .left_top .left_sub .sub_recomm{background:url('/images/icon/icon_recomm2.png') 178px center no-repeat; line-height:85px}
.comm_lbox .left_top .left_sub .sub_down2{background:url('/images/icon/sub_document2.png') 180px center no-repeat; background-size:45px;line-height:85px}

.comm_lbox .left_top .left_sub .sub_down:hover{color:var(--color-point)}
.comm_lbox .left_top .left_sub .sub_down2:hover{color:var(--color-point)}
.comm_lbox .left_top .left_sub .sub_self:hover{color:var(--color-point)}

.comm_lbox .left_bottom .plaza_tit{font-size:22px; margin-bottom:15px;}
.comm_lbox .left_bottom .cm_sub{font-size:15px; color:#888; margin-bottom:5px}
.comm_lbox .left_bottom video{width:100%; margin-bottom:10px}
.comm_lbox .left_bottom a{ display:flex; align-items:center; margin-bottom:10px; position: relative; width:100%;}
.comm_lbox .left_bottom a p{margin-left:10px;}
.comm_lbox .left_bottom a .right_arrow{position: absolute; right:0}

.myprofile2 {margin-bottom:15px;  background: linear-gradient( to bottom,  #fff3e9, #fff );}
.myprofile2 h3 {position:relative;padding-bottom:5px}
.myprofile2 h3 strong {color:#ff8212;font-size:20px;}
.myprofile2 .golink {position:absolute;right:10px;top:12px;background:url('/images/icon/arr2.png') 58px center no-repeat;background-color:#ff8212; color:#fff;display:inline-block;width:75px; line-height:26px;border-radius:25px;padding-left:10px;font-size:13px}
.myprofile2 {border:2px solid #ff8212;border-radius:15px;padding:10px;}
.myprofile2 ul:after {clear:both;content:'';display:block;}
.myprofile2 li {display:block;float:left;width:calc(50% + 5px);padding-bottom:3px;}
.myprofile2 li:nth-child(2n) {width:calc(50% - 5px)}
.myprofile2 li a{display:block;background:url('/images/icon/arr.gif') left center no-repeat;padding-left:13px;letter-spacing:-0.5px;font-size:14px;white-space:nowrap;}
.myprofile2 li a:hover{text-decoration:underline}
.myprofile2 li a span{color:#ff8212;font-size:13px}
.myprofile2 .btnbx {text-align:center;padding-top:5px;display:flex;justify-content: space-between}
.myprofile2 .btn_view {display:inline-block;background-color:#d4d4d4; color:#333; width:calc(50% - 5px); height:36px; line-height:36px;font-size:18px; border-radius:5px;}
.myprofile2 .btn_view.color2{background-color:#42b032;color:#fff;}

.myprofile2.tema_t {border:2px solid #2e8ee3;}
.myprofile2.tema_t {  background: linear-gradient( to bottom,  #eef6fc, #fff );}
.myprofile2.tema_t h3 strong {color:#2e8ee3;}
.myprofile2.tema_t .golink {background:url('/images/icon/arr3.png') 58px center no-repeat;background-color:#2e8ee3; }
.myprofile2.tema_t li a span{color:#2e8ee3}
.myprofile2.tema_t li a{display:block;background:url('/images/icon/arr_.gif') left center no-repeat;}


.myprofile2.tema_h {border:2px solid var(--color-point2);}
.myprofile2.tema_h {  background: linear-gradient( to bottom,  #eef6fc, #fff );}
.myprofile2.tema_h h3 strong {color: var(--color-point2);}
.myprofile2.tema_h .golink {background:url('/images/icon/arr3_h.png') 58px center no-repeat;background-color: var(--color-point2); }
.myprofile2.tema_h li a span{color: var(--color-point2)}
.myprofile2.tema_h li a{display:block;background:url('/images/icon/arr_3.gif') left center no-repeat;}

.myprofile2.main {border:2px solid #359d26}
.myprofile2.main {  background: #fff;}


/******************************** 오렌지광장 ****************************************/

.plaza_slide{height:125px; }
/**배너 background-img 크기 500px*500px 기준입니다**/
.plaza_slide{width:100%; position:relative; }
.plaza_slide .p_banner img{ width:100%}
.slick-arrow.slick-prev{z-index:10;text-indent:-9999px; position: absolute; top:35%;left:-20px; background:url('/images/pb_banner_larrow.png');width:35px;height:35px;}
.slick-arrow.slick-next{z-index:10;text-indent:-9999px; position: absolute; top:35%; right:-20px; background:url('/images/pb_banner_rarrow.png');width:35px;height:35px;}
.slick-slide {margin:0 15px;}
.slick-list {margin: 0 -15px !important;}
.noticebox{display:grid; grid-template-columns: 1fr 1fr; gap: 50px; width:100%}

.plaza_notice{margin-bottom:30px; }
.plaza_notice .f_tit{ background-color:#f3f3f3; display:flex; justify-content:space-between; align-items:center; padding:8px 15px; margin-bottom:15px; }
.plaza_notice .f_tit p{font-size:18px; margin-right:10px;}
.plaza_notice .f_tit i{font-size: 18px;color: #666;}
.plaza_notice .notice_ct{display:inline-block; width:100%}
.plaza_notice .notice_ct a .new_notice{background-color:#fff; display:flex; align-items:center;height:40px; padding:0 5px; width:250px}
.plaza_notice .notice_ct a .n_new{width: 30px;line-height: 28px;text-align: center;   color: var(--color-point);font-size: 12px;margin-right: 10px;display:inline-block;}
.plaza_notice .notice_ct .n_content{width: 250px;font-size:15px;color:#666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: text-bottom;}

.right_box{margin-bottom:15px;display:grid;grid-template-columns:calc(50% - 15px) calc(50% - 15px) ; gap:10px 35px;}	
.right_box .comm_cont .comm_tit a p{display:inline-flex; align-items:center;}
.right_box .comm_cont .comm_tit a p span{font-size:14px;}
.right_box .comm_cont .comm_tit a p.orangebg1:before{display:inline-block;content:'';background:url('/images/icon/comm_icon1.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg2:before{display:inline-block;content:'';background:url('/images/icon/comm_icon2.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg3:before{display:inline-block;content:'';background:url('/images/icon/comm_icon3.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg4:before{display:inline-block;content:'';background:url('/images/icon/comm_icon4.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg5:before{display:inline-block;content:'';background:url('/images/icon/comm_icon5.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg6:before{display:inline-block;content:'';background:url('/images/icon/comm_icon6.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg7:before{display:inline-block;content:'';background:url('/images/icon/comm_icon7.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg8:before{display:inline-block;content:'';background:url('/images/icon/comm_icon8.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg9:before{display:inline-block;content:'';background:url('/images/icon/comm_icon9.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}

.right_box .comm_cont .comm_tit a p.orangebg10:before{display:inline-block;content:'';background:url('/images/icon/comm_icon4.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.orangebg11:before{display:inline-block;content:'';background:url('/images/icon/comm_icon7.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}

.right_box .comm_cont .comm_tit a p.torangebg1:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon1.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.torangebg2:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon2.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.torangebg3:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon3.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.torangebg4:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon4.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.torangebg5:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon5.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.torangebg6:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon6.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.torangebg7:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon7.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box .comm_cont .comm_tit a p.torangebg8:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon8.png') center no-repeat;width:60px;height:60px; margin-right:5px;}


.right_box .comm_cont .comm_tit a{font-size:22px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; padding-bottom:5px; margin-bottom:5px}
.right_box .comm_cont .comm_tit a span.more{background:url('/images/board_more.gif') no-repeat;width:50px;height:21px;display:inline-block;}
.right_box .comm_cont .comm_tit a i{font-size:28px;color:#666;}
.right_box .comm_cont .comm_tit a:hover{color:var(--color-point)}

.right_box .comm_cont .comm_txt{display:flex; align-items:center;position: relative; width:100%; margin-top:0px;justify-content: space-between;line-height:1.5}
.right_box .comm_cont .comm_txt p{display:block;width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.right_box .comm_cont .comm_txt .date{color:#999;font-size:12px;width:80px;text-align:right}
.right_box .comm_cont .comm_txt .round{border: 1px solid var(--color-point); border-radius:15px; width:50px; line-height:28px;text-align:center; color:var(--color-point);font-size:14px; margin-right:10px}
.right_box .comm_cont .comm_txt .round.end{border: 1px solid #888;  color:#888;}
.right_box .comm_cont .comm_txt .txt_sub{font-size:16px;width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding-right:50px}
.right_box .comm_cont .comm_txt .c_new{font-size:13px; color:#bbb; position: absolute; right:0}
.main_product {margin-top: 35px;position: relative;}
.main_product .main_product_tit{display:flex;justify-content: space-between;margin-bottom:10px;}
.main_product .pro_tit{font-size: 18px;color: #222;font-weight: 700;}
.main_product .pro_arrow{color:#888;display:block;position: absolute;right: 0;top: 0;}
.main_product .pro_box {}
.main_product .pro_box li{width:calc(20% - 20px); float:left;margin-left:20px}
.main_product .pro_box:after{content:'';display:block;clear:both;}

.main_product .pro_box .pro_img {position: relative;width:100%}
.main_product .pro_box .pro_img:after{content: '';    display: block;    padding-bottom: 100%;}

.main_product .pro_box .pro_img .imgbox{display: block;position: absolute;width: 100%;height: 100%;top: 0px;right: 0px;bottom: 0px;left: 0px;border:1px solid #cecfce}
.main_product .pro_box .pro_img .imgbox img{height:100% !important;}

.main_product .pro_box .pro_img .pro_add{position: absolute; right:6px; bottom:6px; width:30px; height:30px;border-radius:20px; border: 1px solid #ccc; background:url('/images/pro_add.jpg') center no-repeat;background-size:100%}

.main_product .pro_box .pro_text {padding-top:10px;}
.main_product .pro_box .pro_txt {font-size:14px; margin-bottom:5px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.main_product .pro_box .pro_company {font-size:13px; color:#999; margin-bottom:5px;}
.main_product .pro_box .standard{font-size:13px; color:var(--color-point); margin-left:3px}

.main_product .pro_box .iconbox {height:20px;}
.main_product .pro_box .iconbox span{ font-size:12px;  font-weight:500; padding:2px 3px; }
.main_product .pro_box .iconbox .new{ border: 1px solid #e51212; font-size:12px; color:#e51212;  }
.main_product .pro_box .iconbox .recomm{ border: 1px solid var(--color-blue); font-size:12px; color:var(--color-blue); }

.main_product .pro_box .pro_label_none {display:block;height:21px}
.main_product .pro_box .pro_price{font-size:20px; font-weight:500; text-align:right; margin-top:20px}

.product_albumlist.plaza{margin-top: 20px; display: grid;grid-template-columns:1fr 1fr 1fr 1fr;gap: 12px;width: 100%;}

/******************************** 약품셀프교환안내 ****************************************/
.self_announcement {padding-bottom:15px;}
.self_announcement .self_tit{display: block; font-size: 20px;font-weight: 600;}
.self_announcement .self_tit:before{display:inline-block; content:'';width:25px;height: 30px;background:url(/images/orange_icon.png) no-repeat;background-size:24px;vertical-align: middle;margin-right: 10px;}


.self_announcement .f_self {font-size: 15px;display: block;background: var(--color-point_light); border-radius:15px;    margin:5px 0 5px 0; font-weight: 600;padding: 15px; line-height:1.4}
.self_announcement .f_self .self_orange{color:var(--color-sub)}
.self_announcement .f_self span{font-weight:normal;display:block;padding-left:10px;font-size:14px}
.self_announcement .f_self .bg_out{color:#333;font-weight: 400;line-height: 22px;}




.self_change {}
.self_change h3 {font-size:17px;}
.self_change .s_cart{}
.self_change .s_change{width:50%}
.self_change .self_product_sch{padding:10px;margin:10px 0;text-align:center;}
.self_change .self_product_sch span{padding-bottom:10px;display:block;color:#888;}
.self_change .self_product_sch input[type="text"]{border-bottom:1px solid #333;padding:5px}
.self_change table {width:100%;}
.self_change table th{background-color:#f2f2f2;padding:8px}
.self_change table td{border-bottom:1px solid #cecfce;padding:8px 2px;text-align:center;}
.self_change table tfoot th{background-color:var(--color-point_light);border-bottom:1px solid #cecfce;font-weight:400}
.self_change table tfoot td{background-color:var(--color-point_light);text-align:left}


.myself_popup{width: 700px;height: 890px;margin: 0 auto;padding: 20px;}
.myself_popup strong{width: 100%;border: 2px solid #333;border-radius: 25px;height: 50px;font-size: 24px;font-weight: 600; line-height: 50px;padding-left: 30px;margin-bottom: 20px;display:block}
.myself_popup p{font-size: 18px;color: #45af36;line-height: 28px;margin: 15px 0 0px;    padding-left: 30px;}
.myself_popup span{font-size: 16px;color: #888;line-height: 28px;margin-bottom: 5px; padding-left: 30px;display:block}

.myself_popup .myself_popup_search{padding: 10px;margin: 20px 0;text-align: center;background: #f3faf4;}
.myself_popup .myself_popup_search input[type="text"]{border-bottom: 1px solid #45af36;padding: 5px;width: 70%;}
.myself_popup .myself_popup_search a{background-color: #fff !important;color: #45af36 !important;border: 1px solid #45af36 !important;}

.myself_popup table th{background-color: #f2f2f2;padding: 8px}
.myself_popup table td{border-bottom: 1px solid #cecfce;padding: 8px 2px;text-align: center;}

.myself_popup table .my_num{width:80px;}
.myself_popup table .my_numbox{border: 1px solid #777;display: flex;align-items: center;line-height: 30px;}
.myself_popup table .my_numbox a{display: inline-block;width: 25px;text-aligN: center;}
.myself_popup table .my_numbox input[type="text"]{text-align: center; font-size: 13px;padding: 0px;height: 30px;line-height: 30px;width: calc(100% - 50px);}

.self_change  .my_num{width:80px;}
.self_change  .my_numbox{border: 1px solid #777;display: flex;align-items: center;line-height: 30px;}
.self_change  .my_numbox a{display: inline-block;width: 25px;text-aligN: center;}
.self_change  .my_numbox input[type="text"]{text-align: center; font-size: 13px;padding: 0px;height: 30px;line-height: 30px;width: calc(100% - 50px);}


/******************************** 추천견적서 ****************************************/

/******************************** 보건교사광장 ****************************************/
.teacher_banner{height:120px; margin-bottom:5px; display:grid;grid-template-columns:1fr 1fr; gap:20px;}
.teacher_banner .tb_tit{font-size:24px; font-weight:600; padding:5px 0}
.teacher_banner .tb_sub{font-size:14px; color:#888}
.teacher_banner .t_banner{width:100%}

.tsearch{border: 1px solid #f3f3f3; background-color:#fafafa; padding: 30px ; margin-bottom:20px}
.search_tit{display:flex; justify-content:space-between;}
.search_tit p{font-size:22px; margin-bottom:25px;}
.search_tit  .t_upload{width:140px; height:35px; border: 2px solid var(--color-point); background-color:#fff; text-align:center; line-height:32px}
.search_tit  .t_upload:hover{background-color:var(--color-point); color:#fff;}

.teachear_search {display:grid;grid-template-columns:1fr 1fr 3fr;gap:30px;}
.teachear_search .linkbox {border-bottom:1px solid #333; color:#6e6e6e}
.teachear_search .linkbox select{width:100%;border:none;height:35px;}
.teachear_search .linkbox input{height:35px; padding-left:15px;}
.teachear_search .linkbox a {background:url('/images/teacher_search.png') 15px 3px no-repeat;background-size:20px}
.teachear_search .linkbox.tit{display:grid;grid-template-columns:2fr 5fr 1fr;}

.right_box .comm_cont.teacher .comm_tit a{font-size:22px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; margin-bottom:10px}
.right_box .comm_cont.teacher .comm_tit a p{display:inline-flex; align-items:center;}
.right_box .comm_cont.teacher .comm_tit a p.teacherbg1:before{display:inline-block;content:'';background:url('/images/comm_icon5.jpg') center no-repeat;width:40px;height:40px;background-size:100%; margin-right:5px;}
.right_box .comm_cont.teacher .comm_tit a p.teacherbg2:before{display:inline-block;content:'';background:url('/images/comm_icon6.jpg') center no-repeat;width:40px;height:40px;background-size:100%; margin-right:5px;}
.right_box .comm_cont.teacher .comm_tit a p.teacherbg3:before{display:inline-block;content:'';background:url('/images/comm_icon7.jpg') center no-repeat;width:40px;height:40px;background-size:100%; margin-right:5px;}
.right_box .comm_cont.teacher .comm_tit a p.teacherbg4:before{display:inline-block;content:'';background:url('/images/comm_icon8.png') center no-repeat;width:40px;height:40px;background-size:100%; margin-right:5px;}
.right_box .comm_cont.teacher .comm_tit a p.teacherbg5:before{display:inline-block;content:'';background:url('/images/comm_icon9.jpg') center no-repeat;width:40px;height:40px;background-size:100%; margin-right:5px;}

.right_box .comm_cont.teacher .comm_tit a i{font-size:28px;color:#666}
.right_box .comm_cont.teacher .comm_txt p{ width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding-right:50px; height:30px;line-height:30px; font-size:16px;}
.right_box .comm_cont.teacher .comm_txt .cir{display:block;width:7px; height:7px; border-radius:20px; background-color:#ddd; margin-right:10px;}

.comm_lbox .left_top .left_iconbox ul a.tmenu_1{background:url('/images/menu_1.png') top center no-repeat;background-size:40px}
.comm_lbox .left_top .left_iconbox ul a.tmenu_2{background:url('/images/menu_2.png') top center no-repeat;background-size:40px}
.comm_lbox .left_top .left_iconbox ul a.tmenu_3{background:url('/images/menu_3.png') top center no-repeat;background-size:40px}
.comm_lbox .left_top .left_iconbox ul a.tmenu_4{background:url('/images/menu_4.png') top center no-repeat;background-size:42px}
.comm_lbox .left_top .left_iconbox ul a.tmenu_1:hover{background:url('/images/after_tmenu1.png') top center no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.tmenu_2:hover{background:url('/images/after_tmenu2.png') top center no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.tmenu_3:hover{background:url('/images/after_tmenu3.png') top center no-repeat;background-size:40px; color:var(--color-point)}
.comm_lbox .left_top .left_iconbox ul a.tmenu_4:hover{background:url('/images/after_tmenu4.png') top center no-repeat;background-size:42px; color:var(--color-point)}
.comm_lbox .left_top .left_sub .sub_tdown{background:url('/images/sub_tdown.png') 160px center no-repeat;background-size:60px; padding-top:25px}
.comm_lbox .left_top .left_sub .sub_tself{background:url('/images/sub_tself.png') 158px center no-repeat;background-size:60px; line-height:85px}
.comm_lbox .left_top .left_sub .sub_tdown:hover{color:var(--color-point)}
.comm_lbox .left_top .left_sub .sub_tself:hover{color:var(--color-point)}

.t_banner ul .t_bannerbox{width:250px;height: 100px;}
.t_banner ul .t_bannerbox a{display:block;}
.t_banner ul .t_bannerbox a img{width: 100%;height: 100px;}

/******************************** 상품리스트 ****************************************/
/** 스마트 파인더 **/
.product_search input[type="checkbox"] {display: none;}
.product_search input[type="checkbox"] + label {display: inline-block;line-height:1;padding:5px 15px;color:#666;margin:3px}
.product_search input[type="checkbox"]:checked + label {background-color:#f2f2f2;border-radius:25px;}
.product_search input[type="radio"] {display: none;}
.product_search input[type="radio"] + label {display: inline-block;line-height:1;padding:5px 15px;color:#666;margin:3px}
.product_search input[type="radio"]:checked + label {background-color:#f2f2f2;border-radius:25px;}
.product_search input[type="text"] {border:1px solid #cecfce;}

.product_search  {border:2px solid #298942;margin-bottom:30px;position:relative;}
.product_search > table > tbody{display:none;}
.product_search.active >  table > tbody{display: table-row-group}
.product_search .grid5 {display:grid;grid-template-columns:20% 20% 20% 20% 20%;height:31px;overflow:hidden}
.product_search .grid5.open {height:auto;overflow:none;}

/**
.product_search > table > tbody > tr:first-child th{border-top:1px solid var(--color-point)}
.product_search > table > tbody > tr:first-child td{border-top:1px solid #eaeaea}
**/
.product_search th {width:155px;background-color:#298942;color:#fff;font-size:15px;padding:8px 10px;border-bottom:1px solid #6cc360; text-align:left; position:relative;line-height:28px;font-weight:300}
.product_search th a {float :right;font-size:15px;}
.product_search td {width:calc(100% - 155px);padding:8px 5px;border-bottom:1px solid #eaeaea;color:#666}
.product_search td > div {width:100%}

/** 
.product_search td.depsbox {padding:0px;border-bottom:none;margin:0px;}
.product_search table table th {background-color:var(--color-point_dark);}
.product_search table table tr:last-child th, .product_search table table tr:last-child td{border-bottom:none;} 
.product_search th .acodian {position:absolute;right:10px;top:8px;font-size:20px;}**/
.product_search .search_box {background-color:#f2f2f2;padding:10px 15px;display:flex;align-items: flex-end;justify-content: space-between}
.product_search .search_box .tag {width:calc(100% - 200px);padding-right:10px;}
.product_search .search_box .tag a{display:inline-block;padding:5px 8px;line-height:15px;}
.product_search .search_box .tag a i{color:#999;font-size:13px;}
.product_search .search_box .tag a.renew i{font-size:20px;vertical-align:middle;color:#333}
.product_search .search_box .schbox {background-color:#fff;border-radius:20px;width:200px;}
.product_search .search_box .schbox input{border:none;width:160px;padding:5px 10px}
.product_search .search_box .schbox a{display:inline-block;width:35px;text-align:center;font-size:20px;vertical-align:middle}
.product_search .clickbtnbx {overflow:hidden;position:absolute;left:50%;margin-left:-70px;bottom:-21px;text-align:center;}
.product_search .clickbtnbx .clickbtn{display:inline-block;background:#298942;color:#fff;line-height:21px;width:120px;font-size:13px;
text-align:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px; justify-content: space-between;padding:0 15px 0 20px;align-items:center}

/** .deps_catebg th{background-color:var(--color-point_dark);}**/

.p_sequence .recomm select {border:1px solid #cecfce;padding:5px 10px;}


.mall_cate {border:1px solid #cecfce;padding:15px;margin:15px 0}
.mall_cate ul{display:grid;grid-template-columns:20% 20% 20% 20% 20%;gap:10px;}
.mall_cate ul li:before{display:inline-block;width:7px;height:7px;border-radius:100%;background-color:#ccc;margin-right:3px;vertical-aligN:middle;content:''}


.p_category .on{color: #298942;font-weight: 600;border: 2px solid #298942;border-bottom:none;background-color:#e6f7e4}
.p_sequence .active{color:#333!important;font-weight: 600;}
.b_active{color:var(--color-point);}


.p_category {margin-top:20px}
.p_category ul{display:flex;}
.p_category ul li{flex:1;text-align:center;border: 1px solid #666; border-radius: 25px 25px 0px 0px;color:#666;border-bottom: none;}
.p_category ul li a{font-size:17px;display:block;padding: 13px 0;}

.p_sequence{margin-top:50px;display:flex;justify-content: space-between;align-items:flex-end;border-bottom:1px solid #333;padding-bottom: 6px;}
.p_sequence .pst {display:flex;justify-content: space-between}
.p_sequence .pst strong{border:1px solid #cecfce;background-color:#f2f2f2;font-weight:900;font-size:16px;display:inline-block;padding:0 12px;margin-right:5px;line-height:48px}
.p_sequence .pst ul {width: 550px;}
.p_sequence .pst ul li{float:left;display:inline-block;color:#666}
.p_sequence .pst ul li a:after{content:'|';padding:0 6px;color:#888;display:inline-block;}
.p_sequence .pst ul li.last a:after{content:'';padding:0 6px;color:#888;display:inline-block;}
.p_sequence .pst ul li:nth-child(5) a:after{content:'';padding:0 6px;color:#888;display:inline-block;}
.p_sequence .pst ul li:nth-child(6) {content:'';display:block;clear:both;}
.p_sequence .pst ul li a{display:block;line-height:25px;display:flex;align-items:center;}
.p_sequence .pst ul li a i{font-size:21px;}
.p_sequence .p_rbox {display:flex;align-items:center;gap:5px}
.adhesion0{display: inline-block;border: 1px solid var(--color-point);    border-radius: 3px;}
.adhesion1{font-size: 14px;padding: 0px 5px;color: var(--color-point);display: inline-block;line-height: 30px;height: 30px;}
/**
.p_sequence .p_rbox .hambox .adhesion1{border: 1px solid var(--color-point);display: inline-block;height: 32px;padding: 0 5px;line-height: 32px;font-size: 14px;font-weight: 400;color: var(--color-point);border-right: none;border-radius: 3px 0px 0px 3px;}
**/
.adhesion2{font-size: 14px;font-weight: 400;text-align: center;display: inline-block;background: var(--color-point);color: #fff;padding: 0px 9px;line-height: 30px;height: 30px;}
.p_sequence .p_rbox a i{font-size: 20px;padding-top: 5px;}
.p_sequence .p_rbox .p_view{padding: 0 6px;}

.p_titname{text-align:center;font-size:30px;margin:58px 0 10px 0;}
.p_sname{text-align:center;font-size:17px;color:#999;display:block;}

/******************************** 상품리스트 앨범****************************************/

.product_albumlist{margin-top: 30px; display: grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px 45px;width: 100%;}
.product_albumlist .p_albumlistbox{position:relative;}
.product_albumlist .p_albumlistbox .ranking{position:absolute;right:0px;top:0px;background-color:#ef8200;color:#fff;display:block;z-index:5;width:30px;height:30px;text-align:center;line-height:30px;}
.product_albumlist .p_albumlistbox .p_link {display:block;}


.product_albumlist .p_albumlistbox .p_link .p_description{position: absolute;opacity: 0; left:0; top:100%;background: rgb(0 0 0 / 50%);width: 100%;height: 50%; transition: all 0.5s ease-in-out;}
.product_albumlist .p_albumlistbox .p_link .p_description 
.p_descriptiontxt{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:15px;text-align: center;word-break:break-all;width:100%;display:block;color:#fff;font-size:16px}

.product_albumlist .p_albumlistbox .imgbox:hover .p_description{opacity: 1; top: 50%;}
.product_albumlist .p_albumlistbox input[type="checkbox"] {display: none;}
/*.product_albumlist .p_albumlistbox input[type="checkbox"] + label {position: absolute; left: 5px; bottom: 50px;z-index: 3;}*/
.product_albumlist .p_albumlistbox input[type="checkbox"] + label {position: absolute; left: 8px; top: 8px;z-index: 3;}
.product_albumlist .p_albumlistbox input[type="checkbox"] + label:before {display: inline-block; content:'';width:20px; height: 20px; background:url(/images/member/checked_gray.png) #fff center no-repeat;background-size:12px;border:1px solid #cecfce;cursor: pointer; vertical-align:middle;border-radius:100%;}
.product_albumlist .p_albumlistbox input[type="checkbox"]:checked + label:before {background:url(/images/member/checked.png) var(--color-point) no-repeat center;background-size:12px;border:1px solid var(--color-point)}

.product_albumlist .p_albumlistbox .imgbox{position:relative;border:1px solid #ccc;overflow: hidden;}

.product_albumlist .p_albumlistbox .imgbox:after{content:'';display:block;padding-bottom:100%;}
.product_albumlist .p_albumlistbox .imgbox .p_box{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.product_albumlist .p_albumlistbox .imgbox .p_box img{width:100%; height:100%;}

.product_albumlist .p_albumlistbox .p_info{margin-top:10px;}
.product_albumlist .p_albumlistbox .p_info .bubble{height: 25px;word-break:keep-all}
.product_albumlist .p_albumlistbox .p_info .name_product{font-size:18px;margin-bottom:5px;height: 21px;text-overflow: ellipsis;overflow: hidden; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.product_albumlist .p_albumlistbox .p_info .name_manufacturer{color:#999;font-size:14px;display: inline-block;}
.product_albumlist .p_albumlistbox .p_info .name_capacity{margin-left:5px;font-size:14px;color: var(--color-sub);}
.product_albumlist .p_albumlistbox .p_info .name_new, .name_recommend, .name_tax{margin-top:5px;letter-spacing: -0.5px; text-align: center; line-height: 1; padding: 3px 3px;font-size:12px;margin-right: 3px; color: #fff!important;border-radius: 3px;display:inline-block;}
.bubble span{margin-top:5px;letter-spacing: -0.5px; text-align: center; line-height: 1; padding: 3px 3px;font-size:12px;margin-right: 3px;background:#ef8200 ; color: #fff;border-radius: 3px;display:inline-block;}
.bubble .name_tax{background:#3660af !important;border: none!important;}
.bubble .name_new{background:#ef8200 !important;border:none!important;}

.product_albumlist .p_albumlistbox .p_info .name_price .star{position:absolute;left:0px;bottom:0px;font-size:14px}
.product_albumlist .p_albumlistbox .p_info .name_price .star em{font-weight:400;}
.product_albumlist .p_albumlistbox .p_info .name_price .star em:before{content:'| ';color:#ccc;font-size:12px}
.product_albumlist .p_albumlistbox .p_info .name_price{font-size: 18px;display: block;text-align: right;font-weight: 600;margin-top:10px;position:relative;}

.product_albumlist .p_albumlistbox .p_put{display: flex;justify-content: space-between;margin-top:10px;}
.product_albumlist .p_albumlistbox .p_put .p_number{display:flex;justify-content:space-between;border:1px solid #ccc;border-radius: 5px;width: calc(100% - 145px);height: 35px;padding: 5px;}
.product_albumlist .p_albumlistbox .p_put .p_number2{display:flex;justify-content:space-between;border:1px solid #ccc;border-radius: 5px;width: calc(100% - 120px);height: 35px;padding: 5px;}
.product_albumlist .p_albumlistbox .p_put .p_number a{line-height:1.5;display: inline-block;width: 20px;text-align: center;font-size: 18px;}
.product_albumlist .p_albumlistbox .p_put .p_number input[type="text"]{display: inline-block;width: 35px;text-align: center;padding: 0;font-size: 18px;}

.product_albumlist .p_albumlistbox .p_put .estimate_down{display: inline-block;border: 1px solid var(--color-point);width:100px;text-align: center; line-height: 35px;  border-radius: 5px;height: 35px;color: var(--color-point);}
.product_albumlist .p_albumlistbox .p_put .estimate_down2{display: inline-block;border: 1px solid var(--color-point);width:75px;text-align: center; line-height: 35px;  border-radius: 5px;height: 35px;color: var(--color-point);}
/*.product_albumlist .p_albumlistbox .p_put .estimate_down:hover{color:#fff;background:var(--color-point)}*/
.product_albumlist .p_albumlistbox .p_put .p_cart{display: inline-block;border: 1px solid var(--color-point);width: 35px;text-align: center; line-height: 35px;  border-radius: 5px;height: 35px;color: var(--color-point);font-size:20px}
/*.product_albumlist .p_albumlistbox .p_put .estimate_down:hover{background:var(--color-point);color:#fff;}*/
/*.product_albumlist .p_albumlistbox .p_put .estimate_down:focus{background:var(--color-point);color:#fff;}
.product_albumlist .p_albumlistbox .p_put .p_heart {display:inline-block;width: 35px; height: 35px;border: 1px solid #ccc;border-radius: 5px;}
.product_albumlist .p_albumlistbox .p_put .p_heart img{margin: 6px;width: 21px;}
*/
.product_albumlist .p_albumlistbox .p_heart {background-color:#fff;display:block;width:35px; height: 35px;border: 1px solid #ccc;border-radius: 20px;position: absolute;
 position: absolute;right: 10px;bottom: 10px;text-align:center;}
.product_albumlist .p_albumlistbox .p_heart.on i{color:#359d26}
.product_albumlist .p_albumlistbox .p_heart:hover {background-color:#359d26;border: 1px solid #359d26}
.product_albumlist .p_albumlistbox .p_heart:hover i{color:#fff}
.product_albumlist .p_albumlistbox .p_heart.on:hover {background-color:#fff}
.product_albumlist .p_albumlistbox .p_heart.on:hover i{color:#359d26}
.product_albumlist .p_albumlistbox .p_heart i{font-size:20px;color:#999;line-height:35px;}

/******************************** 상품리스트 상세보기형****************************************/

.product_list{margin-top:15px}
.product_list .p_listbox {border-bottom:1px solid #ccc;padding: 10px 0;}
.product_list .p_listbox:last-child{border-bottom:none;padding-bottom:30px;}
.product_list .p_listbox ul{height: 65px;display:grid;grid-template-columns: 18px 60px 1.2fr 1fr 0.8fr 260px;column-gap: 20px;}
.product_list .p_listbox ul li:first-child{margin-top:20px;}
.product_list .p_listbox ul li:nth-child(4){line-height: 20px;}
.product_list .p_listbox input[type="checkbox"] {display: none;}
.product_list .p_listbox input[type="checkbox"] + label {margin: 21px 0;}
.product_list .p_listbox input[type="checkbox"] + label:before {display: inline-block; content:'';width:20px; height: 20px; background:url(/images/member/checked_gray.png) #fff center no-repeat;background-size:12px;border:1px solid #cecfce;cursor: pointer; vertical-align:middle;border-radius:100%;}
.product_list .p_listbox input[type="checkbox"]:checked + label:before {background:url(/images/member/checked.png) var(--color-point) no-repeat center;background-size:12px;border:1px solid var(--color-point)}


.product_list .p_listbox ul li a{display:block;}
.product_list .p_listbox ul li a .imgbox{position:relative;width:60px;border:1px solid #ccc;overflow: hidden;}
.product_list .p_listbox ul li a .imgbox:after{content:'';display:block;padding-bottom:100%;}
.product_list .p_listbox ul li a .imgbox .p_box{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.product_list .p_listbox ul li a .imgbox .p_box img{width:100%; height:100%;}

.product_list .p_listbox ul li a .p_info{}
/** .product_list .p_listbox ul li a .p_info .name_new, .name_recommend, .name_tax{letter-spacing: -0.5px;text-align: center;line-height: 1;padding: 1px 5px;font-size: 13px;margin-right: 3px;border-radius: 5px;} **/

.product_list .p_listbox ul li a .p_info .name_tax{background:#3660af!important;}
.product_list .p_listbox ul li a .p_info .name_new{background:#ef8200!important;border:none!important;color:#fff!important;}
.product_list .p_listbox ul li a .p_info .name_new, .name_recommend, .name_tax{margin-top: 0px;letter-spacing: -0.5px; text-align: center; line-height: 1; padding: 3px 3px;font-size:12px;margin-right: 3px; color: #fff!important;border-radius: 3px;display:inline-block;}

.product_list .p_listbox ul li a .p_info .name_product{font-size:16px;padding: 6px 0;display:inline-block}
.product_list .p_listbox ul li a .p_info .n_medicine{display:inline-block}
.product_list .p_listbox ul li .name_manufacturer{color:#999;font-size:13px}
.product_list .p_listbox ul li .name_capacity{color:var(--color-sub);font-size:13px}

.product_list .p_listbox ul li .name_price{font-size: 18px;font-weight: 600;margin: 22px 0;display: block;text-align: right;}
.product_list .p_listbox ul li .p_put{display: flex;justify-content: space-between;margin: 18px 0;gap:10px}
.product_list .p_listbox ul li .p_put .p_number{display: flex;justify-content: space-between;align-items:center;border:1px solid #ccc;border-radius: 5px;width: calc(100% - 160px);height: 35px;}
.product_list .p_listbox ul li .p_put .p_number a{display: inline-block;width: 30px;text-align: center;font-size: 18px;}
.product_list .p_listbox ul li .p_put .p_number input[type="text"]{display: inline-block;width: calc(100% - 60px);text-align: center;padding: 0;font-size: 18px;}
.product_list .p_listbox ul li .p_put .estimate_down{display: inline-block;border: 1px solid var(--color-point);width: 75px;text-align: center;line-height: 35px;border-radius: 5px;height: 35px;color: var(--color-point);}


.product_list .p_listbox ul li .p_description{height: 55px;line-height:20px;padding-top:15px;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product_list .p_listbox ul li .p_description .p_descriptiontxt{color:#999; text-align:left;}

.product_list .p_listbox ul li .p_put .p_heart {display: inline-block;width: 40px;height: 35px;border: 1px solid #ccc;border-radius: 5px;text-aligN:center;}

.product_list .p_listbox ul li .p_put .p_heart i{font-size:20px;color:#999;line-height:35px;}
.product_list .p_listbox ul li .p_put .p_heart.import1_bgline i{color:var(--color-point);}
.product_list .p_listbox ul li .p_put .p_heart.import1_bgline:hover i{color:var(--color-point);}
.product_list .p_listbox ul li .p_put .p_heart:hover {background-color:#359d26;border: 1px solid #359d26}
.product_list .p_listbox ul li .p_put .p_heart:hover i{color:#fff}
.product_list .p_listbox ul li .p_put .p_heart.on i{color:#359d26}

.product_list .p_listbox ul li .p_put .p_heart.on:hover {background-color:#fff}
.product_list .p_listbox ul li .p_put .p_heart.on:hover i{color:#359d26}





/*********************************** 상품상세보기 inc_product_view *******************************************/
#layer_pop_product {background:rgba(0,0,0,0.6);position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999}
#layer_pop_product .layer_pop_product {width:100%;max-width:935px;margin:auto;position: fixed;left:50%;top:50%;transform:translate(-50%,-50%);height:90vh;background-color:#fff;z-index:2003;border:15px solid #ccc; }
#layer_pop_product .layer_pop_product:after{content:'';display:block;}



#layer_pop_product .bt_close{position: absolute;right:-26px;top:-26px;background-color:#fff;border-radius:100%;width:52px;height:52px;text-align:center;z-index:2004;font-size:42px;line-height:52px;font-weight:bold;border:1px solid var(--color-point);background-color:var(--color-point);color:#fff}
.product_detail {overflow-y:auto;height:86vh;padding:30px;scrollbar-width: thin;} /* -ms-overflow-style: none; scrollbar-width: none; */
.product_detail::-webkit-scrollbar { scrollbar-width: thin;width:8px;background-color:#f2f2f2}
.product_detail::-webkit-scrollbar-thumb {background-color:#ccc}

.product_detail .product_wrap{display:flex; justify-content:space-between;}

.product_detail .product_wrap .l_wrap {width:425px;position: relative;}
.product_detail .product_wrap .l_wrap  .age_icon{position: absolute;left: 10px;top: 10px;}
.age_iconnum1{background:url(/images/icon/age_icon_1.png?v=1);width:65px; height: 65px;background-repeat: no-repeat;background-size: 100%;}
.age_iconnum2{background:url(/images/icon/age_icon_2.png?v=1);width: 65px; height: 65px;background-repeat: no-repeat;background-size: 100%;}
.age_iconnum3{background:url(/images/icon/age_icon_3.png?v=1);width: 65px; height: 65px; background-repeat: no-repeat;background-size: 100%;}
.age_iconnum4{background:url(/images/icon/age_icon_4.png?v=1);width: 65px; height: 65px; background-repeat: no-repeat;background-size: 100%;}
.age_iconnum5{background:url(/images/icon/age_icon_5.png?v=2025);width: 65px; height: 65px; background-repeat: no-repeat;background-size: 100%;}
.age_iconnum6{background:url(/images/icon/age_icon_6.png?v=2025);width: 65px; height: 65px; background-repeat: no-repeat;background-size: 100%;}
.product_deliv{background:url(/images/icon/product_deliv.png);width: 65px; height: 65px; background-repeat: no-repeat;margin-top: 5px;background-size: 100%;}
.product_detail .product_wrap .l_wrap .product_view_img{margin-bottom:10px;height: 425px;}
.product_detail .product_wrap .l_wrap .product_view_img img{width:100%}
.product_detail .product_wrap .l_wrap .product_view_simg {}
.product_detail .product_wrap .l_wrap .product_view_simg > div{display:BLOCK;float:left;width:33.3%}
.product_detail .product_wrap .l_wrap .product_view_simg > div:nth-child(2){text-align:center}
.product_detail .product_wrap .l_wrap .product_view_simg > div:nth-child(3){text-align:right}
.product_detail .product_wrap .l_wrap .product_view_simg:after {clear:both;content:'';display:block}
.product_detail .product_wrap .l_wrap .product_view_simg img{width: 115px;height:115px;margin-bottom:15px;/**border:1px solid #eaeaea**/}
.product_detail .product_wrap .l_wrap .add_view_img p{font-size:18px}
.product_detail .product_wrap .l_wrap .add_view_img {width: calc(20% - 20px);float: left;margin-left: 20px;}

.product_detail .product_wrap .r_wrap {width:calc(100% - 425px);padding-left:25px}

.product_detail .product_wrap .r_review {vertical-align: middle;display: block;padding: 10px 0;}
.product_detail .product_wrap .r_wrap .r_review .review_ic{height: 16px;vertical-align: middle;margin-left: 3px;}
.product_detail .product_wrap .r_wrap .r_review .import{color: red;vertical-align: middle;margin-left: 3px;}

.product_detail .product_wrap .r_wrap .iconbox{border: 2px solid var(--color-point);text-align: center;font-size: 16px;color: var(--color-point);margin-top: 10px;}
.product_detail .product_wrap .r_wrap .iconbox a{display:block;padding: 9px;}



.product_stap {display:flex;margin-bottom:10px;}

.product_stap li{flex:1;border:1px solid #cecfce;border-right:none;}
.product_stap li.on{background-color:#ef8200;border:1px solid #ef8200;}
.product_stap li:last-child{border-right:1px solid #cecfce}
.product_stap li:last-child.on{border-right:1px solid #ef8200}

.product_stap li a{color:#666;display:block;padding:5px;text-align:Center;border-right:none;}
.product_stap li.on a{color:#fff;}

.detail_info {display:none;}
.detail_info.on {display:block;}


.product_detail .product_wrap .r_wrap .title{font-size:30px;padding: 29px 0 10px 0;font-weight:700;}
.product_detail .product_wrap .r_wrap .title i{font-size:14px;}
.product_detail .product_wrap .r_wrap .price{font-size:24px;margin-bottom:20px}
.product_detail .product_wrap .r_wrap .price span{font-size:20px;font-weight:400}
.product_detail .product_wrap .r_wrap ul li{font-size:16px;line-height:2;display:flex;}
.product_detail .product_wrap .r_wrap ul li P{font-size:15px;color:#878787;width:100px;}
.product_detail .product_wrap .r_wrap ul li span{}
.product_detail .choisebx {display:flex;padding:15px 0 0 0}
.product_detail .choisebx select{margin-left:10px}


.product_detail .detail .detail_info strong {display:block;color:#45af36;font-size:16px;padding:5px 0 5px;position:relative;padding-left:10px;}
.product_detail .detail .detail_info strong:before {display:block;width:6px;height:6px;background:#45af36;border-radius:100%;content:'';position:absolute;left:0px;top:15px}
.product_detail .detail .detail_info {color:#888;padding-bottom:15px;border-bottom:1px solid #eaeaea;margin-bottom:15px;line-height:1.8}


.product_detail .select{box-sizing: border-box;height: 40px;width: 100%;padding: 0 10px;line-height: 40px;border: 1px solid #777;background-color: #fff;color: #424242;font-size: 15px;}

.unstable{background: #eee;padding: 10px;margin-top: 20px;border-radius: 10px;}
.unstable .unstable_box{background: #fff;text-align: center;padding: 11px;border-radius: 10px;width: 286px;margin: 9px auto;}
.unstable .unstable_tit{margin-top: 5px;line-height: 20px;font-weight: 600;text-align: center;}
.unstable .unstable_txt{margin-right: 10px;  display: inline-block;}
.unstable .p_quantity{color: #c70000; }


.tap_product {padding:0px 0 60px;position:relative;background-color:#fff;z-index:1;}
.tap_product ul.tapfixd {position:fixed;top:0px;width:calc(100% - 60px);padding-top:30px}
.tap_product ul:after {clear:both;content:'';display:block}
.tap_product ul {background-color:#fff;}
.tap_product li {float:left;width:calc(33.3% + 1px);border:1px solid #cecfce;border-bottom:1px solid var(--color-point);margin-left:-1px;position:relative;}
.tap_product li a{color:#7d7d7d;display:block;line-height:53px;text-align:center}
.tap_product li.on {border:1px solid var(--color-point);border-bottom:1px solid #fff;z-index:3}
.tap_product li.on a{color:var(--color-point)}

.product_detail .button {display:flex;justify-content: space-between;gap:10px;position:relative;}
.product_detail .button a {border-radius: 10px;text-align: center;display:block;line-height:50px;height:50px}
.product_detail .button .restock{background: var(--color-sub);color: #fff;width: calc(50% - 50px);font-size: 18px;}
.product_detail .button .heart {border:2px solid #ccc;font-size:24px;color:#ccc;width:50px;}
.product_detail .button .heart.on {border:2px solid var(--color-point);font-size:24px;color:var(--color-point);width:50px;}
.product_detail .button .cart {background-color:var(--color-point);color:#ffff;font-size:18px;width:calc(100% - 50px);}
.product_detail .button .cart2{background: #DDD;color:#333;    width: calc(60% - 50px);}

.product_detail .total {padding-top: 13px;margin: 10px 0;;margin-bottom:20px;text-align:right;display: flex;justify-content: space-between;}
.product_detail .total .amount{color:#888;font-size:13px;}
.product_detail .total .t_price{font-size:17px;padding-top: 16px;}
.product_detail .total .t_p_n{font-size:30px;font-weight:700;color:var(--color-point);}
.product_detail .total .t_p_n span{font-size:17px;}
.product_detail  .opt_num {border: 1px solid #777;width:110px;display: flex;align-items: center; line-height: 30px;}
.product_detail  .opt_num a{display: inline-block; width: 20px;text-aligN: center;}
.product_detail .opt_num input[type="text"]{text-align: center;font-size: 13px;padding: 0px;height: 30px;line-height: 30px; width: calc(100% - 40px);}

.btn_after {background-color:var(--color-point);color:#fff;width:245px;line-height:35px;display:inline-block;}

.product_albumlist2{margin-top: 30px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px;}
.product_albumlist .p_albumlistbox .p_info .name_product2{width:196px;}

.product_qna li{border-bottom:1px solid #ccc;}
.product_qna li span {color:#888;text-align:center}
.product_qna li span.result{display:block;width:20%;float:left}
.product_qna li a{display:block;color:#888; font-weight:500;line-height:50px;}
/**
.product_qna li a.qnatit {display:flex;justify-content:space-between;color:#333}
.product_qna li a.qnatit span{font-weight:normal;}
**/
.product_qna li a.qnatit {color:#333;line-height:1.4;display:flex;gap:10px;justify-content:space-between;color:#333;padding:15px 15px;align-items:center}
.product_qna li strong.ans1{display:block;width:35px;background-color:#45af36;color:#fff;height:35px;border-radius:100%;text-align:Center;line-height:35px}
.product_qna li strong.ans2{display:block;width:35px;background-color:#f25721;color:#fff;height:35px;border-radius:100%;text-align:Center;line-height:35px}
.product_qna li a.qnatit div{flex:1}
.product_qna li a.qnatit span{position:relative;width:170px;text-align:right;height:35px;}
.product_qna li a.qnatit span em{position:absolute;right:15px;top:0px;font-weight:normal;vertical-align:top;line-height:35px;display:block;font-size:13px;}

.product_qna li span.name{display:block;width:15%;float:left}
.product_qna li span.date{display:block;width:15%;float:left}
.product_qna li:after {clear:both;content:'';display:block}
.product_qna .box{display:none;clear:both;}
.product_qna .over{clear:both;display:flex;gap:10px;justify-content:space-between;align-items:start;background-color:#f7f7f7;line-height:18px;padding:15px;}
.product_qna .over .date{font-size:11px;color:#999;}
.product_qna .over .reply{flex:1}

/**
.product_qna li div .reply{border-top:1px solid #cecfce;padding-top:10px}
**/

.product_after li{border-bottom: 1px dotted #ccc;}
.product_after li dl:after{clear:both;content:'';display:block;}
.product_after li dl{position:relative;}
.product_after li dt{position:absolute;left:0px;top:10px;width:70px;overflow:hidden;}
.product_after li dt img{width:70px;}
.product_after li dd{}
.product_after li dd img{width:100px;}
.product_after li dd strong {color:#888;padding:10px 0 5px 0;display:block}
.product_after li dd p {color:#999;padding-bottom:10px;}
.product_after .box{display:none}
.product_after .over .box{display:block;background-color:#f2f2f2;line-height:1.8;padding:15px;font-weight:normal;}
.product_after .over .box  img{display:block;margin:10px auto;max-width:100%;height:auto;}
.product_after li div{background-color:#f2f2f2; padding: 10px;}

#detail_con1{margin-top:30px;}
#detail_con2, #detail_con3{font-size: 18px;color: #222;margin-top: 50px;clear: both;border-top: 1px solid #ccc;padding:15px 0 10px 0;font-weight: 600;}
.d_con2tit{font-size: 18px;margin-top: 60px;clear: both;font-weight: 600;border: 1px solid #ccc;color:#222;padding: 10px;}
.detail h3{font-size: 18px;color: #222;margin-top: 30px;clear: both;border-top: 1px solid #ccc;padding: 10px 0;}
.stitle { font-size: 14px; color: #999; padding-bottom: 20px;}
.product_after li a dl{clear: both; padding: 15px 0 5px 0;}
.product_after li a dl .result { color: #888;text-align: center; display: block;width: 100px;float: left;border: 1px solid #cecfce;border-radius: 3px;margin-right: 10px;}
.product_qna li a.tit {display: block;width: calc(70% - 100px);padding-left: 10px; float: left; color: #000; font-size: 14px;}
.btn_after {background-color: var(--color-point);color: #fff; width: 245px;line-height: 35px;display: inline-block;}

.d_con2wrap{padding:10px;}
.d_con2wrap p{line-height: 27px;font-size: 15px;color: #666;}
.d_con2wrap strong{color:#222;font-weight:700;font-size:16px;}
/** .d_con2wrap p strong{color:var(--color-sub)} **/
/*********************************** 이용약관 *******************************************/
.company_rule strong{margin: 50px 0 50px;text-align: center;font-size: 36px;font-weight: 600;display:block;}
.company_rule2 p {letter-spacing: 2px}

/*********************************** 회사소개 *******************************************/
.com_title {margin: 50px 0 50px;text-align: center;font-size: 36px;font-weight: 600;}

.com_tap_set {padding-bottom: 15px;position: relative; width:100%; background-color: #fff;z-index: 1;}
.com_tap_set .com_tap_box {display: flex; justify-content:center}

.com_tap_set .com_tap_box  li {color: #ddd;display: block;line-height: 53px;width:300px;text-align: center;padding: 0 18px;background-color: #fff;border:1px solid #ddd;}
.com_tap_set li.on{background:var(--color-point);color:#fff}
.com_tap_set .com_tap_box a {display:block}

.company_intro {text-align:center}
.company_intro h2 {color:#6b9a23;font-size:20px;font-weight:500;border: 2px solid #6b9a23;border-right: none; border-left: none;padding: 10px;width: 300px;margin: 15px auto;}


.company_intro div img {margin:auto} 

.company_intro h3 {font-size: 20px; margin-top: 20px;font-weight:400;padding:0px 0px 20px 0px }
.company_intro h3 span {color:#f29705}
.company_intro div{text-align:center;color: #666;font-size: 15px;line-height:23px}

.company_sign{float: right; margin-top: 10px;}
.company_sign {padding:0px 200px 0px 0px}
.company_sign span{font-size: 15px; color: #666;}
.company_sign img{ vertical-align: text-bottom;}

/*********************************** 연혁 *******************************************/
.company_history {}
.company_history p {margin:5px 0px 0px 15px;}
.company_history p span {font-size:25px; color:#6b9a23;font-weight:600;}

/*********************************** 물음표 *******************************************/
.guidebook{height: 30px;background: var(--color-sub);line-height: 33px;color: #fff;font-weight: 600;font-size: 25px;display: inline-block;width: 30px;}

/*********************************** 친구견적보기 *******************************************/
.webtong_tab_type01 {margin-top: 30px;display: table;width: 100%;table-layout: fixed;border-left: 1px solid #e7e7e7;margin-bottom: 15px;}
.webtong_tab_type01 li {display: table-cell;height: 50px}
.webtong_tab_type01 li a {display: block;position: relative; height: 50px;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #444;line-height: 50px;text-align: center;}
.webtong_tab_type01 li a:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;width: 1px;background: #e6e3df}
.webtong_tab_type01 li.on a, .webtong_tab_type01 li:hover a {border-bottom-color: transparent;border-top: 1px solid #444}
.webtong_tab_type01 li.on a:after, .webtong_tab_type01 li:hover a:after {content: ''; display: block; position: absolute; top: 0; right: 0;bottom: -1px; width: 1px;background: #444}
.webtong_tab_type01 li.on a:before, .webtong_tab_type01 li:hover a:before {content: '';display: block;position: absolute; top: 0;left: 0;bottom: -1px;
 width: 1px; background: #444}

.school_est {padding:25px 0px;}
.school_est input {border:1px solid #cecfce;padding:5px 10px;width:120px;}
.school_est select{border:1px solid #cecfce;padding:5px 10px}




.down_table{margin-top:10px;}
.down_table table tr{height: 35px;}
.down_table table thead tr{font-size:16px; font-weight:500; border-top: 2px solid #aaa; border-bottom:1px solid #888;}
.down_table table tr th{ background: #fafafa;}

.down_table table tr td{ border: 1px solid #888;text-align: center;}
.down_table table tr td:first-child{border-left:none;padding: 5px;}
.down_table table tr td:last-child{border-right:none; }
.down_table table tr .best_total{text-align: end;padding-right: 5px;background: #ffc;}
.down_table table tr .best_put .est_put{display: inline-block;border: 1px solid #666;}
.down_table table tr .best_put .b_heart{background:var(--color-sub2)}
.down_table table tr .best_put a{display: inline-block;width: 25px;height: 25px;background: var(--color-point);border-radius: 5px; color: #fff;line-height: 27px;}

.best_border{display:flex;justify-content: space-between;margin-top:30px;}
.best_border select{border: 1px solid #cecfce;padding: 5px 10px;}
.best_border .best_right a{display:inline-block;height: 32px;line-height: 32px;color: #fff;border-radius: 5px;padding: 0 10px;}
.best_border .best_right .b_choice{background:var(--color-point)}
.best_border .best_right .b_all{background:var(--color-sub)}




/********************************************** 메인 ***********************************************/
#mainbox {padding-top:15px;max-width: var(--width-layout);    margin: auto;display:flex}
#mainbox2 {padding-top:15px;max-width: var(--width-layout);    margin: auto;}
.myprofile2 .myname {background:url('/images/myprofile.png') 5px top no-repeat;padding:10px 0 10px 40px}
.myprofile2 .myname span{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.myprofile2 .myname strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.login_main {display:flex;align-items:center;justify-content:space-around;padding-top:5px}
.login_main .inputbox{width:65%;}
.login_main input{background-color:#e8e8e8;color:#999;width:100%;font-size:14px;height:30px;line-height:30px;}
.login_main input::placeholder{color:#666}
.login_main .loginbtn {background-color:#359d26;border-radius:3px;color:#fff;display:block;line-height:66px;margin-left:5px;width:35%;text-align:center;}
.myprofile2.main  {height:160px;margin-bottom:0px}
.myprofile2.main .checklogin label{display:block;padding:13px 0}
.myprofile2.main .checklogin label input{vertical-align:middle}
.myprofile2.main .findid {font-size:13px;color:#666;padding-top:8px}
.myprofile2.main .findid a:first-child{margin-left:0px;}
.myprofile2.main .findid a{color:#666;margin:0 5px;}
.myprofile2.main .findid a.join{color:#ff841e}



#mainbox2  .guide_top{display:flex;width:100%;gap:15px;}
#mainbox2  .guide_top .guide_l{width: 240px;}
#mainbox2  .guide_top .guide_r {width:calc(100% - 590px);}
#mainbox2  .guide_top .guide_s {width:320px;}
#mainbox2  .guide_r .menuguide{background-color:#f4faf3;padding:10px;font-size:16px;line-height:1.6;height:160px;}
#mainbox2  .guide_r .menuguide dl{padding-bottom:8px;}
#mainbox2  .guide_r .menuguide dl:last-child{padding-bottom:0px}
#mainbox2  .guide_r .menuguide dt{background-color:#76b86c;color:#fff;font-weight:600;width:110px;display:block;text-align:center;box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1);margin-bottom:5px}
#mainbox2  .guide_r .menuguide dd {;font-size:15px}
#mainbox2  .guide_r .menuguide dd a{display:inline-block;color:#666}
#mainbox2  .guide_r .menuguide dd a:hover{color:#222;text-decoration:underline}
#mainbox2  .guide_r .menuguide dd a:after{content:'|';padding:0 5px;color:#666;display:inline-block;}
#mainbox2  .guide_r .menuguide dd a:last-child:after{content:'';padding:0px}

#mainbox .mainlbox {width: calc(100% - 320px); position: relative;  padding-right:15px}
#mainbox .mainrbox {width:320px;    position: relative;    }


.mrbanners {min-height:350px;overflow:hidden}
.mrbanners .mbaner1{font-size:0px;}
.mrbanners .mbaner1 a{display:block;margin-bottom:15px}

.swiper {width: 100%;height: 100%;}

.mainbanner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */        display: -webkit-box;
display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;webkit-align-items: center;align-items: center;}

.mainbanner .swiper-slide img {display: block;width: 100%;height:350px;object-fit: cover;}
.mainbanner .swiper-button-next.swiper-button-disabled, .mainbanner .swiper-button-prev.swiper-button-disabled {opacity:0}
.mainbanner:hover .swiper-button-next.swiper-button-disabled, 	   .mainbanner:hover .swiper-button-prev.swiper-button-disabled {opacity:.35}
.mainbanner:hover .swiper-button-next, .mainbanner:hover .swiper-button-prev{opacity:1;transition:opacity 0.3s;}
.mainbanner .swiper-button-next,.mainbanner .swiper-button-prev{position: absolute;opacity:0;    top: 50%;   
width: calc(var(--swiper-navigation-size)/ 40 * 40);height: var(--swiper-navigation-size);    
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));    z-index: 10; cursor: pointer;    display: flex;    align-items: center;  
justify-content: center;    color: var(--swiper-navigation-color,var(--swiper-theme-color));}

.mainbanner .swiper-pagination {background-color:rgba(212,204,198,63);color:#fff;display:inline-block;width:auto;;padding:0px 15px;border-radius:15px; 
margin:auto;left:10px;font-size:12px; z-index:100 ;text-align:left;bottom:10px;line-height:25px}

.swiper-stop {background-color:rgba(212,204,198,63);color:#fff;display:inline-block;border-radius:5px;display:flex;position:absolute;width:auto;
padding:0px 5px;border-radius:15px;margin:auto;left:70px;font-size:12px; z-index:101 ;
text-align:left;bottom:10px;align-items:center;}

.swiper-stop > a {width: 25px;  height: 25px;    line-height: 25px;    text-align: center;font-size:13px}
.swiper-stop > a > i {vertical-align:middle}


.sblock {color:rgba(255,255,255,0.3) !important;}
.snone {color:#fff  !important;}



.mainbanner .next0:after {background:url('/images/marr_r.png') no-repeat;width:30px;height:49px;background-size:30px;content:''}
.mainbanner .prev0:after {background:url('/images/marr_l.png') no-repeat;width:30px;height:49px;background-size:30px;content:''}
/**
.mainbanner .next0:after {background:url('/images/icon/arr_right.png') no-repeat;width:40px;height:40px;background-size:100%;content:''}
.mainbanner .prev0:after {background:url('/images/icon/arr_left.png') no-repeat;width:40px;height:40px;background-size:100%;content:''}
**/
.mainboard {display:flex;justify-content: space-between;margin-top:15px}
.mainboard > .board {width:calc(50% - 5px);border-radius:5px;overflow:hidden}

.mainboard .tapset ul{display:flex;aling-items:center;}
.mainboard .tapset li:first-child{border-top-left-radius:5px;border-left:1px solid #ccc}
.mainboard .tapset li:last-child{border-top-right-radius:5px;}
.mainboard .tapset.set3 li{width:33.3%}
.mainboard .tapset.set2 li{width:50%}
.mainboard .tapset li{border-right:1px solid #ccc;width:25%;border-top:1px solid #ccc;}
.mainboard .tapset li.on a{background-color:#838383;color:#fff;}
.mainboard .tapset li.on {border-right:1px solid #838383;border-top:1px solid #838383;}
.mainboard .tapset li a{display:block;text-align:center;padding:0 10px;line-height:35px;font-size:13px;letter-spacing:-0.5px}
.mainboard .textbox {position:relative;border:1px solid #ccc;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px;line-height:23px;font-size:14px;height:114px}
.mainboard .textbox li {display:flex;align-items:center;}
.mainboard .textbox li span{display:inline-block;padding:5px 8px;font-size:11px;background-color:#a0a0a0;border-radius:5px;line-height:1;color:#fff}
.mainboard .textbox li a{display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
.mainboard .textbox li a:hover em{text-decoration:underline}


.mainboard .teacher .tapset li{width:20%}
.mainboard .teacher .textbox {display:flex;}
.mainboard .teacher .textbox .imgbox{width:140px;height:90px;}
.mainboard .teacher .textbox .cont{width:calc(100% - 140px);padding-left:10px;}
.mainboard .teacher .textbox li a{display:block;text-overflow: ellipsis;white-space: nowrap;max-width:175px;overflow:hidden}
.mainboard .textbox div.right {position:absolute;right:10px;bottom:0px;}


.main_pro  {border:1px solid #ccc;border-radius:5px;margin-top:15px;position:relative;}
.main_pro .mttitle {border-bottom:1px solid #ccc;display:flex;justify-content:space-between;line-height:50px;padding:0 20px;}
.main_pro .mttitle h3{font-size:21px;background:url('/images/orange0.png') left center no-repeat;padding-left:35px;display:block;;line-height:50px;padding-top:5px}
.main_pro .mttitle.mtitle1 h3{font-size:21px;background:url('/images/orange1.png') left center no-repeat;padding-left:35px;display:block;;line-height:50px;padding-top:5px}
.main_pro .mttitle h3:hover{color:#ef8200;}
.main_pro .mttitle h3:hover em{color:#1b1b20;}
.main_pro .mttitle h3:hover em .helpon{color:#1b1b20;}

.main_pro .mttitle h3 {position:relative;}
.main_pro .mttitle h3 em {position:relative;display:inline-block;background:url('/images/icon/icon_help.png') right center no-repeat;margin-left:10px;background-size:18px;padding-right:22px;font-size:14px;color:#1b1b1b;vertical-align:middle;font-weight:normal;}
.main_pro .mttitle h3 .popup{display:none;}
.main_pro .mttitle h3 .popup.on{display:block;position:absolute;white-space:nowrap;left:120px;bottom:-40px;background-color:#fff; color:#333; padding:10px ;white-space:nowrap;border:1px solid #cecfce;font-size:14px;line-height:1.4;z-index:5}

.main_pro .mttitle.mttitle2 h3{font-size:21px;background:url('/images/orange2.png') left center no-repeat;padding-left:35px;display:block;;line-height:50px;padding-top:5px}

.main_pro .mttitle .tapset {padding-top:5px}
.main_pro .mttitle .tapset a{font-size:18px;}
.main_pro .mttitle .tapset a:hover{text-decoration:underline}
.main_pro .mttitle .tapset a.on{color:var(--color-sub);text-decoration:underline}
.main_pro .mttitle .tapset a:after{content:'|';padding:0 10px;color:#666;display:inline-block;}
.main_pro .mttitle .tapset a:last-child:after{content:'';padding:0px}

.main_pro .mproduct {padding:20px 40px 0 40px;position:relative;}
.main_pro .mproduct .swiper-slide .imgbox {position:relative;font-size:0px;width:134.59px;height:134.59px;}
.main_pro .mproduct .swiper-slide .imgbox img{width:132.58px;height:132.58px;border:1px solid #ddd;}

.main_pro .mproduct .swiper-slide .imgbox em{background-color:var(--color-sub);color:#fff;font-size:12px;display:inline-block;
width:18px;height:18px;text-aligN:center;line-height:18px;border-bottom-right-radius:5px;position:absolute;left:0px;top:0px;}
.main_pro .mproduct .swiper-slide:hover .imgbox img{border:2px solid var(--color-sub);}

.main_pro .swiper-button-next:after {background:url('/images/icon/arr_right.png') center bottom no-repeat;width:27px;height:27px;background-size:100%;content:''}
.main_pro .swiper-button-prev:after {background:url('/images/icon/arr_left.png') center bottom  no-repeat;width:27px;height:27px;background-size:100%;content:''}

.main_pro .mproduct .txtbox {padding-bottom:15px;padding-top:3px}
.main_pro .mproduct .txtbox strong{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_pro .mproduct .txtbox span{font-size:13px;color:#999}


.main_wishzim {height:160px;position:relative;}
.main_wishzim h3 {display:flex;align-items:center;font-size:18px;font-weight:normal;margin-bottom:15px;}
.main_wishzim h3:hover{color:#ef8200}
.main_wishzim .heart { width: 18px;    height: 18px;       text-align: center;font-size: 17px;    color: #999;    font-weight:400;margin-right:2px}
.main_wishzim .heart img {}
.main_wishzim .pd30 {padding:0 30px}
.main_wishzim .mwish_slider {overflow:hidden;}
.main_wishzim .swiper-button-prev {left:0px}
.main_wishzim .swiper-button-next {right:0px}
.main_wishzim .swiper-button-next:after {background:url('/images/icon/arr_right.png') center bottom no-repeat;width:20px;height:20px;background-size:20px;content:''}
.main_wishzim .swiper-button-prev:after {background:url('/images/icon/arr_left.png') center bottom  no-repeat;width:20px;height:20px;background-size:20px;content:''}


.rmain_board {border:1px solid #ccc;padding:15px 10px;border-radius:5px;margin-top:15px}
.rmain_board h3 {background:url('/images/popup_icon.png') left 0px no-repeat;background-size:22px;font-size:11px;position:relative;border-bottom:1px solid #ccc;padding:1px 5px 10px 25px;letter-spacing:-0.5px;font-weight:500}
.rmain_board h3 a{position:absolute;right:10px;top:0px;}
.rmain_board h3 em{font-size:18px;}
.rmain_board .cont {display:flex;font-size:12px;margin-top:10px;justify-content:space-between}
.rmain_board .cont a{width:92px}
.rmain_board .cont .date{color:var(--color-sub);}
.rmain_board .kakaochannel {display:flex;align-items:center;padding:15px 0 0 0;justify-content:space-between;}
.rmain_board .list {padding:8px 0 0}
.rmain_board .list li {display:flex;align-items:center}
.rmain_board .list li a{display:block;width:calc(100% - 22px);overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height:24px;}
.rmain_board .list li a:hover em{text-decoration:underline}

.mside_banner {font-size:0px}
.mside_banner > img{margin-top:15px}
.mside_banner > div img{width:320px;}



.goallest  {position:relative;text-indent:-9999px}
.goallest:after{content:'주문하기';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:100%;text-aligN:center;color:#fff;text-indent:0px}
.goallest:hover:after  {content:'모든견적보기로 이동'}





.headfixed  {position:relative;overflow-x:hidden}
.headfixed thead {position: sticky;    top:-1px;}
.headfixed tbody {padding-top:43px}





/************* 커뮤니티 업데이트 25.07.23 ***********************/
.right_box2 {margin-bottom:15px;}
.comm_tap ul {display:flex;gap:8px}
.comm_tap li a {display:block;padding:8px 25px;color:#222;border:1px solid #222;border-radius:25px}
.comm_tap li.active a {background:#222;color:#fff}

.comm_box {padding-top:15px}
.comm_box ul {margin-left:-15px;}
.comm_box ul:after {clear:both;content:'';display:block;}
.comm_box ul li {float:left;width:calc(25% - 15px);margin-left:15px;}
.comm_box ul li .imgbox{position:relative;height:160px;overflow:hidden;border-radius:10px;}
.comm_box ul li .imgbox img{position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:250%;max-height:250%;width:auto;height:auto;}
.comm_box ul li .txt {font-size:16px;padding:5px 0;word-wrap:normal;word-break:break-all}
.comm_box ul li .txt a{word-wrap:inherit;word-break:inherit}
.comm_box ul li .date {font-size:13px;color:#999}
.comm_box ul li .date span.import1:after {display:inline-block;content:'ㆍ';width:10px;text-align:Center;color:#999}

.comm_box li .txt a.filedown {transition: none;display:inline-block;font-size: 15px;;cursor:pointer;margin-left:0px;}
.comm_box li .txt .recomm{background:url('/images/icon/icon_recomm.png') left center no-repeat;background-size:14px;;color:#42b032;display:inline-block;padding-left:15px;width:40px;white-space:nowrap;}
.comm_box li .txt .icon{display:inline-block;width:14px;vertical-align:middle;margin:0 2px}



 /**
.comm_box ul li:hover .imgbox:after{content:'';display:block;background-color:var(--color-point);width:100%;height:100%;opacity:0.3} border:5px solid var(--color-point) **/

.comm_box ul li:hover .imgbox img{transform: translate(-50%, -50%) scale(1.1) ;transition: transform 0.3s ease;}
.comm_box ul li:hover a .txt{color:var(--color-point)}

.arrowbox {display:flex;gap:15px;border-top:1px solid #ebebeb;padding:15px 0;align-items: center;justify-content: center;margin-top:15px;color:#888;font-weight:400}
.arrowbox em{color:#333;font-weight:600}

.commu_tap2 {display:flex;justify-content: space-between;align-items: center;padding-top:35px}


.commu_tap2 .htitle{font-size:18px;font-weight:700;display:flex;align-items: center;gap:5px}
.commu_tap2 .htitle:hover{color:var(--color-point2)}
.commu_tap2 .htitle:Before{content:'';display:block;background: url(/images/icon/comm_icon1.jpg) center no-repeat;    width: 60px;    height: 60px;    }
.commu_tap2.picon1 .htitle:Before{background: url(/images/icon/comm_icon1.png) center no-repeat; }
.commu_tap2.picon2 .htitle:Before{background: url(/images/icon/comm_icon1.png) center no-repeat; }
.commu_tap2.ticon1 .htitle:Before{background: url(/images/icon/pcomm_icon1.png) center no-repeat; }
.commu_tap2.ticon2 .htitle:Before{background: url(/images/icon/pcomm_icon2.png) center no-repeat; }
.commu_tap2.hicon1 .htitle:Before{background: url(/images/icon/pcomm_icon4.png) center no-repeat; }
.commu_tap2.hicon2 .htitle:Before{background: url(/images/icon/pcomm_icon3.png) center no-repeat; }

.commu_tap2 ul{display:flex;gap:10px}
.commu_tap2 ul li{}
.commu_tap2 ul li a{display:block;border:1px solid #cecfce;border-radius:25px;padding:8px 25px}
.commu_tap2 ul li.active a{background-color:var(--color-point_light);color:var(--color-point2);}

.commu_list2  {padding-top:15px;HEIGHT:285PX}
.commu_list2 ul {margin-left:-15px;}
.commu_list2 li {float:left;width:calc(50% - 15px);display:block;margin-left:15px;margin-bottom:15px}
.commu_list2 li .box{display:flex;}
.commu_list2 li .box .title{width:55%;padding-right:15px;font-size:16px;}
.commu_list2 li .box .imgbox{width:45%;height:120px;overflow:hidden;border-radius:10px;position:relative;}
.commu_list2 li .box .imgbox img{min-height:100%;width:auto;min-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:250%;max-height:250%}
.commu_list2 ul:after {clear:Both;content:'';display:block}

.commu_list2 li .title .recomm{background:url('/images/icon/icon_recomm.png') left center no-repeat;background-size:14px;;color:#42b032;display:inline-block;padding-left:15px;margin-left:5px}
.commu_list2 li .title .icon{width:14px;vertical-align:middle;margin:0 2px}
.commu_list2 li .title .desc{font-size:14px;line-height:1.6;padding-top:10px;color:#999}
.commu_list2 li .title .desc em{color:#666}




.commu_list3  {padding-top:15px;height:190px}
.commu_list3 ul {margin-left:-15px;}
.commu_list3 li {display:block;padding-left:15px}
.commu_list3 li .box{}
.commu_list3 li .box .title{font-size:16px;display:inline-block;padding:5px}
.commu_list3 ul:after {clear:Both;content:'';display:block}

.commu_list3 li .box .recomm{background:url('/images/icon/icon_recomm.png') left center no-repeat;background-size:14px;;color:#42b032;display:inline-block;padding-left:15px;margin-left:5px}
.commu_list3 li .box .icon{width:14px;vertical-align:middle;margin:0 2px}
.commu_list3 li .box .desc{font-size:14px;line-height:1.6;padding-top:10px;color:#999}
.commu_list3 li .box .desc em{color:#666}



.comm_tap3 {clear:both;content:'';display:block}
.comm_tap3 ul {display:flex;gap:8px;padding:25px 0 5px}
.comm_tap3 li a {display:block;padding:5px 16px;color:#666;border:1px solid #999;border-radius:25px}
.comm_tap3 li.active a {background:var(--color-point);border:1px solid var(--color-point);color:#fff}






/** 플라자메인 **/
.right_box2 .comm_cont .comm_tit a p{display:inline-flex; align-items:center;}
.right_box2 .comm_cont .comm_tit a p span{font-size:14px;}
.right_box2 .comm_cont .comm_tit a p.orangebg1:before{display:inline-block;content:'';background:url('/images/icon/comm_icon1.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg2:before{display:inline-block;content:'';background:url('/images/icon/comm_icon2.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg3:before{display:inline-block;content:'';background:url('/images/icon/comm_icon3.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg4:before{display:inline-block;content:'';background:url('/images/icon/comm_icon4.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg5:before{display:inline-block;content:'';background:url('/images/icon/comm_icon5.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg6:before{display:inline-block;content:'';background:url('/images/icon/comm_icon6.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg7:before{display:inline-block;content:'';background:url('/images/icon/comm_icon7.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg8:before{display:inline-block;content:'';background:url('/images/icon/comm_icon8.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg9:before{display:inline-block;content:'';background:url('/images/icon/comm_icon9.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}

.right_box2 .comm_cont .comm_tit a p.orangebg10:before{display:inline-block;content:'';background:url('/images/icon/comm_icon4.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.orangebg11:before{display:inline-block;content:'';background:url('/images/icon/comm_icon7.jpg') center no-repeat;width:60px;height:60px; margin-right:5px;}

.right_box2 .comm_cont .comm_tit a p.torangebg1:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon1.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.torangebg2:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon2.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.torangebg3:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon3.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.torangebg4:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon4.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.torangebg5:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon5.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.torangebg6:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon6.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.torangebg7:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon7.png') center no-repeat;width:60px;height:60px; margin-right:5px;}
.right_box2 .comm_cont .comm_tit a p.torangebg8:before{display:inline-block;content:'';background:url('/images/icon/pcomm_icon8.png') center no-repeat;width:60px;height:60px; margin-right:5px;}


.right_box2 .comm_cont .comm_tit a{font-size:22px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; padding-bottom:5px; margin-bottom:5px}
.right_box2 .comm_cont .comm_tit a span.more{background:url('/images/board_more.gif') no-repeat;width:50px;height:21px;display:inline-block;}
.right_box2 .comm_cont .comm_tit a i{font-size:28px;color:#666;}
.right_box2 .comm_cont .comm_tit a:hover{color:var(--color-point)}

.right_box2 .comm_cont .comm_txt{display:flex; align-items:center;position: relative;
width:100%; margin-top:0px;justify-content: space-between;line-height:2.4}
.right_box2 .comm_cont .comm_txt p{display:block;width:calc(100% - 240px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.right_box2 .comm_cont .comm_txt p.ttt{width:100%;}
.right_box2 .comm_cont .comm_txt .gubun{color:#999;font-size:12px;width:120px;text-align:center}
.right_box2 .comm_cont .comm_txt .date{color:#999;font-size:12px;width:120px;text-align:center}
.right_box2 .comm_cont .comm_txt .round{border: 1px solid var(--color-point); border-radius:15px; width:50px; line-height:28px;text-align:center; color:var(--color-point);font-size:14px; margin-right:10px}
.right_box2 .comm_cont .comm_txt .round.end{border: 1px solid #888;  color:#888;}
.right_box2 .comm_cont .comm_txt .txt_sub{font-size:16px;width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding-right:50px}
.right_box2 .comm_cont .comm_txt .c_new{font-size:13px; color:#bbb; position: absolute; right:0}



.swiper-button-next svg, .swiper-button-prev svg{display:none}