@charset "utf-8";


/* ------------------- 공통여백 */

.eb-inner {max-width:1480px; width:92%; margin:0 auto; height: 100%; position: relative;}

.eb-mg-sub     { margin:40px 0 0 0 } /* 서브영역별 */

.eb-py-main    { padding:50px 0 0 0 } /* 메인영역별 */
.eb-py-sub     { padding:40px 0 0 0 } /* 서브영역별 */
.eb-py-sub-s   { padding:30px 0 0 0 } /* 서브영역별 */

.eb-py-title   { padding:0 0 30px 0 } /* 타이틀하단 */
.eb-py-title-s { padding:0 0 10px 0 } /* 타이틀하단 */

.visual-sub { padding-top:40px; margin-bottom:20px; }

@media (max-width: 1023px) { /* 모바일,테블릿까지 */

	.eb-py-main  { padding:30px 0 0 0 }
	.eb-py-sub   { padding:30px 0 0 0 }
	.eb-py-sub-s { padding:20px 0 0 0 }

	.eb-py-title   { padding:0 0 20px 0 } /* 타이틀하단 */
	.visual-sub { padding-top:30px; margin-bottom:0px; }
}


/* ------------------- 구 나리야 소스 */

hr.hr::after { width:4.0rem; height:3px; content: ""; position:absolute; left:0; bottom:0; line-height:1px; background-color:  var(--color-basic);}


/* ------------------- sidebar */


.infoDesc a {font-size:var(--font-size_18); font-weight:var(--font-m);  background:#ddf7fb; color: var(--color-basic);; width:100%; height:50px; text-align:center; line-height:50px; border-radius:15px; display:block; margin-top:20px;}

.mbLoginBox a {display:block; width:200px; height:60px; border-radius:20px; border:1px solid  var(--color-basic);; line-height:60px; color: var(--color-basic);; font-size:var(--font-size_20); font-weight:var(--font-b);}
.mbLoginBox a.mbReg {background: var(--color-basic);; color:#fff;} 


/* ------------------- sidebar 로그인시 */

.mbUserFavTit {display:flex; padding:10px 20px; border-radius:15px; background: var(--color-basic); color:#fff; justify-content:space-between;position:relative;}
.mbUserFavTit.difc {background: var(--color-basic); margin-top:10px;}
.mbUserFavBoxDepth02 li:hover a {color: var(--color-basic);}

.mbUserPoint span {color: var(--color-basic); font-weight:var(--font-b);padding-left:10px}
.userLevRemain { font-weight:var(--font-l); color: var(--color-basic); margin:10px 0;} 

.userAreaLink.link_vs02 {background:#ddf7fb; color: var(--color-basic);}

/* ------------------- 탑배너 */

.tempBanner {background: #fff9e2; width:100%; position:relative; height:50px; text-align:center; line-height:50px; }


/* ------------------- header*/

#mg_header { width: 100%;  border-bottom: 1px solid #f0f0f0; position: fixed;top: 0;z-index:99; background:#fff;    transition: all .45s ease; top:50px;} 
#mg_header.up {top:0;}

#mg_header .hdtop { position: relative; display: flex; align-items: center; height: 90px; } 
#mg_header .hdtop .left-box { display: flex; align-items: center; width: 100%; height: 100%; } 
#mg_header .hdtop .left-box .hd_logo > a { display: block; height: 100%; text-align:center;} 
#mg_header .hdtop .left-box .hd_logo > a img {display:block;}
#mg_header .hdtop .left-box .search { position: relative; width: 350px;  height: 50px; margin-left: 47px; } 

@media screen and (max-width: 1080px){
#mg_header .hdtop .left-box .search { width: 250px;  } 
}
@media screen and (max-width: 786px){
#mg_header .hdtop .left-box .search { width: 230px;  } 
}

#mg_header .hdtop .left-box .search i { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); } 
#mg_header .hdtop .left-box .search input { width: 100%; height: 100%; border-radius: 25px; border: 1px solid #ffa200; padding-left: 25px; } 
#mg_header .hdtop .left-box .search input::placeholder { font-size: 14px; color: #a5a5a5; letter-spacing: -0.01em; font-weight: 400; } 
#mg_header .hdtop .left-box .detail_btn { width: 127px; height: 45px; text-align: center; line-height: 45px; color: #878787; border-radius: 22.5px; border: 1px solid #c1c1c1; display: block; margin-left: 9px; letter-spacing: -0.01em; } 
#mg_header .hdtop .left-box .reco_text { margin-left: 33px; } 
#mg_header .hdtop .left-box .reco_text .rec_tit { color: #ffa200; letter-spacing: -0.01em; } 
#mg_header .hdtop .left-box .reco_text .rec_txt { color: #868686; letter-spacing: -0.01em; margin-top: 8px; } 
#mg_header .hdtop .left-box .reco_text .rec_txt a { border-bottom: 1px solid #868686; margin:0 5px; } 
#mg_header .hdtop .left-box .reco_text .rec_txt a:first-child {margin-left:0;}
#mg_header .hdtop .left-box .reco_text .rec_txt a:last-child {margin-right:0;}
#mg_header .hdtop .right_box { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
#mg_header .hdtop .right_box .hd_link { display: flex; } 
#mg_header .hdtop .right_box .hd_link a { display: block; color: #7f7f7f; position: relative; padding:0 20px;} 
#mg_header .hdtop .right_box .hd_link a:first-child {padding-left:0;}
#mg_header .hdtop .right_box .hd_link a:last-child {padding-right:0;} 
/* #mg_header .hdtop .right_box .hd_link a:nth-child(5):after { display: none; } */
#mg_header .hdtop .right_box .hd_link a:last-child:after { display: none; } 
#mg_header .hdtop .right_box .hd_link a:after { position: absolute; content: ""; width: 1px; height: 16px; background: rgba(127, 127, 127, 0.5); right: 0; top: 50%; transform: translateY(-50%); } 


@media screen and (max-width: 1080px){
	#mg_header .hdtop .right_box .hd_link a { padding:0 10px;} 
}

/*---------------------mobile------------------------------*/

#mg_header .mo_search_btn { display: none; } 
#mg_header .mo_nav_btn { width: 35px; height: 21px; position: relative; display: none; } 
#mg_header .mo_nav_btn span { display: block; width: 100%; height: 2px; background: #2f2f2f; position: absolute; } 
#mg_header .mo_nav_btn span:nth-of-type(1) { top: 0; } 
#mg_header .mo_nav_btn span:nth-of-type(3) { bottom: 0; } 
.search_input {display:none; background:#fff;}
.search_input input {position: absolute; left: 0; bottom: -47px; width: 100%; padding: 16px; border:1px solid #dedede; border-top:none; font-size:12px; font-weight:500; color:#333;}
.search_input input::placeholder {font-weight:700;}

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

	#mg_header .hdtop .left-box .reco_text { display: none; } 
	#mg_header .hdtop .left-box .reco_text { display: none; } 
}



@media screen and (max-width: 1180px){
	#mg_header .hdtop .left-box .detail_btn { display: none; } 
}

@media screen and (max-width: 1080px){
	#mg_header .hdtop .left-box .search { margin-left: 20px; } 
	#mg_header { height: 160px; } 


	#mg_header .hdtop .left-box .hd_logo > a img{width:100%; margin-top:0px;max-width:90px;}
}

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

	#mg_header:after { display:none;} 
	#mg_header { height: 65px; } 
	#mg_header.active {top:0;top:-65px;}
	#mg_header .hdtop { height: 65px; } 

	#mg_header .mo_nav_btn { display: block; width: 30px; height: 100%;    position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
	#mg_header .mo_nav_btn span:nth-of-type(1) { top: 25px; } 
	#mg_header .mo_nav_btn span:nth-of-type(3) { bottom: 23px; } 

	#mg_header .hdtop .left-box  {justify-content: center;}
	#mg_header .hdtop .left-box .hd_logo > a {text-align:center;width: 100%;}
	#mg_header .hdtop .left-box .hd_logo > a img{width:100%; margin-top:0px;max-width:100px;}
	#mg_header .hdtop .left-box .search { display: none; }

	#mg_header .hdtop .right_box { display: none; } 

	#mg_header .mo_search_btn { display: block;position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
	#mg_header .mo_search_btn i img { width: 60%; vertical-align: middle; margin-right: 12px; } 
	#mg_header.up.active {top:0; position:fixed;top:-65px;}

}


/* ------------------- 메뉴바*/

#mg_header .hdBottom { position: relative; height: 70px; align-items: center; display: flex; transition:.25s; } 
#mg_header .hdBottom .left-box { display: flex; align-items: center; width: 100%; height: 100%; } 
#mg_header .hdBottom .menu-nav-btn { width: 30px; height: 21px; position: relative; } 
#mg_header .hdBottom .menu-nav-btn span { display: block; width: 100%; height: 2px; background: #2f2f2f; position: absolute; transition:.3s;} 
#mg_header .hdBottom .menu-nav-btn span:nth-of-type(1) { transform: translateY(8px);} 
#mg_header .hdBottom .menu-nav-btn span:nth-of-type(2) { transform: translateY(0px);} 
#mg_header .hdBottom .menu-nav-btn span:nth-of-type(3) { transform: translateY(-8px);} 

#mg_header .hdBottom .menu-nav-btn:nth-of-type(1):hover span {transform: translateY(0);}
#mg_header .hdBottom .menu-nav-btn:nth-of-type(3):hover span {transform: translateY(0);}

#mg_header .hdBottom .menu-nav-btn.often span:nth-of-type(1) {transform: rotate(45deg); top:auto;}
#mg_header .hdBottom .menu-nav-btn.often span:nth-of-type(2) {display:none;}
#mg_header .hdBottom .menu-nav-btn.often span:nth-of-type(3) {transform: rotate(-45deg);bottom:auto;}


@media screen and (max-width: 1080px){
	#mg_header .hdBottom .menu-nav-btn {display: none;}
}


#mg_header .hdBottom .left-box > .hd_nav { height: 100%; } 
#mg_header .hdBottom .left-box > .hd_nav > ul { display: flex; height: 100%; } 
#mg_header .hdBottom .left-box > .hd_nav > ul > li { margin-left: 20px; font-size: 1.13rem; font-weight: 700; color: #2f2f2f; position: relative; height: 100%;  transition:0.25s; } 
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a { line-height: 70px; display: block; padding: 0 20px; height: 100%; } 
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a i {position:relative; z-index:100;}
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a i img {vertical-align:middle; margin-right:5px;}
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a i:before {content:''; width:0; height:3px; background: var(--color-basic); position:absolute; bottom:-3px; left:0; transition:.3s;}
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a:hover i:before {width:100%;}
#mg_header .hdBottom .left-box > .hd_nav > ul > li > ul.depth02 { position: absolute; z-index: 2; text-align: center; padding-top: 20px; width: 100%; } 
#mg_header .hdBottom .left-box > .hd_nav > ul > li > ul.depth02 > li > a { width: 100%; display: block; } 

/*
#mg_header .hdBottom .left-box:hover .all_menu {display:block !important;}
*/

#mg_header .hdBottom .right_box { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; } 
#mg_header .hdBottom .right_box .service_box { position: relative; } 

#mg_header .hdBottom .right_box .serv_02 { margin-left: 9px;  } 
#mg_header .hdBottom .right_box .serv_02 .service_btn {background:#fff; color: var(--color-basic); border:1px solid  var(--color-basic);}
#mg_header .hdBottom .right_box .service_btn {background: var(--color-basic); color:#fff; width: 158px; height: 40px; text-align: center; line-height: 40px; display: flex; align-items: center; overflow: hidden; border-radius: 20px; border: 1px solid  var(--color-basic); justify-content: space-between; padding: 0 17px; } 
#mg_header .hdBottom .right_box .service_box .service_list {box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); background:# border-radius: 10px; background: #fff; position: absolute; width: 158px; z-index: 1; overflow: hidden; box-sizing: border-box; text-align: center; transition: 0.25s; } 
#mg_header .hdBottom .right_box .service_box .service_list > li { display: none; } 
#mg_header .hdBottom .right_box .service_box .service_list > li > a { width: 100%; padding: 10px 20px; display: block; } 
#mg_header .hdBottom .right_box .service_btn i img {vertical-align:middle;}

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

 #mg_header .hdBottom .right_box .service_btn { width: 158px; padding: 0 12px; } 
 #mg_header .hdBottom .left-box > .hd_nav > ul > li > a { padding: 0 13px; } 
 }

@media screen and (max-width: 1080px){
 #mg_header .hdBottom .right_box {display:none;}
 #mg_header .hdBottom .left-box > .hd_nav > ul > li {margin-left:10px;}
 
 }

@media screen and (max-width: 786px){
	#mg_header .hdBottom .left-box > .hd_nav > ul > li > a {padding:0 5px;}
 }


@media screen and (max-width: 720px){
	#mg_header .hdBottom { display: none; } 
 }

#mg_header .hdBottom .left-box > .hd_nav > ul > li > a.nav_cs {position:relative;}
/* #mg_header .hdBottom .left-box > .hd_nav > ul > li > a.nav_cs:before{content:'';position:absolute; width:20px; height:20px; left:-5px; top:50%; transform:translateY(-50%); background:url('/img/icon/cs_icon.png') no-repeat center center /cover;} */
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a {position:relative;}
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a .nav_emp_num{position:absolute; width:35px; height:20px; right:0px; top:3px; border-radius:5px; background: var(--color-basic); z-index:20;text-align:center; display:block; color:#fff; line-height:17px;     letter-spacing: 0.06em; font-size:10px;} 
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a .nav_emp_num:after {content:''; position:absolute; left:4px; top:16.8px; border-left:5px solid transparent; border-right:6px solid transparent; border-top: 7px solid  var(--color-basic);}
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a .add_head_icon {width:80px; display:block; background:#fd2929; color:#fff; position:absolute; left: calc( 100% - 63px ); top:3px; text-align:center; height:20px; line-height:20px; z-index:20; padding:0 5px; font-size:12px; background:#ff0000; letter-spacing:0.04em; border-radius:5px;}
#mg_header .hdBottom .left-box > .hd_nav > ul > li > a .add_head_icon:after {content:''; position:absolute; left:7px; top:18px; border-left:5px solid transparent; border-right:6px solid transparent; border-top: 7px solid #ff0000;}
.kb_icon img{display:block; width:100%; max-width:199px;}
.emp_banner_box { width:100%;}
.emp_banner_box ul li figure a img {width:100%; border-radius:8px; overflow:hidden;}
.add_plus {margin-left:10px;}


@media (min-width: 769px) and (max-width: 1080px) { /* PC와 모바일화면 사이 */
	#mg_header .hdBottom .left-box > .hd_nav > ul > li > a .nav_emp_num{line-height:20px;}
}


/* ------------------- */

.hdWrap {position:relative; }
.hdLogo {display:block;}
.hdLogo img {max-width: 300px}
.hdTop {}
.hdTopWrap { max-width: 1480px; width: 92%; margin: 0 auto; display:flex; align-items:center; justify-content: space-between; }

.keyList {display:flex;justify-content: center; margin-top:14px;}
.keyList p {font-size:var(--font-size_14); font-weight:var(--font-b); color:var(--color-color6); margin-right:34px; }
.keyList li a {display:block; padding:0 5.5px; position:relative; font-size:var(--font-size_14); color:#545454; font-weight:var(--font-r);}
.keyList li a::before {content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:1px; height:1px; border-radius:50%; background:#000; }
.keyList li:nth-of-type(1) a {padding-left:0;}
.keyList li:last-child a {padding-right:0;}
.keyList li:nth-of-type(1) a::before {display:none !important;}

.searchBox {width: 100%;max-width: 540px;}
.searchArea {position:relative; width:100%;}
.searchBar {width:100%; height:50px; line-height:50px; border-radius:50px; border:2px solid var(--color-color1); position:relative; padding:0 20px;}
.searchBtn {position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:10;}

.utilList {display:flex;}
.utilList li a {display:flex; align-items:center; flex-direction: column; padding:0 17px; gap:9px; font-size:14px; font-weight:var(--font-r);  }
.utilList li:first-child a {padding-left:0;}
.utilList li:last-child a {padding-right:0;}

.hdBottom { border-top:1px solid #ebebeb; position:relative;}
.hdBottom:after {content:'';height:100%; width:60px; position:absolute; right:0; top:0;  background:url(/images/icon/gradi.png) no-repeat center / cover; display:none;}
.hdBotWrap {display:flex; align-items:center; justify-content: space-between;}
.hdBot_lt {display:flex; align-items:center; gap:19px;}

.allGnbBtn .allGnb {
    position: relative;
    display: block;
    width: 22px;
    height: 12px;
}

.allGnbBtn .allGnb i {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #111111;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s, top 0.3s;
}

/* 첫 번째 줄 */
.allGnbBtn .allGnb i:nth-of-type(1) {
    transform: translateY(4px);
}

/* 두 번째 줄 */
.allGnbBtn .allGnb i:nth-of-type(2) {
    transform: translateY(-50%);
}

/* 세 번째 줄 */
.allGnbBtn .allGnb i:nth-of-type(3) {
    transform: translateY(-6px);
}

/* act 클래스가 있을 때의 상태 */
.allGnbBtn.act .allGnb i:nth-of-type(1) {
    top: 50%;
    transform: rotate(45deg);
}

.allGnbBtn.act .allGnb i:nth-of-type(2) {
    opacity: 0;
}

.allGnbBtn.act .allGnb i:nth-of-type(3) {
    top: 50%;
    transform: rotate(-45deg);
}

.allMgMenu {padding:5px 0;}
.allMgMenu > .mg_gnb {display:flex; align-items:center;}
.allMgMenu > .mg_gnb > li {padding:0 15px; position:relative;}
.allMgMenu > .mg_gnb > li:span {}
.allMgMenu > .mg_gnb > li:last-child {padding-right: 0 !important; padding-left:0px;}
.allMgMenu > .mg_gnb > li:last-child:before {display:none;}
.allMgMenu > .mg_gnb > li a  {font-size:18px; font-weight:700; display:flex; align-items:center; gap: 6px; transition:0.28s;}
.allMgMenu > .mg_gnb > li h2 {font-size:18px; font-weight:700; gap: 6px; transition:0.28s;line-height: 30.6px;}
.allMgMenu > .mg_gnb > li a:hover {color:#db6612;}
.allMgMenu > .mg_gnb > li .label1 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-color3); background:var(--color-color2); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label2 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-color3); background:var(--color-color2); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label3 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-color3); background:var(--color-color2); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label4 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-color3); background:var(--color-color2); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label5 {padding:2px 9px; font-size:var(--font-size_12); color:var(--color-color3); background:var(--color-color2); border-radius:50px; margin-top: -10px;}
.allMgMenu > .mg_gnb > li .label6 {padding:2px 9px; font-size:var(--font-size_12); color:#fff; background:var(--color-color1); border-radius:50px; margin-top: -10px;}

/* 밑줄 */
.allMgMenu > .mg_gnb > li > a i {position:relative; z-index:100;}
.allMgMenu > .mg_gnb > li > a i:before {content:''; width:0; height:3px; background: var(--color-basic); position:absolute; bottom:-7px; left:0; transition:.3s;}
.allMgMenu > .mg_gnb > li > a:hover i:before {width:100%;}

.alertBtn {background:var(--color-color1); color:#fff; display:flex; padding:7px 20px; border-radius:50px; gap:14px; font-size:var(--font-size_15); font-weight:var(--font-sb);}
.alertBtn i img {display:block;padding-top:4px}

.allMgMenuArea {padding: 25px 20px ; background:#fff; box-shadow: 3px 15px 15px 0 rgba(0, 0, 0, 0.1); height:500px; position: absolute; left: 0; top: 126%; z-index: 2000; width: 100%; overflow-y:scroll; display:none; }
.allMgMenuAreaList {display:flex; flex-wrap:wrap; row-gap:50px;}
.allMgMenuAreaList > li {width:calc((100% - 20px*3)/4); margin-right:20px; border-right:1px solid rgba(0,0,0,0.1);}
.allMgMenuAreaList i {font-size:16px;font-weight:500}

.allMgMenuAreaList > li:nth-of-type(4n) {margin-right:0;}
.allMgMenuAreaList > li > h2 {font-size:var(--font-size_20); font-weight:var(--font-b); position:relative;}
.allMgMenuAreaList > li > h2 i {position:relative;}
.allMgMenuAreaList > li:hover > h2 i:after  { display:block;}
.allMgMenuAreaList > li > h2 i:after {position:absolute; content:''; width:10px; height:10px; background:#db6612; border-radius:50%; right:-10px; top:-5px; display:none;}
.allMgMenuAreaList > li:hover h2 {transition:0.28s;}
.allMgMenuAreaList > li:hover h2 {color:#db6612;}
.allMgMenuDepth02 {display:flex; flex-wrap:wrap; margin-top:10px;}
.allMgMenuDepth02 > li{width:48%; margin-top:20px;}
.allMgMenuDepth02 > li > a {display:block; width:100%; font-size:14px; font-weight:var(--font-m);}
.allMgMenuDepth02 > li > a:hover {color: var(--color-basic);}
.allMgMenuArea::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
.allMgMenuArea::-webkit-scrollbar-thumb {height: 32px; /* 스크롤바의 길이 */background: #db6612; /* 스크롤바의 색상 */}
.allMgMenuArea::-webkit-scrollbar-track {}

@media (max-width:1279px){ /* 노트북까지 */
	.utilList li a {padding:0 5px;}
	.allMgMenu > .mg_gnb > li {padding:0 8px;}
	.allMgMenu > .mg_gnb > li span {display:none;}
	.searchBox {display:none;}
	.hdUtil {display:none;}
	.allGnbBtn {display:none;}
	.hdBot_rt {display:none;}
	.hdBot_lt {width:100%;justify-content: space-between;}
	.allMgMenu {width:100%;}
	.allMgMenu > .mg_gnb {width:100%; justify-content: space-between;}
	.hdBottom:after {display:block;}
}

@media (max-width: 1023px) { /* 모바일,테블릿까지 */
	.hdLogo img { width: 150px; max-width: 150px}
	.allMgMenu {padding:0px 0;}
	.allMgMenu {overflow-x:auto; scrollbar-width: none;}
	.allMgMenu > .mg_gnb > li {width:200px;white-space: nowrap;}
	.allMgMenu > .mg_gnb > li a {font-size:14px;}
	.hdBottom {display:none;padding:13px 0;}
}


/* ------------------- 프리미엄 */

.main_section .sec_tit { display: flex; justify-content: space-between; align-items: center; } 
.main_section .sec_tit button i { margin-right: 5px; vertical-align: middle;} 
.main_section .sec_tit span img { } 

.sec02_swip .swiper-wrapper {padding-bottom:0px;}

.loop_wrap {position: absolute;top: 45px;right: 0;z-index: 20;padding: 16px 20px 23px;max-width: 420px; width:100%; border: 1px solid #000;box-sizing: border-box;font-size: 16px;letter-spacing: -1px;line-height: 18px;background: #fff; display:none;}
.loop_wrap.view {display:block;}
.loop_tit {display: block;color: #222;font-weight: normal; line-height: 27px;}
.loop_line {border-top:1px solid #222; margin-top:12px;}
.loop_price {margin-top:12px;color: #222;line-height: 23px;letter-spacing: -1px;font-weight: bold;}
.cont_price {display: block;color: #ff0000;line-height: 22px;font-weight: bold; letter-spacing: -0.5px; position:relative;}
.loop_close_btn {position: absolute;top: 0;right: 0;width: 52px;height: 53px;}
.price_link {position: absolute;top: -7px;right: 0;}
.loop_product {float: left;margin-left: 5px; padding: 4px 0;width: 66px;border: 1px solid #ffa200;box-sizing: border-box;color: #fff;font-size: 14px;text-align: center; background: #ffa200;}
.unit_p {display: inline-block;width:50px; text-align:right; margin-right: 15px;color: #757575; font-size: 16px;font-weight: normal;letter-spacing: -1px;line-height: 22px;}
.num_p {display: inline-block;width:100px;text-align:right;}

.best_chk {background:#fffff0; border:2px solid  var(--color-basic);}
.sec02_bg_01 {background:url('/images/section/sec02_img01.jpg') no-repeat center / cover; height:178.48px;}
.non_img .sec02_bg_01  {background:url('/images/section/sec03_img02.jpg') no-repeat center / cover; height:178.48px;}
.sec02_cont .sec02_img_box img { width: 100%; } 
.sec02_cont .sec02_img_box img.mo_sec02_img01 { display: none; } 
.sec02_cont .sec02_cag {background: var(--color-basic); color:#fff;  height:30px; text-align:center;  padding:5px 10px 0px 10px;display:inline-block;margin-top:0px}

.sec02_cont > ul { display: flex; flex-wrap: wrap; } 
.sec02_cont > ul > li { width: calc((100% - 8px * 3) / 4); margin-right: 8px; border-radius: 10px; overflow: hidden; border: 2px solid #f4f4f4  ; transition: 0.5s; box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.04); cursor: pointer; } 
.sec02_cont > ul > li.non_premi {display:flex; display: flex; justify-content: center;align-items: center; flex-direction: column; background:#fcfcfc; border: 1px solid #eee;}
.sec02_cont > ul > li.non_premi h2 {color:#bababa;}
.sec02_cont > ul > li.non_premi p a {color:#bababa;}

/*.sec02_cont > ul > li:hover { border: 2px solid  var(--color-basic); } */
.sec02_cont > ul > li:nth-of-type(4n) { margin-right: 0; } 
.sec02_cont > ul > li:nth-of-type(n + 5) { margin-top: 10px; } 

.bot_box { padding: 20px 20px 20px 20px; position:relative;} 
.bot_box .s_tit { display: flex; align-items: center; } 
.bot_box .s_tit > span { display: block; margin-right: 12px; } 
.bot_box .s_tit > span > i { vertical-align: middle; margin-right: 5px; } 

.bot_box .b_tit { display: flex; align-items: center; margin-top: 17px; margin-bottom: 14px; line-height: 23px;} 
.bot_box .b_tit .hurry { display: inline-block; padding:0px 6px 0 7px;background: #ff2424; height: 23px; border-radius: 18px; text-align: center; line-height: 23px; margin-right: 7px; } 

@media screen and (max-width: 1080px){
	.bot_box .b_tit .hurry {  padding:1px 7px 0 7px;} 
}


.bot_box .sec02_desc { border-top: 1px solid; border-color: rgba(241, 241, 241); } 
.bot_box .sec02_desc > li { position: relative; } 
.bot_box .sec02_desc > li.mt_15 {margin-top:5px;}
.bot_box .sec02_desc > li a {position:absolute; right:0; display:block; top:0; font-size:13px; color:#181818; font-weight:500;}
.bot_box .sec02_desc > li a i {margin-right:5px;}
.bot_box .sec02_desc > li a i img{width:9%;}
.bot_box .sec02_desc > li > dl { display: flex;} 
.bot_box .sec02_desc > li > dl dt { width: 170px; } 
.bot_box .sec02_desc > li > dl dd { width: calc(100% - 170px); } 
.bot_box .desc_c { position: absolute; top: 53.2%; left: 37%; display: flex; } 
.bot_box .desc_c span { width: 48px; height: 20px; text-align: center; line-height: 20px; display: block; border-radius: 10px; border: 1px solid  var(--color-basic); } 

.swip_oran {bottom: -35px !important; } 	
.swip_oran .swiper-pagination-bullet-active { background:  var(--color-basic); } 

@media screen and (max-width: 1080px){
 .sec02_cont > ul > li { width: calc((100% - 8px) / 2); } 
 .sec02_cont > ul > li:nth-of-type(2n) { margin-right: 0; } 
 .sec02_cont > ul > li {margin-top:10px;}
 }

@media screen and (max-width: 720px){
 .sec02_bg_01 {height:150px;}
 .sec02_cont > ul > li { width: 100%; margin-right: 0; } 
 .sec02_cont > ul > li + li { margin-top: 10px; } 
 .sec02_cont .sec02_img_box img.pc_sec02_img01 { display: none; } 
 .sec02_cont .sec02_img_box img.mo_sec02_img01 { display: block; height: 70px; } 
 .bot_box { padding: 0px 10px; } 
 .bot_box .sec02_desc > li:nth-of-type(2) { display: none; } 
 .bot_box .b_tit { margin-top: 5px; margin-bottom: 5px; } 
 .bot_box .sec02_desc { border: none; } 
 .bot_box .sec02_desc > li > dl dt {  margin-right:7px; } 

 
 .bot_box .desc_c {right:10px; top:10px; left:auto;}
 .bot_box .desc_c span { width: 36px; height: 17px; line-height: 16px; } 
 .sec02_cont > ul > li.non_premi {height:195px;}
/* .sec02_cont > ul { display: flex; flex-wrap: wrap; display: none; } */

 .mySwiper { width: 100%; height: 835px; display: block; } 
 .swiper-wrapper {height:116%;}
 .mySwiper .swip_img_box img { width: 100%; } 
 .mySwiper .swiper-slide { height: 180px; border: 2px solid transparent; transition: 0.2s; border-radius: 10px; box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.04); overflow:hidden; } 
 .mySwiper .swiper-slide:hover { border: 2px solid  var(--color-basic); } 

 .bot_box .s_tit > span {margin:15px 20px 5px 0px;}
 .bot_box .s_tit > span i { display:inline-block;}
 .bot_box .s_tit > span i img {width:80%;}
 .bot_box .sec02_desc > li > .desc_c {right:-40px; top:45%; left:auto;}
 .bot_box .sec02_desc > li > dl dd i { margin:0 5px; vertical-align: middle;}
 .bot_box .sec02_desc > li > dl dd i img {width:4%;}
 .non_img .sec02_bg_01  {height:100px;}
 }


/* ------------------- 우대 */

.sec03 .sec03_cont > ul > li.non_img .sec03_bg_01 {background: url('/images/section/sec03_img02.jpg') no-repeat center / cover; height:84px; overflow: hidden;}
.sec03_bg_01 {background: url('/images/section/sec03_img01.jpg') no-repeat center / cover; height:84px; overflow: hidden;}

.sec03_img_box {position:relative;}
.sec03_cag {background: var(--color-basic); color:#fff; width:93px; height:23px; text-align:center; transform: rotate(-45deg); display:block; position: absolute; top: 12px;left: -23px; line-height: 23px;}
.sec03 .sec03_cont > ul { display: flex; flex-wrap: wrap; } 
.sec03 .sec03_cont > ul > li { width: calc((100% - 10px * 4) / 5); margin-right: 10px; border: 2px solid #f4f4f4; border-radius: 10px; overflow: hidden; transition: 0.2s; box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.04); } 
.sec03 .sec03_cont > ul > li:hover { border-color: #fe7800; } 

.sec03 .sec03_cont > ul > li:nth-of-type(n + 6) { margin-top: 10px; } 
.sec03 .sec03_cont > ul > li .sec03_img_box img { width: 100%; } 
.sec03 .sec03_cont > ul > li .sec03_bot_box { text-align: center; padding: 10px 10px; } 
.sec03 .sec03_cont > ul > li .b_tit p { letter-spacing: -0.025em; } 

.sec03_desc { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 15px 0; margin-top: 15px; } 
.sec03_desc dl { display: flex; justify-content: center; align-items: center; } 
.sec03_desc dl + dl { margin-top: 5px; } 
.sec03_desc dl dt { margin-right: 14px; } 

.sec03_cate { display: flex; align-items: center; justify-content: space-between; } 
.sec03_cate p i { margin-right: 4px; vertical-align: middle; } 

@media (min-width: 1080px) { /* 모바일화면 이상 */

.sec03 .sec03_cont > ul > li:nth-of-type(5n) {margin-right:0;} 

}

@media screen and (max-width: 1080px){
 .sec03 .sec03_cont > ul > li { width: calc((100% - 10px) / 2); margin-right: 10px;} 
 .sec03 .sec03_cont > ul > li:nth-of-type(2n) { margin-right: 0; } 
 .sec03 .sec03_cont > ul > li:nth-of-type(5) {margin-right:10px;}
 .sec03 .sec03_cont > ul > li:nth-of-type(n + 3) { margin-top: 10px;}
 }

@media screen and (max-width: 720px) { 
	.sec03_bg_01 {height:100px;}
	.sec03_desc {padding: 5px 0; margin-top: 5px;}
	.sec03_desc dl dt {margin-right:5px;}
	/*.sec03_cag {width:52px; height:13px; line-height:13px; top: 9px; left: -11px; font-size:10px;}*/
	.sec03_cag {width:83px; height:23px; top: 10px;left: -21px; line-height: 23px;}

} 


/* ------------------- 좌측 */

.sec04_cont_wrap { display: flex; } 
.sec04_left { width: 30.4%; padding-right: 98px; position: relative; } 
.sec04_left .sec_tit { border-bottom: 2px solid #232323; padding-bottom: 20px; } 

.sec04_left .j_cate_list > li h2 { position: relative; } 

.sec04_left .j_cate_list > li h2 i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; cursor: pointer; } 
.sec04_left .j_cate_list > li h2 i img.down_ar { position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; } 
.sec04_left .j_cate_list > li h2 i img.up_ar {display:none;}
.sec04_left .j_cate_list > li h2.up_arrow i img.up_ar { display: block; } 
.sec04_left .j_cate_list > li h2.up_arrow i img.down_ar {display:none;} 
.sec04_left .j_cate_list > li h2 a { display: block; padding: 25px 0; border-bottom: 1px solid #e6e6e6; } 
.sec04_left .j_cate_list > li > .cate_depth02 { background: #fafafa; padding: 20px; display: none; } 
.sec04_left .j_cate_list > li > .cate_depth02 > li + li { margin-top: 12px; } 
.sec04_left .j_cate_list > li > .cate_depth02 > li > a {  height: 100%; font-size: 1.13rem; color: #4f4f4f; font-weight: 500; padding-right:10px } 


.sec04_right { width: 69.6%; } 
.sec04_right .sec_tit { padding-bottom: 20px; } 

.sec_04_btn { display: flex; } 
.sec_04_act_btn { position: relative; } 
.sec_04_act_btn > .update_btn { display: block; width: 122px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; border: 1px solid #e1e1e1; } 
.sec_04_act_btn .update_list { background: #fbfbfb; position: absolute; width: 100%; z-index: 2; } 
.sec_04_act_btn .update_list > li { display: none; } 
.sec_04_act_btn .update_list > li > a { display: block; padding: 10px; text-align: center; } 
.sec_04_act_btn i img {vertical-align:middle;}

.sec_04_act_btn2 { position: relative; } 
.sec_04_act_btn2 > .update_btn { display: block; background:  var(--color-basic); color: #fff; width: 142px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; border: 1px solid  var(--color-basic); } 
.sec_04_act_btn2 .update_list { background: #fbfbfb; position: absolute; width: 100%; z-index: 2; } 
.sec_04_act_btn2 .update_list > li { display: none; } 
.sec_04_act_btn2 .update_list > li > a { display: block; padding: 10px; text-align: center; } 
.sec_04_act_btn2 i img {vertical-align:middle;}

.j_star_btn > button a { display: block; width: 122px; height: 40px; text-align: center; line-height: 40px; border-radius: 20px; border: 1px solid #e1e1e1; } 
.j_star_btn > button a .on_click { display: none; } 
.j_star_btn > button.on .on_click { display: inline-block; } 
.j_star_btn > button.on .off_click { display: none; } 

.sec04_right .j_info > li { position: relative; border: 2px solid #eef4f7; border-radius: 15px; transition: 0.2s; box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.04); box-sizing:border-box; overflow:hidden; } 
.sec04_right .j_info > li + li { margin-top: 10px; } 

.sec04_right .j_info > li a > .up_load_tm { position: absolute; right: 30px; top: 20px; } 
.sec04_right .j_info > li:hover { border-color: #fe7800; } 
.sec04_right .j_info > li a > .right_con01 { display: flex; align-items: center; } 
.sec04_right .j_info > li a > .right_con01 .sec_04_img_box { overflow: hidden; width: 22%;} 
.sec04_right .j_info > li a > .right_con01 .sec_04_img_box .j_img_box {position:relative; padding:21.6% 0; overflow:hidden;margin:0}
.sec04_right .j_info > li a > .right_con01 .sec_04_img_box img { border-radius: 2%; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; width:100%; } 
.sec04_right .j_info > li a > .right_con01 .sec_con_desc {  padding: 17px 30px 17px 30px; } 
.sec04_right .j_info > li a > .right_con01 .sec_con_desc .sec_04_txt p {white-space: nowrap; overflow: hidden; }
.j_info ul li a {display:block}

.sec_04_cs_box { position: relative;} 
.sec_04_cs_box.cs_box02 {z-index:1; background:#f7f7f7; border-radius:8px; padding:30px;}
.sec_04_cs_box { background:#f7f7f7; border-radius:8px; padding:30px;}
.sec_04_cs_box .sec_con_desc .sec_04_txt p + p { margin-top: 15px; } 

.sec_04_cs_date > ul > li dl { display: flex; } 
.sec_04_cs_date > ul > li dl dt { width: 65px; font-size: 0.9375rem; font-weight: 500; color: #8f8f8f; } 
.sec_04_cs_date > ul > li dl dd { width: calc(100% - 65px); font-size: 1rem; font-weight: 500; color: 333333; } 

.sec_04_cs_rank p a i { width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; border: 1px solid #8f8f8f; margin-right: 8px; color: #8f8f8f; } 

.sec_04_email_iq p i { display: inline-block; width: 2px; height: 13px; background: #333333; margin: 0 9px; } 

.j_more_btn { text-align: center; } 
.j_more_btn button { width: 250px; height: 50px; border-radius: 25px; border: 1px solid  var(--color-basic); } 
.j_more_btn button i { margin-left: 18px; } 
.j_more_btn a { border-radius: 25px; border: 1px solid  var(--color-basic); padding:10px 30px } 
.j_more_btn a i { margin-left: 18px; } 

.mo_sec_04_img01 { display: none; } 


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

 .sec04_left {display:none;}
 .sec04_right {width:100%;}

}


@media screen and (max-width: 1080px){
/*
 .sec04_left {padding-right:40px;}
*/
 .sec04_left {display:none;}
 .sec04_right {width:100%;}
 .sec_04_cs_box.cs_box02 {padding:20px;}
 .sec_04_cs_box  {padding:20px;}

/*
 .sec04_right .j_info > li > .up_load_tm {display:none;}
*/
 }

@media screen and (max-width: 767px){
 .sec_04_cs_box.cs_box02 {padding:10px;}
 .sec_04_cs_box  {padding:20px 10px 10px 10px;}
 }


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

	.sec04_right .j_info > li a > .up_load_tm { position: absolute; right: 15px; top: 20px; } 

}


@media screen and (max-width: 720px){
  .sec04_right .j_info > li a > .right_con01 .sec_con_desc { padding: 17px 10px;} 

 /*
 .j_info .up_load_tm { display: none; } 
 */
  .sec04_left {display:none;}
  .sec04_right {width:100%;}
 
   /*  .pc_sec_04_img01 { display: none; }  */
  .mo_sec_04_img01 { display: block; } 

  .sec04_right .j_info > li a > .right_con01 .sec_04_img_box img {width:auto; border-radius: 5%;}
  .sec04_right .j_info > li a > .right_con01 .sec_04_img_box { overflow: hidden; width: 20%;margin-left:10px;} 
  .sec04_right .j_info > li a > .right_con01 .sec_04_img_box .j_img_box { padding:27.6% 0;}

 .j_more_btn button { width: 250px; height: 50px; } 
 .j_more_btn a { width: 250px; height: 50px; } 

 .sec_04_act_btn > .update_btn { width: 90px; height: 24px; line-height: 24px;  } 
 .sec_04_act_btn > .update_btn b {font-size:12px;}

 .sec_04_act_btn2 > .update_btn { width: 90px; height: 24px; line-height: 24px;  } 
 .sec_04_act_btn2 > .update_btn b {font-size:12px;}

 .j_star_btn > button a { width: 73px; height: 24px; line-height: 24px; font-size:12px;} 

 .j_more_btn button i img { width: 8%;} 
 .j_star_btn button i img { width: 10%; } 

 .sec04_right .sec_tit { padding-bottom: 20px; } 
 }


/* ------------------- foot */

footer{ border-top :1px solid #ebebeb; position:relative;}
footer:after {content:'';position:absolute; width:100%; height:1px; left:0; top:90px; background:#ebebeb;}
footer:before {content:'';position:absolute; width:100%; height:1px; left:0; top:194px; background:#ebebeb; display:none;}
footer .foot_top {height:90px; line-height:90px;}
footer ul.foot_link_line {display:flex; align-items:center; justify-content: space-between; height:100%; }
footer ul.foot_link_line .left_foot_link {display:flex;}
footer ul.foot_link_line .left_foot_link>a {display:block; height:100%; transition:.2s;}
footer ul.foot_link_line .left_foot_link>a:hover {font-weight:700; }
footer ul.foot_link_line .left_foot_link>a + a {margin-left:46px;}
footer ul.foot_link_line .right_foot_link {display:flex;}
footer ul.foot_link_line .right_foot_link>a {display:block; width:110px; height:40px; line-height:40px; border:1px solid #e9e9e9; border-radius:20px; text-align:center;}
footer ul.foot_link_line .right_foot_link>a+a {margin-left:11px;}

.foot_bott {padding:68px 0;}
.foot_bott>ul {display:flex; justify-content: space-between;}
.foot_bott>ul>li {position:relative;}
.ft_account_info dl {display:flex;}
.ft_account_info dl dt {width:73px} 
.ft_account_info dl dd {width:calc(100% - 73px);}

.ft_cs_info p i {vertical-align:middle;}
.ft_cs_info p i img {margin-right:8px;}
.ft_cs_info dl {display:flex;}
.ft_cs_info dl dt {width:73px} 
.ft_cs_info dl dd {width:calc(100% - 73px);}

.ft_address_bx>p{line-height: 1.48em;}
.ft_address_bx .f_copy {margin-top:30px;}

.ft_navi_mo {display:none; position:relative;}
.ft_navi_mo a {display:block; padding:5px; }
/* .ft_navi_mo:after {content:''; width:1px; height:10px; background:#666; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} */
/*mobile*/
.mo_right_foot_link {display:none}


/*mobile foot*/
.foot_bott.mo_foot {display:none;}
.foot_bott.mo_foot .ft_account_info {text-align:center; border-right: 1px solid #ebebeb;}
.foot_bott.mo_foot .ft_cs_info {text-align:center;}

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

	footer ul.foot_link_line .left_foot_link>a + a {margin-left:18px;}
	footer ul.foot_link_line .right_foot_link>a {width:90px;}
 }

@media screen and (max-width: 1080px){
	.foot_bott.pc_foot {display:none;}
	.foot_bott.mo_foot {display:block;}
	footer:after {display:none;}
	footer .foot_top {display:none;}
	footer ul.foot_link_line .left_foot_link>a + a {margin-left:23px;}

	.foot_bott {padding:1px;}
	.foot_bott>ul {flex-wrap: wrap;}
	.foot_bott>ul>li:nth-of-type(3) {width:100%;}
	.foot_bott>ul>li:nth-of-type(4) {width:100%;}
	.foot_bott>ul>li:nth-of-type(n+3) {margin-top:10px;}


	.j_ft_logo {margin:5px 0; text-align:center; }
	.j_ft_logo img {width:16.7%}

	.ft_address_bx {text-align:center;}
	.ft_address_bx p {line-height: 1.38em;}
	.ft_address_bx .f_copy {margin-top:0px;}


	.ft_account_info dl {justify-content: center;}
	.ft_account_info dl dt {width:70px;}
	.ft_account_info dl dd {width: calc(100% - 20px);}

	.mo_right_foot_link {display:flex; justify-content:center;margin-top:10px;}
	.mo_right_foot_link a {font-size:11px; display:block; width:70px; height:30px; line-height:30px; border:1px solid #e9e9e9; border-radius:20px; text-align:center; margin-right:5px;}
	
	.ft_cs_info dl dd {width:calc(100% - 20px);}
	.ft_cs_info p i img {width:7%; margin-right:5px;}
	.ft_navi_mo {display:flex; justify-content: space-around;align-items: center; margin-top:10px;}
 }



@media screen and (min-width: 575px){
	.inner_pc {max-width:1480px; margin: 0 auto; width:92%; position:relative;}
 }

.mo_menu_inner {max-width:1480px; margin: 0 auto; width:98%; position:relative;}
.m_br {display:none;}


/*20231025 추가 수정*/

#mg_header .hd_bottom .left_box > .hd_nav > ul > li > a.nav_cs {position:relative;}
/* #mg_header .hd_bottom .left_box > .hd_nav > ul > li > a.nav_cs:before{content:'';position:absolute; width:20px; height:20px; left:-5px; top:50%; transform:translateY(-50%); background:url('/img/icon/cs_icon.png') no-repeat center center /cover;} */
#mg_header .hd_bottom .left_box > .hd_nav > ul > li > a {position:relative;}
#mg_header .hd_bottom .left_box > .hd_nav > ul > li > a .nav_emp_num{position:absolute; width:35px; height:20px; right:0px; top:3px; border-radius:5px; background: var(--color-basic); z-index:20;text-align:center; display:block; color:#fff; line-height:17px;     letter-spacing: 0.06em; font-size:10px;} 
#mg_header .hd_bottom .left_box > .hd_nav > ul > li > a .nav_emp_num:after {content:''; position:absolute; left:4px; top:16.8px; border-left:5px solid transparent; border-right:6px solid transparent; border-top: 7px solid  var(--color-basic);}
#mg_header .hd_bottom .left_box > .hd_nav > ul > li > a .add_head_icon {width:80px; display:block; background:#fd2929; color:#fff; position:absolute; left: calc( 100% - 63px ); top:3px; text-align:center; height:20px; line-height:20px; z-index:20; padding:0 5px; font-size:12px; background:#ff0000; letter-spacing:0.04em; border-radius:5px;}
#mg_header .hd_bottom .left_box > .hd_nav > ul > li > a .add_head_icon:after {content:''; position:absolute; left:7px; top:18px; border-left:5px solid transparent; border-right:6px solid transparent; border-top: 7px solid #ff0000;}
.kb_icon img{display:block; width:100%; max-width:199px;}
.emp_banner_box { width:100%;}
.emp_banner_box ul li figure a img {width:100%; border-radius:8px; overflow:hidden;}
.add_plus {margin-left:10px;}


@media (min-width: 769px) and (max-width: 1080px) { /* PC와 모바일화면 사이 */
	#mg_header .hd_bottom .left_box > .hd_nav > ul > li > a .nav_emp_num{line-height:20px;}
}



.add_sec03_cont01 {display:flex; flex-wrap:wrap;}
.add_sec03_cont01 li {width:calc((100% - 10px*3)/4); margin-right:10px; display:flex; border:1px solid #eee; box-sizing:border-box; padding:15px 15px 15px 15px; cursor: pointer; transition:.25s; border-radius:10px;}
.add_sec03_cont01 li:hover {border-color:#fe7800;}
.add_sec03_cont01 li:nth-of-type(n + 5) {margin-top:18px;}
.add_sec03_cont01 li .ad_left_box {width:90px; text-align:center;}
.add_sec03_cont01 li .ad_right_box {width:calc(100% - 90px);padding-left:10px}

.add_sec03_cont01 li .ad_left_box figure { border-radius:50%; overflow:hidden;}
/*.add_sec03_cont01 li .ad_left_box figure img {border-radius:50%; width:60px; height:60px;}*/
.add_sec03_cont01 li .ad_right_box h2 {  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box;}
.add_sec03_cont01 li .ad_right_box p {  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; word-break: break-all;}

.add_sec03_cont01 li:nth-of-type(4n) {margin-right:0;}
.add_sec03_cont01 li.non_ad_pro {flex-direction: column; justify-content: center; align-items: center; background:#fcfcfc; border:1px solid #eee;}
.add_sec03_cont01 li.non_ad_pro h2 a {color:#bababa;}
.non_pro_btn {width:120px; height:30px; line-height:30px; text-align:center; display:block; border:1px solid #bababa; border-radius:5px; color:#bababa;}

@media screen and (max-width: 1080px){
/**/
	.add_sec03_cont01 li {width:calc((100% - 20px)/2); margin-right:20px;}
	.add_sec03_cont01 li:nth-of-type(2n) {margin-right:0;}
	.add_sec03_cont01 li:nth-of-type(n + 3) {margin-top:18px;}

 }

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

	.add_sec03_cont01 li .ad_right_box {width:calc(100% - 90px);padding-left:0px;}

}


.add_detail_tab_con {display:flex; justify-content: center;width: 100%; max-width: 100%; margin: 0 auto; align-items:center; }
.add_detail_tab_img_box {margin-right:43px; min-width: 250px; text-align:center}
.add_detail_tab_desc {width:calc(100% - 74px);}
.add_detail_tab_desc dl {display:flex; width:100%;}
.add_detail_tab_desc dl dt {width:67px;}
.add_detail_tab_desc dl dd {width:calc(100% - 67px);}
.add_detail_tab_desc02 {display:flex; margin-top:10px;}
.add_detail_tab_desc02 dl + dl {margin-left:80px;}
.gen_c {color:#ff0000;}
@media screen and (max-width: 900px){
	.add_detail_tab_desc02 dl + dl {margin-left:40px;}
	.add_detail_tab_img_box {margin-right:20px;}
 }

@media screen and (max-width: 790px){
	.add_detail_tab_desc02 {flex-wrap:wrap;}
	.add_detail_tab_desc02 dl + dl {margin-left:0px; margin-top:10px;}
	.add_detail_tab_img_box {margin-right:0px; text-align: center;}
	.add_detail_tab_con {flex-wrap:wrap;}
	.add_detail_tab_desc {margin-top:15px;}

 }

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

 }


@media screen and (max-width: 720px){
	.add_sec03_cont01 li {padding:10px; flex-wrap:wrap;}
	.add_sec03_cont01 li .ad_right_box h2{font-size:14px;}

	.add_sec03_cont01 li .ad_left_box {width:100%; display:flex; align-items:center;}
	.add_sec03_cont01 li .ad_left_box figure {margin-right:15px;}
	.add_sec03_cont01 li .ad_left_box figure img {width:45px; height:45px;margin-top:5px;}
	.sec03_pro_info {text-align:left;}
	.add_sec03_cont01 li .ad_right_box {width:100%; }
	
 }


 .sec03 .sec03_cont > ul > li.non_prefer {background:#fcfcfc; border:1px solid #eee;}
 .non_prefer a {display:flex; display: flex;flex-direction: column; align-items: center; justify-content: center;height: 100%;}
 .non_prefer a h2 {color:#bababa;}




 /*sec04 추가 수정*/

.add_sec04_cate .sec04_cate_list {display:flex; margin-bottom:20px; flex-wrap: wrap; gap: 1px;}
.sec04_cate_list li.on a {border-color: var(--color-basic); background: var(--color-basic); color:#fff;}
.sec04_cate_list li {margin-right:5px;margin-bottom:5px;}
.sec04_cate_list li a {display:block; padding:10px; border-radius:10px; border: 1px solid #eee; font-weight:500;}


.set04_cag {position:absolute; left:10px; top:0;}
.set04_cag span {display:inline-block; }
.set04_cag span.sec04_pre img{position:static !important;}
.set04_cag span.sec04_prefer img {position:static !important;}

@media screen and (max-width: 720px){
.set04_cag {top:-2px;}
.set04_cag span img {display:inline-block; width:40px; }
.set04_cag span.sec04_pre img{position:static !important;}
.set04_cag span.sec04_prefer img {position:static !important;}
 }


/* ------------------- 서브 비주얼*/

.employ .sub_visual > ul {display:flex;}
.employ .sub_visual > ul > li {width:calc((100% - 10px)/2); margin-right:10px;}
.employ .sub_visual > ul > li:nth-of-type(2) {margin-right:0;}
.emp_sub_left img {width:100%;height:120px}
.emp_sub_right ul {display:flex; height:100%; }
.emp_sub_right ul li {width:calc((100% - 10px)/2); margin-right:10px; text-align:center; border-radius:8px; background:#fff9e2; height:100%; padding:15px 0;}
.emp_sub_right ul li a {display: flex; width:188px; height:31px; text-align:center; border-radius:30px; background: var(--color-basic); color:#fff;     justify-content: center;align-items: center;margin: 0 auto;} /*수정*/
.emp_sub_right ul li a i {margin-left:15px;}
.emp_sub_right ul li a i img {display:inline-block; vertical-align:middle;}
.emp_sub_right ul li p {margin-top:10px;}
.emp_sub_right ul li:nth-of-type(2) {margin-right:0;}

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

}

@media screen and (max-width: 1080px){
	.employ .sub_visual > ul > li {width:calc((100% - 10px)/2); margin-right:0px;}
	.employ .sub_visual > ul {flex-wrap:wrap;}
	.employ .sub_visual > ul > li {width:100%;}
	.emp_sub_left img {height:auto;}
	.emp_sub_right ul {display:none;}
}

@media screen and (max-width: 720px){
	.emp_sub_right ul {display:none;}
	/*
	.emp_sub_right ul {height:85%;}
	.emp_sub_right ul li a {width:140px;}
	.emp_sub_right ul li a i {margin-left:10px;}
	*/
}


/* ------------------- 구인,구직 지역,검색*/

.employ {padding:40px 0 10px 0;}
.employ .j_sub_tit {position:relative;cursor:pointer;}
.employ .j_sub_tit .area_down_btn {position:absolute; right:0; width:60px; ;}
.employ .j_sub_tit .area_down_btn i img {width:50%;}
.j_sub_tit {display:flex; align-items: baseline;}
.j_sub_tit span {margin-left:52px; display:block;}

.j_locate_box {background:#fcfcfc; padding:38px; box-sizing:border-box; border:1px solid #eef4f7; border-radius:15px; }

.j_locate_map {display:none;}
.j_locate_map>ul>li {display:flex; flex-wrap:wrap; align-items: flex-end; }
.j_locate_map>ul>li>button {width:11.11%;}
.j_locate_map>ul>li>button:nth-of-type(n+10) {margin-top:30px;}
.j_locate_map>ul>li>button.on i {color:#ffa200;}
.j_locate_map>ul>li>button.on img.map_on {display:block;}
.j_locate_map>ul>li>button.on img.map_off {display:none;}
.j_locate_map figure {display: flex; flex-direction: column; align-items:center;}
.j_locate_map figure i {margin-top:18px;}
.j_locate_map  img.map_on {display:none;}

.sphere_box_wrap .sphere_box {z-index:2;}
.sphere_box {background: #fcfcfc; padding: 38px; box-sizing: border-box;border: 1px solid #eef4f7; border-radius: 15px; position:relative; display:none;}

.sphere_detail_search {right:0;position: absolute;z-index: 1; display:block; width: 127px; height: 45px; text-align: center; line-height: 45px; color: #878787; border-radius: 35.5px; border: 0px solid #c1c1c1; letter-spacing: -0.01em; margin: 10px 0;}

.sphere_con>ul>li {display: flex; align-items: center; flex-wrap:wrap; gap:10px;}
.sphere_con>ul>li span {display:block; height:40px; border-radius:20px; border:1px solid #929292; text-align:center; line-height:40px;cursor:pointer; }
.sphere_con>ul>li span.on {color:#ffa200; border-color:#ffa200;}

.j_gender span{display:inline-block; height:40px; border-radius:20px; border:1px solid #929292; text-align:center; line-height:40px; margin-right:8px;cursor:pointer;}
.j_gender span:nth-of-type(3){margin-right:0;}
.j_gender span.on {color:#ffa200; border-color:#ffa200;}

.j_btn_sub_tit a i {margin-left:15px;}
.j_btn_sub_tit {justify-content: space-between;}

.se_search {display:flex;}
.se_search > li {width:50%;}

.sphere_search_btn {text-align:center;}
.sphere_search_btn i {margin-right:15px;}
.sphere_search_btn i img {vertical-align: middle; width: 7%;}
.sphere_search_btn span{display:block; width:250px; height:70px; line-height:70px; border-radius:35px; background: var(--color-basic); color:#fff;}

.employ_page_btn {text-align:center;}
.employ_page_btn span {margin-right:20px; cursor:pointer;}
.employ_page_btn .next_btn {display: inline-block; vertical-align: middle;}

.all_emp_search {display:flex; align-items:center; position:relative; height:50px;  border-radius:25px; max-width: 470px;width: 100%;}
.search_sli {position:relative; }
.search_sli>a{display:block; width:111px; height:50px; text-align:center; font-size:0.875rem; color:#333333; font-weight:400; background:#fff;  position:relative; line-height:50px; border-radius: 25px 0 0 25px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;}
.search_sli >ul {position:absolute; width:111px; background:#fff; box-sizing: border-box; text-align: center; display:none; overflow:hidden;}
.search_sli >ul>li {width:100%;}
.search_sli >ul>li>a {padding:10px; display:block; text-align:center; font-size: 0.875rem; color: #333333; font-weight: 400;}
.search_sli>a:after {position:absolute; right:0; top: 50%; transform:translateY(-50%); width:1px; height:20px; background:#eaeaea; content:'';}
.search_sli i {position:absolute; top:50%; transform:translateY(-50%); right:10px; }
.search_sli i img {vertical-align:middle;}
.all_emp_search input {width:calc(100% - 111px); height:50px; padding-left:20px; border:1px solid #d6d6d6; border-left:none; border-radius:0 25px 25px 0;}
.all_emp_search .sli_con_btn {position: absolute;right: 25px;top: 50%;transform: translateY(-50%);}

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

	.sphere_box {padding:28px;}
	.j_locate_box {padding:20px;}
	.sphere_search_btn span {width:130px; height:40px; line-height:40px;}
	.sphere_search_btn i img {width:10%;}
	.sphere_detail_search {float:none;}
	
 }

@media screen and (max-width: 720px){
	.employ {padding:40px 0 0px 0;}
	.sphere_box {padding:18px;}
	.j_sub_tit span {margin-left:20px;}
	.j_locate_box {padding:18px;}
	.j_locate_map>ul>li>button {width:25%;}

	.j_locate_map>ul>li>button:nth-of-type(n+5) {margin-top:10px;}

	.sphere_search_btn span {width:130px; height:40px; line-height:40px;}
	.sphere_search_btn i {margin-right:5px;}

	.sphere_btn {margin:15px 0; width:120px; height:30px; line-height:30px;}
	.sphere_detail_search {width: 70px; height: 30px; line-height:30px; margin:15px;}
	.j_btn_sub_tit a {font-size:12px;}
	.j_btn_sub_tit a i{margin-left:7px; }
	.j_btn_sub_tit a i img {width: 10%;}

	.se_search {flex-wrap:wrap;}
	.se_search > li {width:100%;}
	.search_sli>a {font-size:14px;}
	.search_sli >ul>li>a {font-size:14px;}

	.employ .j_sub_tit .area_down_btn i img {width:35%;}

}


/* ------------------- 광고문의*/

.employ_sub_tit p{margin-top:14px; overflow: hidden;}
.employ_content {display:flex; border-radius:15px; overflow: hidden;}

.employ_content .employ_con01_wrap {width:55%; background: #fbfbfb; padding:19px; box-sizing: border-box;}
.employ_content .employ_con01_wrap .employ_con01_chk {}
.employ_con01 .txt_tit {display:flex; align-items: center;}
.employ_con01 .txt_tit span {background:#ff2424; display:block; letter-spacing:-0.010em; border-radius:13px; width:100px; height:25px; text-align:center; line-height:25px; margin-right:11px;}
.employ_con01_list {display:flex; align-items:center;}
.employ_con01_list + .employ_con01_list {margin-top:5px;}
.employ_con01_date {margin-left:12px; text-align:right}
.employ_con01_date {width:70px;}

/* .employ_con01_price {width:calc(100% - 110px);} */
.employ_con01_price {width:150px; padding-left:20px; text-align:right}


@media screen and (max-width: 575px){
	.employ_con01_price {width:130px;}
}

.employ_img_box_con01 {min-width:463px; width: 100%;}
.employ_img_box_con01 img {width:100%; display:block; max-height:260px;}
.employ_con01_chk {display:none;}

.pay_wrap {text-align:center; border-top:1px solid #e3e3e3;;}
.pay_wrap .total_box span input {max-width:180px; width:100%;}
.employ_left {max-height:1010px;}
.pay_btn_box a {width:250px; height:70px; border-radius:35px; line-height:70px; background:#111111; color:#fff; display:block; text-align:center; }
.pay_btn_box a + a {margin-left:17px;}
.pay_btn_box a i {margin-right:20px;}
.pay_btn_box a i img {vertical-align:middle;}

.pay_btn_box {  display: flex; align-items: center; justify-content: center;}

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

	.sphere_con>ul>li {flex-wrap:wrap; gap:5px;}

}

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

	.employ_content {flex-wrap:wrap;}
	.employ_content .employ_img_box {width:100%;}
	.employ_content .employ_con01_wrap {width:100%;}
/*	.employ {padding:45px 0;}*/	

}

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

	.employ_content .employ_con01_wrap {padding:20px;}
	.pay_btn_box a {    width: 180px;height: 60px; line-height: 60px;}
	.pay_btn_box a i img {width:13%}
	.pay_btn_box a i {margin-right:10px;}
	.employ_sub_tit p {margin-left:0;}

	.employ_con01_list span{font-size:16px;}
	.employ_con01_list p {font-size:16px;}

	.employ_content .employ_img_box {width:100%;}
/*
	.employ_content .employ_img_box {height:220px;}
*/
	.pay_wrap .total_box span input {text-align:center; width:100px;}

}


/* ------------------- 구인썸네일형태 리스트*/

.tab-content ul.de_con li{display:flex;}
.tab-content ul.de_con li + li {margin-top:20px;}
.tab-content ul.de_con li dl {display:flex; width:50%;}
.tab-content ul.de_con li dl dt {width:130px; }
.tab-content ul.de_con li dl dd {width:calc(100% - 130px);}

.recruit_box {display:flex;}
.recruit_box li {width:50%; font-weight: 400;}
.recruit_box li p + p {margin-top:20px;}
.recruit_box li p i {margin-right:40px;}
.recruit_box li p b {}

@media screen and (max-width: 1080px){
.tab-content ul li dl dt {width:90px;}
}

@media screen and (max-width: 767px){
	.tab-content ul {}
	.tab-content ul.de_con li dl dt{width:80px;}
	.tab-content ul.de_con li dl dd {width:calc(100% - 60px);}
	.tab-content ul.de_con li + li {margin-top:10px;}
	.tab-content ul.de_con li {flex-wrap:wrap;}	
	.tab-content ul.de_con li + li {margin-top:0px;}	
	.tab-content ul.de_con li dl {width:100%; margin-top:15px;}	
	.tab-content ul {flex-wrap:wrap;}	

	.recruit_box li p b {margin-left:10px;}
	.recruit_box li p + p {margin-top:15px;}
	.recruit_box li {width:100%; margin-top: 0px;}
	.recruit_box li:nth-child(2) {margin-top: 40px;}
	.recruit_box li p i {margin-right:20px;}
}


/* ------------------- 확인되지않음*/

.hurry { display: inline-block; padding:0 7px 0 7px;background: #ff2424; height: 25px; border-radius: 18px; text-align: center; line-height: 25px; margin-right: 7px; } 
@media screen and (max-width: 1080px){
	.hurry { padding:1px 7px 0 7px; }
}

.emp_v_info_box {display:flex;     justify-content: flex-end;}
.emp_v_info_box p + p {margin-left:20px;}
.emp_v_info_box i img {display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px;}