/**/
.skin09 .principal_con {margin-top:15px;}
.skin09 .principal_con .post_top {margin-top:0}

/*서브 가로값*/
.skin09 .width_v {width:1440px;}

/*모바일 페이지 메뉴*/
.skin09 .page_location {display:none;}

/*ect메뉴*/
.skin09 .etc {border:1px solid #ddd; border-radius:20px; padding:20px; line-height:26px;}

/*텍스트스타일*/
.skin09 .principal_con h4 {font-size:23px; font-weight:700; color:#111111; margin-bottom:25px; line-height:34px; margin-top:40px;}
.skin09 .principal_con h4:nth-of-type(1) {margin-top:0;}
.skin09 .principal_con h4::before {position:relative; top:1px; content:""; display:inline-block; min-width:22px; height:17px; background:url("../images/ic/h4_icon.png") left center no-repeat; margin-right:6px;}
.skin09 .principal_con h5 {font-size:20px; font-weight:600; color:#333; margin-left:10px; margin-bottom:25px; line-height:32px;}
.skin09 .principal_con h5::before {position:relative; top:-2px; content:""; display:inline-block; min-width:16px; height:10px; background:url("../images/ic/h5_icon.png") left center no-repeat; margin-right:6px;}
.skin09 .principal_con h6 {font-size:18px; font-weight:550;  color:#555555; margin-left:25px; margin-bottom:25px; line-height:28px;}
.skin09 .principal_con h6::before {position:relative; top:-5px; content:""; display:inline-block; min-width:5px; height:2px; margin-right:6px; background-color:#25a8d9; background-position:left center; }

/*페이징*/
.skin09 .paging {display:flex; justify-content:center;}
.skin09 .paging ul {display:flex;}
.skin09 .paging ul li {margin:0 2px;}
.skin09 .paging ul li.next i,
.skin09 .paging ul li.nnext i,
.skin09 .paging ul li.pprev i,
.skin09 .paging ul li.prev i {margin:0;}
.skin09 .paging ul li.on a {background-color:var(--bg-color); color:var(--y-txt-color); border-color:var(--line-color);}
.skin09 .paging ul li a {display:flex; justify-content:center; align-items:center; border:1px solid #d5d5d5; width:30px; height:30px; line-height:30px; font-size:14px; color:#777;}
.skin09 .paging ul li.pprev a i,
.skin09 .paging ul li.nnext a i {position:relative; right:5px;letter-spacing:-10px; font-weight:bold;}

/*서브비주얼*/
.skin09 .top_visual {position:relative; width:100%; height:450px; background-color:#555; background-size:initial; background-repeat:no-repeat; background-position:center top; transition:0.5s; background-attachment:fixed;}
.skin09 .top_txt {position:relative; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; height:100%;  margin:0 auto; }
.skin09 .top_txt h2 {position:relative; top:30px; width:100%; color:#fff; font-size:56px; text-align:center; font-weight:600; text-shadow:0 0 10px rgba(0,0,0,1);}
.skin09 .top_txt p {width:100%; color:#fff; font-size:18px; text-align:center; margin-top:20px; opacity:0.8;}
.skin09 .sub_location {position:relative; top:30px; display:flex; justify-content:center; margin:30px 0 0 0; width:1440px; flex-wrap:wrap; line-height:20px;}
.skin09 .sub_location li {display:flex; align-items:center; color:#fff; font-size:15px; font-weight:500;}
.skin09 .sub_location li::after {content:">"; margin:0 10px;}
.skin09 .sub_location li:last-child::after {display:none;}
.skin09 .sub_location li a {display:flex; align-items:center; color:#fff;}
.skin09 .sub_location li i {vertical-align:middle; margin-right:3px;}

/*서브컨텐츠*/
.skin09 .content h3 {width:100%; font-size:32px; text-align:left; font-weight:650; padding-bottom:30px; color:#222; border-bottom:1px solid #ccc; margin-bottom:30px;}
.skin09.t_menu .content {margin:50px auto 100px auto; }
.skin09.l_menu .content {margin:45px auto 100px auto; }

/*서브 top 메뉴*/
.skin09.t_menu .top_menu {background:#f4f4f4; border-bottom:1px solid #e4e4e4;}
.skin09.t_menu .top_menu ul {display:flex; align-items:center; gap:0px; flex-wrap:wrap; justify-content:center; border-bottom:0; margin:0px auto 0 auto; }
.skin09.t_menu .top_menu ul li {min-width:10%; border-left:1px solid #e4e4e4; text-align:center; background:#fff;}
.skin09.t_menu .top_menu ul li:last-child {border-right:1px solid #e4e4e4;}
.skin09.t_menu .top_menu ul li a {display:block; padding:20px 10px; font-size:18px; }
.skin09.t_menu .top_menu ul li.on {position:relative; background-color:var(--bg-color); border-color:var(--line-color);}
.skin09.t_menu .top_menu ul li.on a {position:relative; top:-5px; color:var(--y-txt-color);}
.skin09.t_menu .top_menu ul li.on::before {content:""; position:absolute; left:0; top:-10px; display:block; width:100%; height:10px; background-color:var(--bg-color); border-radius:10px 10px 0 0;}

/*서브 left 메뉴*/
.skin09.l_menu .content {display:flex;} 
.skin09.l_menu .left_menu {width:220px; min-width:220px; margin-right:5%; margin-top:0px;}
.skin09.l_menu .left_menu .title {display:flex; justify-content:left; align-items:center; width:100%; height:70px; font-size:24px; font-weight:700; color:var(--menu-txt-color); ; border-bottom:3px solid; border-bottom-color:var(--bg-color); margin-bottom:5px; }
.skin09.l_menu .left_menu nav ul {width:100%; background:#fff; margin-bottom:10px;}
.skin09.l_menu .left_menu nav ul li {}
.skin09.l_menu .left_menu nav ul li a {position:relative; display:block; font-size:17px; color:#555; line-height:65px;  font-weight:500; border-bottom:1px solid #ddd; padding-left:5px;}
.skin09.l_menu .left_menu nav ul li a::before {position:relative; content:""; display:inline-block; width:7px; height:3px; background-color:transparent; top:-5px; left:0; margin-right:8px;}
.skin09.l_menu .left_menu nav ul li:last-child a {border-bottom:0;}
.skin09.l_menu .left_menu nav ul li a span {display:none;}
.skin09.l_menu .left_menu nav ul li.on a::before {background-color:#222; }
.skin09.l_menu .left_menu nav ul li.on a span {position:absolute; right:0; top:50%; transform:translate(0, -50%); display:inline-block; width:16px; height:16px; color:#fff; font-size:12px; text-align:center;}
.skin09.l_menu .left_menu nav ul li.on a span i {position:relative; left:1px; line-height:16px; }
.skin09.l_menu .left_menu nav ul li.on a {color:#222; font-weight:700}

/*skin09 개별 css*/
.skin09 .principal_con .search_page h4:nth-of-type(1) {margin-top:40px}
.product .gallery_skin li .img {background:#fff;}
.product li .img img {width:auto;}
.product_view .p_top .img img {width:auto;}


/****************************@@@@@@@@@@ 1660px 이하 ****************************/
@media all and (max-width:1660px) {

}

/****************************@@@@@@@@@@ 1420px 이하 ****************************/
@media all and (max-width:1420px) {
/*서브 가로값*/
.skin09 .width_v {width:100%; padding:0 30px;}
.skin09 .sub_location {width:100%;}
}

/****************************@@@@@@@@@@ 1400px 이하 ****************************/
@media all and (max-width:1400px) {
.skin09 .top_visual {width:100%; border-radius:0; height:400px;}
}

/****************************@@@@@@@@@@ 1280px 이하 ****************************/
@media all and (max-width:1280px) {


}

/****************************@@@@@@@@@@ 1023px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*서브비주얼*/
.skin09 .top_txt h2 {font-size:40px; top:0;}
.skin09 .sub_location {top:0;}
.skin09 .sub_location li {font-size:13px;}
.skin09 .top_visual {height:250px;}

/*모바일 페이지 메뉴*/
.skin09 .page_location {display:block; }
.skin09 .page_location ul {display:flex; flex-wrap:wrap; justify-content:left; border-bottom:1px solid #e5e5e5; margin-top:15px;}
.skin09 .page_location ul li {margin:0px 3.5%; }
.skin09 .page_location ul li a {display:block; line-height:55px;  font-size:18px; color:#666; letter-spacing:-0.5px}
.skin09 .page_location ul li.on a {position:relative; font-weight:700; color:#222;}
.skin09 .page_location ul li.on a::before {content:""; position:absolute; bottom:-1px; display:block; width:100%; height:2px; background:var(--bg-color); z-index:1}

/*서브 left 메뉴*/
.skin09.l_menu .left_menu {display:none;}

/*서브 top 메뉴*/
.skin09.t_menu .top_menu_wrap {display:none;}

/*서브컨텐츠*/
.skin09.t_menu .content {margin:40px auto 100px auto}
.skin09.l_menu .content {margin:40px auto 100px auto}

}

/****************************@@@@@@@@@@ 768px 이하 / 태블릿미니@@@@@@@@@@****************************/
@media all and (max-width:768px) {
/*서브 가로값*/
.skin09 .width_v {padding:0 20px;}

/*서브컨텐츠*/
.skin09 .content h3 {font-size:25px; padding-bottom:20px;}
.skin09.t_menu .content {margin:20px auto 100px auto}
.skin09.l_menu .content {margin:20px auto 100px auto}

/*모바일 페이지 메뉴*/
.skin09 .page_location ul li a {line-height:45px;  font-size:16px; }

/*서브비주얼*/
.skin09 .top_visual {background-size:auto auto; background-position:top center; height:200px;}
.skin09 .top_txt h2 {font-size:35px;}
.skin09 .top_txt .sub_location {margin:20px auto 0 auto;}

/*서브 top 메뉴*/
.skin09.t_menu .top_menu_wrap {padding:0 20px; margin:-25px auto 0 auto}
.skin09.t_menu .top_menu .m_top_menu {line-height:50px; height:50px; font-size:16px;}
.skin09.t_menu .top_menu ul {top:50px;}
.skin09.t_menu .top_menu ul li a {line-height:50px; height:50px; font-size:16px;}

}


/****************************@@@@@@@@@@ 530px 이하 / 모바일@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*서브 가로값*/
.skin09 .width_v  {padding:0 10px; }

/*서브비주얼*/
.skin09 .top_txt h2 {text-align:center; font-size:30px;}
.skin09 .top_txt .sub_location {justify-content:center; }

/*서브 top 메뉴*/
.skin09.t_menu .top_menu_wrap {padding:0 10px; margin:-20px auto 0 auto}
.skin09.t_menu .top_menu .m_top_menu { line-height:40px; height:40px; font-size:15px;}
.skin09.t_menu .top_menu ul {top:40px;}
.skin09.t_menu .top_menu ul li a {padding:0 10px; line-height:40px; height:40px; font-size:15px;}

/*서브컨텐츠*/
.skin09 .content h3 {font-size:23px;}
/*
.skin09.t_menu .content {margin:30px auto 100px auto;}
.skin09.l_menu .content {margin:30px auto 100px auto; }
*/
}

/****************************@@@@@@@@@@ 380px 이하@@@@@@@@@@****************************/
@media all and (max-width:380px) {
}