/* BASIC css start */
.item_cont.empty { display:none !important } 
.item-cont.empty { display:none !important } 

/* ¸ÞÀÎ ºñÁÖ¾ó */
.main_visu { width: 100%; position:relative } 
.main_visu .swiper { position:relative } 
.main_visu .swiper ul { } 
.main_visu .swiper ul li { } 
.main_visu .swiper ul li a { display: block; } 
.main_visu .swiper ul li a img { width:100% } 

.main_visu .swiper-pagination { position: absolute; right:25px !important; width: 55px !important; text-align: center !important; bottom: 25px !important; background-color:rgba(255,255,255,.1); padding:8px 14px; border-radius:20px } 
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { left:unset !important } 
.swiper-pagination { color:#000 } 
.swiper-pagination-current { font-weight:400; color:#fff } 

.link_connect {padding: 45px 10px 0;} 
.link_connect ul {width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;} 
.link_connect ul li {display: inline-block;width: 24%;text-align: center;margin-bottom: 10px;} 
.link_connect ul li a {color: #000;font-size: 15px;font-family: 'Noto Sans KR', sans-serif;} 
.link_connect ul li a span {position:relative;display: block;border: 0;border-radius: 7px;width: 100%;height: 73px;box-sizing: border-box;text-align: center;margin: 0 auto 12px;} 
.link_connect ul li a span img { position: absolute; display: block; width: 78%; top: 50%; left: 50%; transform: translate(-50%, -50%); } 


/*¼½¼Ç °øÅë*/
section h2 { font-family: 'Noto Sans KR', sans-serif; font-size: 23px; color: #000; font-weight: 600; margin-bottom:10px; line-height:1.2 } 
section h2 span { font-size:25px; color:#000 } 
section h2 a {width:19px;height:19px;float:right;display:block;margin-top: 7px;} 
section h2 img { width:100% } 
section .p_subTitle {font-size:14px;color:#888;font-family: 'Noto Sans KR', sans-serif;margin: 15px 0;padding: 0 20px;} 
section .p_subTitle a { width:19px; height:19px; float:right; display:block } 
section .p_subTitle a img { width:100% } 

/* ¼½¼Ç1 */
#sec1 { padding: 20px; margin-top:30px } 
#sec1 .item_list { width:calc(50% - 25px) !important; margin-right:14px; } 
#sec1 .swiper { height:auto !important } 
#sec1 .p_subTitle {margin-bottom:30px;padding: 0;} 
#sec1 .p_subTitle a { width:19px; height:19px; float:right; display:block } 
#sec1 .p_subTitle a img { width:100% } 
#sec1 .item-cont {width:100%;display:flex;flex-wrap: wrap;padding: 0;} 
#sec1 .item_list {width: 48% !important;float:left;margin-right: 3.5%;} 
#sec1 .item_list:nth-child(2n) { margin-right:0 !important } 
#sec1 .item_list .info { padding: 12px 0 25px !important; } 
#sec1 .item_list .info .prdname { font-size:12px !important } 
#sec1 .item_list .info .prdprice .price { font-weight:600 !important; font-size:13px } 
#sec1 .swiper-pagination {left: 50% !important; bottom:0 !important;}
#sec1 .swiper-pagination-bullet { background-color:#555 !important } 

/* ¼½¼Ç2 */
#sec2 h2 { padding:20px; } 
#sec2 .sec2_banner { width:100% } 
#sec2 .sec2_banner ul { width:100% } 
#sec2 .sec2_banner ul li { width:100% } 
#sec2 .sec2_banner ul li a { display:block; width:100% } 
#sec2 .sec2_banner ul li a img { width:100% } 

/* ¼½¼Ç3 
#sec3 { padding:20px; margin-top:40px } 
#sec3 .item_list { width:calc((100% - 20px) / 2) !important; position:relative; margin-bottom:20px } 
#sec3 .item_list:nth-child(odd) { margin-right:20px } 
#sec3 .item_list .info { position: absolute; left:0; bottom:0; width:100%; height:auto; padding:15px 17px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5)); } 
#sec3 .item_list .info .prdname { color:#fff } 
#sec3 .item_list .info .price { color:#fff } 
#sec3 .item_list .info .price .dc_per{color:#fff}
#sec3 .item_list .info .price .normal{color:#fff}
#sec3 .item_list .info .price .consumer{color:#fff}*/

#sec3 { margin-top:30px; border-bottom:1px solid #eee; padding-bottom:30px } 
#sec3 h2 { padding:0 20px } 
#sec3 .sec3_cate { margin:25px 0 10px; padding: 0 20px } 
#sec3 .sec3_cate ul { display:flex; justify-content:space-between; width:95% } 
#sec3 .sec3_cate ul li { display: inline-block; } 
#sec3 .sec3_cate ul li a { font-family: 'Noto Sans KR', sans-serif; color: #888; padding-bottom:4px; font-size:14.5px } 
#sec3 .sec3_cate ul li.on>a { border-bottom: 2px solid #000; color: #000; font-weight:700 } 
#sec3 .sec3_cate>a { float: right; } 
#sec3 .sec3_prd>div { display: none; position:relative } 
#sec3 .sec3_prd>div.show { display: block; } 
#sec3 .item-cont { width:100%; display:flex; flex-wrap: wrap; padding:20px } 
#sec3 .item_list {width: 48% !important;float:left;margin-right: 3.5%;} 
#sec3 .item_list:nth-child(2n) { margin-right:0 !important } 
#sec3 .item_list .info { padding: 12px 0 25px !important; } 
#sec3 .item_list .info .prdname { font-size:12px !important } 
#sec3 .item_list .info .prdprice .price { font-weight:600 !important; font-size:13px } 
#sec3 .swiper-pagination-bullet { background-color:#555 !important } 


/* sec4 */
#sec4 { margin-top:30px; border-bottom:1px solid #eee; padding-bottom:30px } 
#sec4 h2 { padding:0 20px } 
#sec4 .sec4_cate { margin:25px 0 10px; padding: 0 20px } 
#sec4 .sec4_cate ul { display:flex; justify-content:space-between; width:95% } 
#sec4 .sec4_cate ul li { display: inline-block; } 
#sec4 .sec4_cate ul li a { font-family: 'Noto Sans KR', sans-serif; color: #888; padding-bottom:4px; font-size:14.5px } 
#sec4 .sec4_cate ul li.on>a { border-bottom: 2px solid #000; color: #000; font-weight:700 } 
#sec4 .sec4_cate>a { float: right; } 
#sec4 .sec4_prd>div { display: none; position:relative } 
#sec4 .sec4_prd>div.show { display: block; } 
#sec4 .item-cont { width:100%; display:flex; flex-wrap: wrap; padding:20px } 
#sec4 .item_list {width: 48% !important;float:left;margin-right: 3.5%;} 
#sec4 .item_list:nth-child(2n) { margin-right:0 !important } 
#sec4 .item_list .info { padding: 12px 0 25px !important; } 
#sec4 .item_list .info .prdname { font-size:12px !important } 
#sec4 .item_list .info .prdprice .price { font-weight:600 !important; font-size:13px } 
#sec4 .swiper-pagination-bullet { background-color:#555 !important } 

/* sec5 */
#sec5 { padding:40px 20px; } 
#sec5 h2 a { float: right; } 
#sec5 h2 { margin-bottom:30px } 
#sec5 .sec5_banner ul { width: 100%; height:auto; display:flex; justify-content:space-between; flex-wrap:wrap } 
#sec5 .sec5_banner ul li { width:48.5%; display:inline-block } 
#sec5 .sec5_banner ul li:first-child { width:100% !important } 
#sec5 .sec5_banner a { display: block; width:100% } 
#sec5 .sec5_banner a img { width:100% } 
#sec5 .sec5_banner .ban_txt { padding: 20px 0; } 
#sec5 .sec5_banner .ban_txt p { } 
#sec5 .sec5_banner .ban_txt p.tit { margin-bottom:7px; color: #222; font-size: 17px; font-family: 'Noto Sans KR', sans-serif; } 
#sec5 .sec5_banner .ban_txt p.period { color: #888; font-size: 13px; font-family: 'Red Hat Display', sans-serif; } 

/* sec6 */
#sec6 { padding:20px; margin-top:40px } 
#sec6 .item_cont { width: 100%; height:auto; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:50px } 
#sec6 .item_list { width:calc((100% - 20px) / 3) !important; position:relative; } 
#sec6 .item_list:first-child { width:100% !important; margin-bottom:10px } 
#sec6 .item_list:first-child .info { display:block !important } 
#sec6 .item_list .info { display:none; position: absolute; left:0; bottom:0; width:100%; height:auto; padding:15px 17px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5)); } 
#sec6 .item_list .info .prdname { color:#fff } 
#sec6 .item_list .info .price { color:#fff } 
#sec6 .swiper-pagination-bullet { background-color:#555 !important } 

/* sec7 */
#sec7 { position: relative; width: 100%; height: auto; } 
#sec7 img { width: 100%; } 
#sec7 .sec7_textArea { position: absolute; left: 0; top: 0; width: 100%; height: 100%;; display:flex; justify-content: center; flex-direction:column; align-items:center } 
#sec7 .sec7_textArea h3 { text-align: center; font-family: 'Noto Sans KR', sans-serif; color: #222; font-size: 21px; font-weight: 400; } 
#sec7 .sec7_textArea a { display:inline-block; border: 1px solid; text-align: center; color: #666; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; padding:10px 20px; margin-top:14px } 

/* sec8 */
#sec8 { padding:20px; margin:40px 0 } 
#sec8 .sec_inner { } 
#sec8 h2 { } 
#sec8 h2 a { float: right; } 
#sec8 .sec8_mag { margin-top:30px } 
#sec8 .sec8_mag ul { } 
#sec8 .sec8_mag ul li { width:80%; } 
#sec8 .sec8_mag ul li .pic { width:100% } 
#sec8 .sec8_mag ul li .pic a { display:block; width:100% } 
#sec8 .sec8_mag ul li .pic a img { width:100% } 
#sec8 .sec8_mag ul li .article { width: 100%; } 
#sec8 .sec8_mag ul li .article h4 { color: #222; font-size: 17px; font-family: 'Noto Sans KR', sans-serif; padding: 20px 0 14px; font-weight: 400; } 
#sec8 .sec8_mag ul li .article p { color: #888; font-size: 12.3px; font-family: 'Noto Sans KR', sans-serif; font-weight:200; width:90% } 

/* sec9 */
#sec9 { position:relative; padding:20px; margin:40px 0 } 
#sec9 h2 { margin-bottom:12px; } 
#sec9 h3 { font-size:14px; font-weight:500; color:#888; margin-bottom:15px; } 
#sec9 #sec9_swiper { padding-bottom: 24px; } 
#sec9 .pic { position:relative; margin-bottom: 10px; } 
#sec9 .pic img { width:100%; } 
#sec9 .article h4 {display:none; margin-bottom: 5px; } 
#sec9 .article p {display:none; font-size:14px; font-weight:400; } 
#sec9 .article p b { font-size:18px; font-weight:700; margin-right:8px; } 
#sec9 .swiper-pagination { bottom: 0 !important; top: auto !important; background: #ececec; height: 2px; } 
#sec9 .swiper-pagination .swiper-pagination-progressbar-fill { background: #111; } 


/* sec10 */
#sec10 { position:relative; padding:20px; margin:40px 0 } 
#sec10 h2 { margin-bottom:12px; } 
#sec10 #sec10_swiper { padding-bottom: 24px; } 
#sec10 .pic { position:relative; margin-bottom: 10px; } 
#sec10 .pic img { width:100%; } 
#sec10 .swiper-pagination { bottom: 0 !important; top: auto !important; background: #ececec; height: 2px; } 
#sec10 .swiper-pagination .swiper-pagination-progressbar-fill { background: #111; } 

#sec11 { padding: 20px; margin-top:30px } 
#sec11 .item_list { width:calc(50% - 25px) !important; margin-right:14px; } 
#sec11 .swiper { height:auto !important } 
#sec11 .p_subTitle {margin-bottom:30px;padding: 0;} 
#sec11 .p_subTitle a { width:19px; height:19px; float:right; display:block } 
#sec11 .p_subTitle a img { width:100% } 
#sec11 .item-cont {width:100%;display:flex;flex-wrap: wrap;padding: 0;} 
#sec11 .item_list {width: 48% !important;float:left;margin-right: 3.5%;} 
#sec11 .item_list:nth-child(2n) { margin-right:0 !important } 
#sec11 .item_list .info { padding: 12px 0 25px !important; } 
#sec11 .item_list .info .prdname { font-size:12px !important } 
#sec11 .item_list .info .prdprice .price { font-weight:600 !important; font-size:13px } 
#sec11 .item-cont{flex-wrap: wrap !important;}

/* BASIC css end */