@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

:root {
    --navy: #242b6c;
	}
.sub_content { margin:80px 0 100px; }
.sub_inner { max-width:1200px; background:#fff; margin:0 auto; }
.mypage_inner { max-width:1440px; background:#fff; margin:0 auto; }
.wide_inner { max-width:1600px; background:#fff; margin:0 auto; padding:50px 0 80px; }
.join_inner { max-width:1000px; background:#fff; margin:0 auto; padding:50px 50px 80px; box-sizing:border-box; }
.bg_inner { background:#f8f8f8; padding:100px 0; }
.location_bar { display:none; }
.only_m { display:none; }

.scrollLock { overflow: hidden; }

/* 탑메뉴 */
#main #header { border:0; }
#header { position:relative; width:100%; z-index:5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
#header:after { content:''; display:block; clear:both; }
#header #topCate ul.top_menu .t_menu:hover .bg { display:block; }
#header .h_inner { max-width:1600px; margin:0 auto; }

#header .top_banner { background:var(--navy); } 
#header .top_banner .topb_area { display:flex; justify-content:space-between; align-items:center; height:40px; }
/*#header .top_banner .l_sec p { font-size:14px; color:#969de6; display:inline-block; }*/
#header .top_banner .l_sec p { font-size:14px; color:white; display:inline-block; }
#header .top_banner .l_sec p:first-child { margin-right:30px; }
#header .top_banner .l_sec p img { width:15px; margin-right:8px; vertical-align:middle; margin-top:-4px; }
#header .top_banner .r_menu div { float:left; font-size:13px; letter-spacing:-0.7px; color:#969de6; }
/*#header .top_banner .r_menu div span a { font-size:13px; font-weight:400; color:#fff; opacity:0.5; }*/
#header .top_banner .r_menu div span a { font-size:13px; font-weight:400; color:white; opacity:1; }
#header .top_banner .r_menu div span { position:relative; }
#header .top_banner .r_menu div span.cerc { padding-right:17px; margin-right:10px; }
#header .top_banner .r_menu div span.cerc:after { content:''; display:inline-block; width:2px; height:2px; border-radius:100%; background:#999; position:absolute; right:0; top:9px; }
#header .top_banner .r_menu .country { position:relative; cursor:pointer; padding-left:6px; }
#header .top_banner .r_menu .country p img { width:15px; margin-right:4px; vertical-align:middle; margin-top:-2px; }
#header .top_banner .r_menu .country i { font-size:20px; vertical-align:middle; }
#header .top_banner .r_menu .country .xi-globus { font-size:14px; margin-top:-2px; margin-right:4px; }
#header .top_banner .r_menu .country_menu { display:none; position:absolute; width:100%; top:30px; left:0; padding:5px 0; background:#fff; 
border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:0 3px 7px rgb(0 0 0 / 5%); z-index:98;}
#header .top_banner .r_menu .country_menu > li { height:25px; line-height:25px; text-align:left; box-sizing:border-box; color:var(--gray500); text-align:center; }
#header .top_banner .r_menu .country_menu > li a { color:#666; }
#header .top_banner .r_menu .country_menu > li a:hover { padding-left:2px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
#mheader .mNav { z-index: 99; position: fixed; background-color: #fff; top: 0; right: -100%; width: 25%; height: 100%; transition: all 0.3s ease; }


/* 로고영역 */
#header .cate_section { border-bottom:1px solid #eee; }
#header .cate_section .contents { position:relative; width:100%; height:100px; line-height:100px; max-width:100%; margin:0 auto; 
text-align:center; box-sizing:border-box; display: flex; justify-content: space-between; align-items: center; }

#header .logo_show { width:230px; }
#header .logo_show img { width:100%; }

#header .search_area { position:relative;}
#header .search_area input[type="text"] { width:600px; height:50px; font-size:16px; border:2px solid var(--navy); border-radius:0; padding:0 50px 0 10px; box-sizing:border-box; }
#header .search_area input::placeholder { font-size:16px; color:#999; }
#header .search_area button { cursor:pointer; position:absolute; right:0; top:0; width:50px; height:50px; border:0; background:var(--navy); 
background-image:url('../images/s_arrow.png'); background-repeat:no-repeat; background-position:center; background-size:20px;}
#header .rese_p { padding-bottom:18px; }
#header .search_area .re_se { position:absolute; bottom:-12px; left:0; line-height:initial; left: 50%; transform: translate(-50%, 0); }
#header .banner { position:relative; width:228px; }
#header .banner .top_slide { width:100%; overflow:hidden; }

/* 카테고리 */	
#header #topCate { position:relative; text-align:left; border-bottom:1px solid #eee; box-sizing:border-box; }
#header #topCate ul.top_menu { display:block; }
#header #topCate ul.top_menu:after { display:block; content:""; clear:both; }
#header #topCate ul.top_menu .t_menu { position:relative; display:inline-block; box-sizing:border-box; width:5%; text-align:center; line-height:60px; } 
#header #topCate ul.top_menu .t_menu:first-child { width:8%; }
#header #topCate ul.top_menu li a .on  { color:var(--navy); }
#header #topCate ul.top_menu li a { display:block; font-size:18px; font-weight:500; letter-spacing:-0.1px; color:#333; }
#header #topCate ul.top_menu li .select { color:var(--navy); }
#header #topCate ul.top_menu > li:hover a { color: var(--navy); text-decoration:none; transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#header #topCate ul.top_menu li.cate_login a { font-size:16px; padding:5px 20px; border-radius:30px; border:2px solid #fff; color:#fff !important; }

/* 카테고리 hover */
#header #topCate ul.top_menu .t_menu .t_view { position:absolute; display:none; padding:6px 0; box-sizing:border-box; background:#fff; 
top:60px; left:0; width:135px; border:1px solid #eee; z-index:999; /* [2022-09-22] 카테고리 박스 사이즈제한 제거 */
transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s;  -moz-transition: all 400ms ease-in-out 0s; 
-o-transition: all 400ms ease-in-out 0s;  -ms-transition: all 400ms ease-in-out 0s;  }
.leftCategory .category > ul > li:hover .sub-category { display:block; opacity:1; visibility:visible;}
#header #topCate ul.top_menu .t_view li { /*padding:0 25px;*/ }
#header #topCate ul.top_menu .t_view li a { padding:0; line-height:2; transition:.3s all; }
#header #topCate ul.top_menu .t_view .position { display:block; box-sizing:border-box; }
#header #topCate ul.top_menu .t_view .position ul:after { content:''; display:block; clear:both; }
#header #topCate ul.top_menu .t_view .position li { box-sizing:border-box; display:block; float:none; width:100%; text-align:left; }
#header #topCate ul.top_menu .t_view .position li a { padding:0 15px; color:#777; font-size:15px; letter-spacing:-0.5px; line-height: 35px; font-weight:400; }
#header #topCate ul.top_menu .t_view .position li:hover > a { color:var(--navy); font-weight:500; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s;  -moz-transition: all 400ms ease-in-out 0s; 
-o-transition: all 400ms ease-in-out 0s;  -ms-transition: all 400ms ease-in-out 0s;  }
#header #topCate ul.top_menu .t_view .position li ul li a { color:#777; font-size:15px; }
#header #topCate ul.top_menu .t_view .position li a:after { width: 100%; height: 0; background: var(--blue100); content: ''; position: absolute; top: 75%; left: 0; opacity: 0; transition: all 0.3s ease-out; margin: auto; }
#header .cate_sec_wrap.smaller { position:fixed; width:100%; left:0; top:0; background-color:rgba(255,255,255,0.95); 
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; box-shadow:0 3px 7px rgba(0,0,0,0.05); z-index:40; }

#header #topCate ul.top_menu .t_view .position li .sub-category { display:none; position: absolute; left: 133px; top: -1px; background: #fff; 
width: 135px; padding-top: 6px; box-sizing: border-box; border:1px solid #eee; } /* 사이즈 조정 : 세로제한 제거 */
#header #topCate ul.top_menu .t_view .position li:hover .sub-category { display:block; }
#header #topCate ul.top_menu .t_view .position li .sub-category ul li > .tdep { display:none; position: absolute; left: 133px; top: -1px; 
background: #fff; width: 135px; padding-top: 6px; box-sizing: border-box; border:1px solid #eee; background:#f8f8f8;} /* 세로사이즈 제한제거 */
#header #topCate ul.top_menu .t_view .position li .sub-category ul li:hover .tdep { display:block; }

#header #topCate .allcate { cursor:pointer; background:var(--navy); width:60px; height:60px; float:left;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='40' y1='64' x2='216' y2='64' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='40' y1='192' x2='216' y2='192' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:50%; background-position:center; }

.pop_btn { position:absolute; right:0; top:17px;}
.pop_btn li { display:inline-block; font-size:14px; font-weight:500; color:var(--navy); letter-spacing:-0.15px; cursor:pointer; }
.pop_btn li:first-child { margin-right:20px; }
.pop_btn li img { width:15px; vertical-align:middle; margin:-4px 5px 0 0; }


/* 모바일 햄버거 메뉴 */
#mheader .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; }
#mheader .logo img { width:200px; }
#header .cate_section .contents .mBtn { display:none; }
#header .cate_section .contents .mBtn a { display: block; text-indent: -9999px; width: 24px; height: 24px; margin-top: 20px; }
#header .cate_section .contents .mBtn i { line-height:90px; font-size:25px; color:#000; }
#mheader .mNav.on { right: 0; }
#mheader .mNav .mNav_logo { position:relative; background:#fff; border-bottom:1px solid #eee; padding:20px 20px; align-items:center; justify-content:space-between; display:flex; z-index:10; }
#mheader .mNav .mNav_logo img  { width:70px; }
#mheader .mNav .mNav_logo .closeBtn i { font-size:25px; color:#222; cursor:pointer; }
#mheader .mNav .r_menu .cerc { position:relative; }
#mheader .mNav .r_menu .cerc:last-child:after { display:none; }
#mheader .mNav .r_menu .cerc:after { content:''; width:4px; height:4px; background:#ddd; border-radius:100%; position:absolute; right:4px; top:10px; }
#mheader .mNav .r_menu .cerc a { color:#777; font-size:16px; letter-spacing: -0.35px; margin-right:8px; padding-right:8px; }
#mheader .mNav .r_menu .nav a { color:var(--navy); font-weight:500; }
#mheader .mNav .r_menu .nav img { width:15px; margin-right:5px; }
#mheader .bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }
#mheader .sub { position: relative;}
#mheader .sub li a { display: block; font-size: 14px; color: #333; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; font-size:15px; letter-spacing:-0.55px; font-weight:500; padding:15px 15px; color:#222; }
#maccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
#maccordian li >h1 .ico_ar { 
	position: absolute;
    right: 20px;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23242b6c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E");
}
#maccordian li >h1 .ico_ar.active {
    position: absolute;
    right: 20px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23242b6c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
	}
#maccordian li > ul{ display:none; background:#f7f7f7; padding:15px 15px; }
#maccordian li > ul >li{ color:#555; margin-bottom:7px; font-weight:300; }
#maccordian li > ul >li:last-child { margin-bottom:0; }


.ham_allWrap { font-size:0; }
.ham_allWrap:after { content:''; display:block; clear:both; }
.ham-tabBox { float:left; width:40%; font-size:0; }
.ham-tab-link { position:relative; padding:15px 15px; box-sizing:border-box; text-align:left; cursor: pointer; 
font-size:15px; background:var(--navy); color:#fff;  z-index:10; }
.ham-tab-link.current { background-color: #fff; font-weight: 600; color:var(--navy); }
.ham-tab-content { display: none; float:left;  width:60%; font-size:15px; }
.ham-tab-content.current{ display: block; font-size:15px; }
.ham-tabBox:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background-color: var(--navy);
    content: '';
}


.top_slide .swiper-button-next, .top_slide .swiper-button-prev { width:20px; height:20px; border:1px solid #ddd; box-sizing:border-box; background:#fff; }
.top_slide .swiper-button-prev:after { display:none; }
.top_slide .swiper-button-prev { left:auto; right:3%; top:41px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23212121' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='160 208 80 128 160 48' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E"); 
background-repeat:no-repeat; background-size:60%; background-position:center; transform: rotate(90deg); }
.top_slide .swiper-button-next:after { display:none; }
.top_slide .swiper-button-next { right:3%; top:60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23212121' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E"); 
background-repeat:no-repeat; background-size:60%; background-position:center;  transform: rotate(90deg); }




.swiper-button-next, .swiper-button-prev { color:#ddd !important; }
.swiper-pagination  { z-index:1 !important; }

/* 메인 슬라이드 */
.mainSlide { position:relative; overflow:hidden; }
.mainSlide .swiper-pagination { position:unset !important; top:auto !important; bottom:0 !important; margin-top:15px; }
.mainSlide .swiper-pagination-bullet { width:50px; height:4px; border-radius:0; background:#242b6c; }
.mainSlide .swiper-button-next, .mainSlide .swiper-button-prev { width:45px; height:45px; border-radius:100%; background:#fff; }
.mainSlide .swiper-button-prev:after { display:none; }
.mainSlide .swiper-button-prev { left:1%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23212121' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='160 208 80 128 160 48' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E"); 
background-repeat:no-repeat; background-size:60%; background-position:center; }
.mainSlide .swiper-button-next:after { display:none; }
.mainSlide .swiper-button-next { right:1%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23212121' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='12'%3E%3C/polyline%3E%3C/svg%3E"); 
background-repeat:no-repeat; background-size:60%; background-position:center; }
.mainSlide .swiper-slide { height:500px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.slide_wrap { position:relative; padding-bottom:25px; margin-bottom:30px; border-bottom:1px solid #eee; }
.pop_atag { cursor:pointer; width: 300px; height: 200px; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 45%; display: block; z-index: 1; }
.comnameSlide { position:relative; overflow:hidden; margin-bottom:30px;  }
.comnameSlide .swiper-slide { height:500px; background-size:cover; background-position:center; }
.comnameSlide .swiper-button-prev { left:20px; }
.comnameSlide .swiper-button-next { right:20px; }
.comnameSlide .swiper-pagination-bullet { width:50px; height:4px; border-radius:0; background:#ddd; }

.cominfoSlide { overflow:hidden; }
/*.cominfoSlide .swiper-slide { height:240px; background-size:cover; background-position:center; }*/
.cominfoSlide .swiper-slide { height:240px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.cominfoSlide .swiper-button-prev { left:-50px; }
.cominfoSlide .swiper-button-next { right:-50px; }

.bmain_wrap { width:100%; position:absolute; bottom:2px; left:0; display:flex; justify-content:center; padding:0 20px; }
.bmain_wrap > div { width:50%; text-align:center; font-size:15px; }
.bmain_wrap > div > span { margin-left:15px; font-weight:500; }
.bmain_like { color:#242b6c; }
.bmain_view { color:#242b6c; }

.main_swiper_wrap { position:relative; background-color:#f5f5f5; }
.company_card { width:120px; background-color:#fff; border:1px solid #eee; padding:10px; z-index:10; }
.company_card.ml { position:absolute; left:15px; top:15px;}
.company_card.mr { position:absolute; right:15px; top:15px;}
.company_card ul li { font-size:14px; margin-bottom:5px; letter-spacing:-0.55px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.company_card ul li:last-child { margin-bottom:0; }
.company_card ul .tit { margin-bottom:10px; }
.company_card ul .tit a { font-size:15px; color:#242b6c; font-weight:600; }


/* 메인 리스트 */
.main_inner { max-width:1600px; margin:0 auto; }
.main_list_wrap { background:#f5f5f5; padding:40px 0; }
.main_list_wrap .tit_area { border-bottom:1px solid #eee; padding-bottom:12px; margin-bottom:22px; display:flex; align-items:center; justify-content:space-between; }
.main_list_wrap .tit_area h2 { position:relative; font-size:25px; color:#222; font-weight:500; }
.main_list_wrap .tit_area h2:after { content:''; display:inline-block; width:100%; height:2px; background:var(--navy); position:absolute; bottom:-14px; left:0; }
.main_list_wrap .tit_area a { background:var(--navy); border:2px solid var(--navy);  font-weight:600; box-sizing:border-box; color:#fff; 
font-size:14px; padding:10px 25px; border-radius:30px; }
.main_list_wrap .tit_area a:hover { background:#fff; color:var(--navy); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s;  -moz-transition: all 400ms ease-in-out 0s; 
-o-transition: all 400ms ease-in-out 0s;  -ms-transition: all 400ms ease-in-out 0s; }
.main_list_wrap .tit_area a i { font-size:20px; vertical-align:middle; margin-top:-2px; }
.main_list_wrap .main_list { background:#fff; padding:20px 15px; box-sizing:border-box; margin-bottom:15px; }
.main_list_wrap .main_list:last-child { margin-bottom:0; }
.main_list_wrap .main_list .inner_list { display: grid; grid-template-columns: repeat(5, 1fr); width: calc(100% ); grid-column-gap: 15px; grid-auto-rows: 1fr; }
.main_list_wrap .main_list .inner_list > li {/*display:inline-block; height:400px; vertical-align:top; width:19.1111%; margin-right:1%;*/ position:relative; min-height:464px; border:1px solid #eee; }
.main_list_wrap .main_list .inner_list > li img { width:100%; padding:0 6px; box-sizing:border-box; }
.main_list_wrap .main_list .inner_list > li .list_txt { padding:0 15px 30px; }
.main_list_wrap .main_list .inner_list > li .list_txt .tit { font-size:20px; color:#222; font-weight:500; margin-bottom:10px; }
.main_list_wrap .main_list .inner_list > li .list_txt .hash { font-size: 14px;  color: #0c3775; display: inline-block; word-spacing: 5px; letter-spacing: -0.85px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.main_list_wrap .main_list .inner_list > li .list_txt .hash > span { display:inline-block; width:10px; }
.main_list_wrap .main_list .inner_list > li.sale { cursor:pointer; background:#f8f8f8; background-image:url(../images/sale.png); height:464px; background-position:center; background-repeat:no-repeat; background-size:40%; }
.main_list_wrap .main_list .inner_list > li .list_img { margin:20px 0; }
.main_list_wrap .main_list .inner_list > li .il_logo { width:50%; height:50px; margin:0 auto 15px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.main_list_wrap .main_list .inner_list > li .il_pro { width:90%; height:220px; margin:0 auto; background-size:contain; background-repeat:no-repeat; background-position:center; }


/* 메인 리스트 */
.prd_inner { max-width:1440px; background:#fff; margin:0 auto; padding-bottom:50px; }
.prd_pinner { padding:20px 15px; }
.prd_list { background:#fff; box-sizing:border-box; margin-bottom:15px; }
.prd_list:last-child { margin-bottom:0; }
.prd_list > .tit_area { border-bottom:2px solid var(--navy); padding:0 0 10px; margin-bottom:20px;  }
/*.prd_list > .tit_area h2 { font-size:15px; color:#222; font-weight:500; }*/
.prd_list > .tit_area h2 { font-size:15px; color:#222; font-weight:400; }
.prd_list > .tit_area h2 span { color:var(--navy); font-weight:600; }
.prd_list .inner_list { font-size:0; }
.prd_list .inner_list > li { display:inline-block; height:400px; vertical-align:top; width:19.1111%; margin:0 1% 1% 0; border:1px solid #eee; }
.prd_list .inner_list > li:nth-child(5n+0) { margin-right:0;}
.prd_list .inner_list > li img { width:100%; padding:0 6px; box-sizing:border-box; }
.prd_list .inner_list > li .list_txt { padding:0 15px 30px; }
.prd_list .inner_list > li .list_txt .tit { font-size:20px; color:#222; font-weight:500; margin-bottom:10px; }
.prd_list .inner_list > li .list_txt .hash { font-size:14px; color:#0c3775; display:inline-block; word-spacing:10px; }
.prd_list .inner_list > li .list_txt .hash > span { display:inline-block; width:10px; }
.prd_list .inner_list > li.sale { cursor:pointer; background:#f8f8f8; background-image:url(../images/sale.png); background-position:center; background-repeat:no-repeat; background-size:40%; }


.key_navi {  border-bottom:1px solid #eee; margin-bottom:15px; padding:0 15px; }
.key_navi p { padding:15px 0;  color:#222; font-size:15px; }
.key_navi p span { color:var(--navy); font-weight:600; }
.heart_icon { display:inline-block; width:20px; height:20px; vertical-align:middle; margin-top:-2px; }
.heart_icon i { font-size:20px; color:#dddde5; }
.heart_icon.active i { color:var(--navy); }

.sub_prd { border-bottom:1px solid #eee; padding-bottom:20px; }
.sub_prd .inner_list > li { height:365px; } 
.sub_prd .inner_list > li .list_txt .hash { font-size:14px; color:#0c3775; display:inline-block; word-spacing:6px; letter-spacing:-0.35px; }

.heart_list { position:relative; font-size:0; display: grid; grid-template-columns: repeat(5, 1fr); width: calc(100% ); grid-column-gap: 15px; grid-row-gap: 15px; grid-auto-rows: 1fr; }
.heart_list > li { position:relative; border:1px solid #eee;  min-height:464px; }
.heart_list > li input[type="checkbox"] { position:absolute; left:10px; top:10px; }
.heart_list > li:nth-child(5n+0) { margin-right:0;}
.heart_list > li img { width:100%; padding:0 6px; box-sizing:border-box; }
.heart_list > li .list_txt { padding:0 15px 30px; word-break:break-all; }
.heart_list > li .list_txt .tit { font-size: 20px; color: #222; font-weight: 500; margin-bottom: 10px; }
.heart_list > li .list_txt .hash  { font-size: 14px; color: #0c3775; display: inline-block; word-spacing: 5px; letter-spacing: -0.85px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.heart_list > li .list_txt .hash > span { display:inline-block; width:10px; }
.heart_list > li.sale { cursor:pointer; background:#f8f8f8; min-height: 464px; background-image:url(../images/sale.png); background-position:center; background-repeat:no-repeat; background-size:40%; }
/*.ot_btn { margin:-5px 0 35px !important; }*/
.heart_list > li .list_img { margin: 15px 0; }
.heart_list > li .il_logo { width: 50%; height: 50px; margin: 0 auto 15px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.heart_list > li .il_pro { width: 90%; height: 220px; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; }


.border_tb tbody td:first-child { border-right:1px solid #ddd !important; }
.info_tb tbody td:first-child { border-right:1px solid #ddd !important; }
.info_tb tbody td:last-child { text-align:left !important; }
table tbody .bg_area td { background:#eff0f8; color:var(--navy); font-weight:500; }

.com_slide_wrap { position:relative; width:90%; margin:0 auto 30px; }
.info_top { display:flex; align-item:center; justify-content:space-between; margin-bottom:30px; border-bottom:1px solid #eee; padding-bottom:15px; }
.info_top p { position:relative; color:#999; font-size:15px; display:inline-block; padding-right:18px; margin-right:10px; }
.info_top p:last-child { margin:0; padding:0; }
.info_top p:last-child:after { display:none; }
.info_top p:after { content:''; display:inline-block; width:1px; height:13px; background:#ddd; position:absolute; right:0; top:5px; }
.info_top .icon_btn li { cursor:pointer; position:relative; display:inline-block; vertical-align:top; width:30px; height:30px; margin-right:15px; }
.info_top .icon_btn li:last-child { margin-right:0; }
.info_top .icon_btn li i { color:#ccc; font-size:30px; }
.info_top .icon_btn li.active i { color:var(--navy); }
.info_top .icon_btn li .num { display:none; font-size:12px; color:#999; position:absolute; top:-17px; left:50%;  transform: translate(-50%,0); } 
.info_top .icon_btn li.active .num { display:block; }
.info_top .icon_btn li:hover i { color:var(--navy); }

.num_check { width:450px; margin:0 auto; }
.num_wrap { font-size:0; }
.num_wrap label { display:inline-block; width:30%; color:var(--navy); font-weight:500; font-size:16px; }
.num_wrap input { width:70%; border:1px solid #ddd; height:40px; box-sizing:border-box; padding:0 10px; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }
.num_check > .btn_wrap button { width:49%; }




.pass_check { width:450px; margin:0 auto; }
.pass_wrap { font-size:0; text-align:center; }
.pass_wrap img { width:45px; margin-bottom:20px; }
.pass_wrap h2 { font-size:25px !important; color:var(--navy); font-weight:500; margin-bottom:10px; }
.pass_wrap p { font-size:15px; color:#999; margin-bottom:20px;  }
.pass_wrap input { width:100%; border:1px solid #ddd; height:40px; box-sizing:border-box; padding:0 10px; }
.pass_wrap input::placeholder { color:#bbb; }
.pass_check > .btn_wrap button { width:49.4444%; }




/* 공통 제목 */
.inner_tit { font-size:25px; font-weight:500; color:#222; margin-bottom:15px; }
.border_b { border-bottom:2px solid var(--navy); padding-bottom:10px; margin-bottom:20px; }
.inner_tit span { font-size:16px; font-weight:400; }
.inner_tit span .navy_font { color:var(--navy);  font-weight:500; }
.inner_tit .navy_bfont { font-size:23px; color:var(--navy);  font-weight:500; }

.pad { padding:50px 0; }
.sub_title { margin-bottom:50px; text-align:center; }
.sub_title h2 { font-size:40px; color:var(--navy); font-weight:600; }
.sub_title p { font-size:16px; color:#999; }





/* 키워드 검색결과 */
.key_box { text-align:center; }
.key_box p { display:inline-block; width:40%; padding:10px 0; font-size:22px; color:#222; border:2px solid #eee; margin:0 auto 40px; 
background-image:url('../images/pop_icon.png'); background-repeat:no-repeat; background-size:20px; background-position:right 20px center; }
.key_box p span { color:var(--navy); font-weight:500; }
.key_re { font-size:0; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 0; margin-bottom:40px; }
.key_re.smaller { position:fixed; left:0; top:0; width:100%; background-color:rgba(255,255,255,0.95); 
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; box-shadow:0 3px 7px rgba(0,0,0,0.05); z-index:40; }
.key_re li { position:relative; font-size:18px; display:inline-block; margin:0 20px; color:#222; }
.key_re li a { color:#222; }
.key_re li span { display:inline-block; color:var(--navy); font-size:14px; font-weight:500; letter-spacing:-0.55px; margin:-2px 0 0 2px; vertical-align:middle; }
.key_re li.active:after { content:''; display:inline-block; width:100%; height:3px; background:var(--navy); position:absolute; 
bottom:-21px; left:0; }
html { scroll-behavior:smooth; }
.keyword_list li { position:relative; padding:50px 0; border-bottom:1px solid #eee; }
.keyword_list li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }





/* 마이페이지 */
.my_tab { font-size:0; text-align:center; margin-bottom:60px; }
.my_tab li { width:20%; display:inline-block; vertical-align:top; font-size:18px; color:#222;
 border-top:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee; text-align:center; }
.my_tab li:first-child { border-left:1px solid #eee; }
.my_tab li a { display:block; color:#222; padding:10px 0; }
.my_tab li a:hover { color:var(--navy); }
.my_tab li a.active { background:var(--navy); color:#fff; }






/* 공통 테이블 */
.grid2_table { width:100%; table-layout: fixed; }
.grid2_table thead th { background:var(--navy); color:#fff; font-weight:400; padding:10px 0; border-right:1px solid #434b97; text-align:center; }
.grid2_table thead th:last-child { border-right:0; }
.grid2_table tbody td { padding:10px 15px; color:#222; font-size:16px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.grid2_table tbody td:first-child { text-align:center; } 
.grid2_table tbody td:last-child { border-right:0; }
.paging_img { margin:25px auto 0; display:block; }
.table_title { font-size:22px; color:#222; font-weight:500; margin:30px 0 15px; }
.tb_wrap { margin-bottom:20px; }
.no_margin { margin-bottom:10px !important; }
.inner_table { width:100%; }
.align_center tbody td { text-align:center !important; }
.align_left tbody td:nth-child(2) { text-align:left !important; }

.comm_table { width:100%; border-top:2px solid var(--navy); }
.comm_table thead th { background:#eff0f8; color:#fff; font-weight:400; padding:15px 0; text-align:center; color:#222; border-bottom:1px solid #eee; }
.comm_table tbody td { padding:15px 15px; color:#363636; font-size:16px; border-bottom:1px solid #ddd; text-align:center; }
.comm_table tbody td:nth-child(3) { text-align:left; } 
.comm_table tbody td.bg_blue { background:#eff0f8; color:var(--navy); }
.th_left tbody td:nth-child(3) { text-align:left !important; } 

.view_t { margin-bottom:20px; }
.view_t tbody td { text-align:left; border-right:1px solid #ddd; }
.view_t tbody td:last-child { border-right:0; }
.view_noti { font-size:15px; line-height:27px; color:#666; }
.view_noti > span { font-weight:500; color:#555; }


.btn_wrap { text-align:center; margin:40px auto 20px; font-size:0; }
.btn_wrap button { cursor:pointer; border:1px solid #ddd; width:12%; height:45px; font-size:17px; margin-left:0.555%; }
.btn_wrap button:first-child { margin-left:0; }
.btn_wrap input[type="submit"] { cursor:pointer; border:1px solid #ddd; width:160px; height:45px; font-size:17px; border-color:var(--navy); }
.btn_wrap .navy_btn { background:var(--navy); color:#fff; border-color:var(--navy); }
.btn_wrap .wide { width:240px; }
.btn_wrap .wh_btn { background:#fff; color:var(--navy); }
button.table_btn { cursor:pointer; margin-left:10px; border:1px solid var(--navy); color:var(--navy); background:#fff; width:85px; height:30px; font-size:15px; }
.btn_wrap a.navy_btn { display:inline-block; vertical-align:top; border:1px solid #ddd; width:160px; height:45px; line-height:45px; font-size:17px;  background:var(--navy); color:#fff; border-color:var(--navy); }
.btn_wrap a.wh_btn { display:inline-block; vertical-align:top; border:1px solid #ddd; width:160px; height:45px; line-height:45px; font-size:17px; }


/* 회원가입 타입 */
.join_type { font-size:0; }
.join_type li { position:relative; width:48%; height:390px; cursor:pointer; display:inline-block; vertical-align:top; border:1px solid #eee; margin-right:4%; text-align:center; padding:50px; box-sizing:border-box; }
.join_type li:hover { border-color:var(--navy); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s;  -moz-transition: all 400ms ease-in-out 0s; 
-o-transition: all 400ms ease-in-out 0s;  -ms-transition: all 400ms ease-in-out 0s; }
.join_type li > a { position:absolute; left:50%; bottom:50px; transform: translate(-50%, 0); display:inline-block; width:50px; height:50px; 
border-radius:100%; background:var(--navy); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='13'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:50%; }
.join_type li:last-child { margin-right:0; }
.join_type li img { width:75px; margin-bottom:25px; }
.join_type li h3 { font-size:30px; color:#222; font-weight:400; margin-bottom:5px; }
.join_type li p { font-size:16px; color:#777; }




.mypage_list { font-size:0; text-align:center; }
.mypage_list li { display:inline-block; cursor:pointer; vertical-align:top; width:23.499999%; margin-right:2%; border:1px solid #eee; text-align:center; padding:50px 10px; box-sizing:border-box; }
.mypage_list li:last-child { margin-right:0; }
.mypage_list li img { width:45px; margin-bottom:20px; }
.mypage_list li p { font-size:18px; color:#222; }



.ad_ask_pop { margin-bottom:10px; }
.ad_ask_pop thead th { color:var(--navy); border-color:#ddd; border-right:1px solid #ddd; font-weight:500; }
.ad_ask_pop tbody td { border-right:1px solid #ddd; border-color:#ddd; text-align:center; }
.ad_ask_pop tbody td.nav_tit { text-align:left; color:var(--navy); font-weight:500; }
.ad_ask_pop tbody td .gr { font-size:15px; color:#999; text-decoration: line-through; }
.ad_ask_pop tbody td .na_sale { color:var(--navy); font-weight:500; letter-spacing:-0.55px; }



.kind_pop { font-size:0; margin-bottom:70px; border-top:2px solid var(--navy); }
.kind_pop li { width:50%; vertical-align:top; display:inline-block;  border-right:1px solid #ddd; }
.kind_pop li:nth-child(2n+0) { border-right:0; }
.kind_pop li p { font-size:16px; color:var(--navy); background:#eff0f8; padding:15px 0; text-align:center; font-weight:500; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
.kind_pop li .img_area { padding:40px; box-sizing:border-box; }
.kind_pop li .img_area img { width:100%; }

#opinion_pop { height:736px; }
.mobile_tb { display:none; }


/* 팝업 공통 */
.popup_layer { display: none; }
.popup_layer { width: 1200px; height: 500px; padding:30px 25px; box-sizing:border-box; position: absolute; top: 50%; left: 50%; 
transform: translate(-50%, 0); background-color: #fff; z-index: 20; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%);  animation: modal-show 0.3s; }
.backon{ content: ""; width: 100%; height: 100%; background: #00000054; position: fixed; top: 0; left: 0; z-index: 10; }
.popup_layer .close{ position:absolute; top:30px; right: 25px; cursor:pointer; width:30px; height:30px; text-indent:-999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E");
background-size:100%; background-position:center; background-repeat:no-repeat; }
.popup_layer h2 { font-size:25px; line-height:28px; color:#222; font-weight:500; margin-bottom:30px;  }
.popup_layer h2 span { color:var(--navy); font-size:20px; }
.popup_layer > .navy_btn { cursor:pointer; background:var(--navy); color:#fff; font-size:20px; display:block; margin:0 auto; border:1px solid var(--navy); width:130px; height:45px; }
.pop_tit { font-size:25px; line-height:28px; color:#222; font-weight:500; margin-bottom:30px;  }
.pop_tit span { color:var(--navy); font-size:20px; }

.dot_line { width:100%; border:1px dashed #ddd; margin:50px 0; }

@keyframes modal-show {
  from {
    opacity: 0;
    margin-top: -20px;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes modal-bg-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: top;
    border: 1px solid #dddddd;
    box-sizing:border-box; 
    width: 65%;
    color: #999999;
	 -moz-appearance:none; -webkit-appearance:none;  appearance:none; border-radius:0;
}
.filebox span { display:inline-block; margin:10px 5px 0 0; font-size:13px; color:#aaa; vertical-align:middle; }
.filebox label {
    display: inline-block;
    padding: 10px 20px;
    box-sizing:border-box; 
	color: #fff;
    vertical-align: top;
    background-color: #71738c;
    cursor: pointer;
    height: 40px;
	font-size:14px;
    margin-left: 2px;
	margin-right:0 !important;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox .whbtn { 
	display: inline-block;
    padding: 10px 20px;
    box-sizing:border-box; 
	color: #222;
    vertical-align: top;
    background-color: #fff;
    cursor: pointer;
    height: 40px;
	font-size:14px;
    margin-left: 2px;
	border:1px solid #ddd; 
}
.filebox .bluebtn { 
	display: inline-block;
    padding: 10px 20px;
    box-sizing:border-box; 
	color: #fff;
    vertical-align: top;
    background-color: var(--navy);
    cursor: pointer;
    height: 40px;
	font-size:14px;
    margin-left: 2px;
	border:1px solid var(--navy);
}

.sale_table tbody td .whbtn { 
	display: inline-block;
    padding: 10px 20px;
    box-sizing:border-box; 
	color: #222;
    vertical-align: top;
    background-color: #fff;
    cursor: pointer;
    height: 40px;
	font-size:14px;
    margin-left: 2px;
	border:1px solid #ddd; 
}
.sale_table tbody td .bluebtn { 
	display: inline-block;
    padding: 10px 20px;
    box-sizing:border-box; 
	color: #fff;
    vertical-align: top;
    background-color: var(--navy);
    cursor: pointer;
    height: 40px;
	font-size:14px;
    margin-left: 2px;
	border:1px solid var(--navy);
}
.muc_tb tbody td .gr_btn { 
	float:right;
	display: inline-block;
    padding: 0 10px;
    box-sizing:border-box; 
	color: #666;
    vertical-align: top;
    background-color: #f5f5f5;
    cursor: pointer;
    height: 30px;
	font-size:14px;
    margin-left: 2px;
	border:1px solid #ddd;
}
.sale_table tbody td input.input_box { vertical-align:middle; }
.sale_table tbody td textarea { width:100%; border:1px solid #ddd; padding:10px;  resize: none; }

.inner_table thead th { background:var(--navy); color:#fff; font-weight:400; padding:10px 0; }
.inner_table tbody td { border-right:0 !important; }
.inner_table tbody td > input.input_box { width:100%; height:30px; }
.inner_tb_btn { margin:15px 0 35px; text-align:right; }
.inner_tb_btn .whbtn { 
	display: inline-block;
    padding: 0 20px;
    box-sizing:border-box; 
	color: #222;
    vertical-align: top;
    background-color: #fff;
    cursor: pointer;
    height: 40px;
	font-size:14px;
    margin-left: 2px;
	border:1px solid #ddd; 
}
.inner_tb_btn .bluebtn { 
	display: inline-block;
    padding: 0 20px;
    box-sizing:border-box; 
	color: #fff;
    vertical-align: top;
    background-color: var(--navy);
    cursor: pointer;
    height: 40px;
	font-size:14px;
    margin-left: 2px;
	border:1px solid var(--navy);
}

.muc_tb { width:100%; border-top:2px solid var(--navy); }
.muc_tb thead th { background:#eff0f8; padding:10px 10px; font-weight:500; color:var(--navy); border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.muc_tb thead th:last-child { border-right:0; }
.muc_tb tbody td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 10px; text-align:left; }
.muc_tb tbody td:first-child { border-right:0; }
.muc_tb tbody td:last-child { border-right:0; text-align:center; }
.muc_tb tbody td input[type="text"] { width:100%; }
.muc_tb tbody td.bg { background:#eff0f8; color:var(--navy); text-align:center; }
.muc_tb tbody td select { width:100%; }
.chk_area p { color:var(--navy); font-weight:500; }


.service_box { height:500px; border:1px solid #ddd; padding:20px; overflow-y:auto; font-size:14px; color:#888; }

#main_sale_pop { height:450px; }
#sub_sale_pop { height:450px; }

/* marker 팝업 */
#mak_pop { height:850px; top:5% !important; transform: translate(-50%, 0) !important; }
#mak_pop .mak_search { position:relative; margin-bottom:20px; }
#mak_pop .mak_search > input[type="text"] { border:1px solid var(--navy); width:100%; height:45px; padding:0 45px 0 10px; }
#mak_pop .mak_search > button { position:absolute; right:0; top:0; width:45px; height:45px; border:0; background:none; background-image:url(../images/pop_icon.png); 
background-repeat:no-repeat; background-size:20px; background-position:center; }
#mak_pop .spelling_wrap { font-size:0; margin-bottom:30px; border-bottom:1px solid #eee; padding-bottom:20px; }
#mak_pop .spelling_wrap > button { cursor:pointer; border:1px solid var(--navy); box-sizing:border-box; border-radius:10px; color:var(--navy); font-weight:600; background:#fff; 
width:4.8444%; height:55px; font-size:20px; margin:0 1.5% 1.5% 0; }
#mak_pop .spelling_wrap > button:nth-child(16n+0) { margin-right:0; }
#mak_pop .spelling_wrap > button.th { width:17.4999%; }
#mak_pop .spelling_wrap > button.nomar { margin:0 0 1.5% 0; }
#mak_pop .spelling_wrap > button.eh { width:49.2333%; }
#mak_pop h3 { font-size:22px; color:#222; font-weight:600; text-align:center; margin-bottom:25px; }
#mak_pop h3 span { color:var(--navy); }

/* marker 팝업 */
#loc_pop { height:260px; }
#loc_pop .sel_wrap { font-size:0; margin-bottom:35px; }
#loc_pop .sel_wrap select { 
	width:23.444%; 
	margin-right:2%;  
	border:2px solid var(--navy); 
	background:#fff; 
	height:50px; 
	box-sizing:border-box; 
	padding:0 10px; 
	font-size:16px; 
	color:#222; 
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='17.713px' viewBox='0 0 30 17.713' enable-background='new 0 0 30 17.713' xml:space='preserve'%3E%3Cpolygon fill='%23292E6B' points='0,0 15.062,17.713 30.063,-0.103 '/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
    background-position: right 10px bottom 45%;
    box-sizing: border-box;
    background-size: 10px;
    background-color: #fff;
}
#loc_pop .sel_wrap select:last-child { margin-right:0; }



/* all items 팝업 */
#item_pop { height:auto; top:5% !important; transform: translate(-50%, 0) !important; }
#item_pop .mak_search { position:relative; margin-bottom:20px; }
#item_pop .mak_search > input[type="text"] { border:1px solid var(--navy); width:100%; height:45px; padding:0 45px 0 10px; }
#item_pop .mak_search > button { position:absolute; right:0; top:0; width:45px; height:45px; border:0; background:none; background-image:url(../images/pop_icon.png); 
background-repeat:no-repeat; background-size:20px; background-position:center; }
#item_pop h3 { font-size:22px; color:#222; font-weight:600; text-align:center; margin-bottom:25px; }
#item_pop h3 span { color:var(--navy); }
.key_tit { background:var(--navy); color:#fff; font-size:16px; text-align:center; padding:10px 0; }
.key_list { margin-bottom:30px; }
.key_list > li { display:inline-block; vertical-align:top; width:23.5555%; margin:0 1.5% 40px 0; }
.key_list > li:nth-child(4n+0) { margin-right:0; }
#itemaccordian li{ list-style:none; }
#itemaccordian li >h1{ position:relative; cursor:pointer; font-size:15px; font-weight:500; padding:8px 15px; color:#222; }
#itemaccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
#itemaccordian li >h1 .ico_ar { position:absolute; right:20px; width:25px; height:25px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23242b6c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E");
background-position:center; background-repeat:no-repeat; background-size:14px; }
#itemaccordian li >h1 .ico_ar.active { position:absolute; right:20px; width:25px; height:25px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23242b6c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E");
background-position:center; background-repeat:no-repeat; background-size:14px; }
#itemaccordian li >h1 .ico_ar i { color:var(--yellow100); font-size:25px; display:none;  }
#itemaccordian li > ul{ display:none; background:#f8f8f8; padding:10px 15px; }
#itemaccordian li > ul >li{ font-size:14px; color:#666; margin-bottom:7px; font-weight:300; }
#itemaccordian li > ul >li a { color:#333; font-weight:400; }
#itemaccordian li > ul >li:last-child { margin-bottom:0; }
#inner_acc li h3 { position:relative; font-size:14px; font-weight:400; cursor:pointer; color:#333; margin-bottom:7px; text-align:left; }
#inner_acc li > h3 .ico_ar1 { position: absolute; right: 7px; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23242b6c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3Cline x1='128' y1='40' x2='128' y2='216' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E"); }
#inner_acc li > h3 .ico_ar1.active { position: absolute; right: 7px; width: 20px; height: 20px; background-size: 14px; background-repeat: no-repeat; background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23242b6c' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='40' y1='128' x2='216' y2='128' fill='none' stroke='%23242b6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='30'%3E%3C/line%3E%3C/svg%3E"); }
#inner_acc li ul.inner_cont { padding:0 0 5px 10px !important; }
#inner_acc .inner_cont li a { padding-left:0; font-size:14px; font-weight:300; }


#main_sale_pop { height:450px; }
.sale_table { width:100%; table-layout: fixed; border-top:2px solid var(--navy); margin-bottom:30px; }
.sale_table tbody td { padding:10px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sale_table tbody td:last-child { border-right:0; }
.sale_table tbody td.bg { background:#eff0f8; color:var(--navy); font-weight:500; }
.sale_table tbody td .short_input { width:70%; margin-left:10px; }
.sale_table tbody td .red { color:#e24242; }
.sale_table tbody td .point { color:var(--navy); font-weight:500; }
.sale_table tbody td label { margin-right:15px; }
.f_input tbody td .input_box { width:100%; }
.f_input tbody td .short_input { width:70%; margin-left:10px; }
.f_input tbody td .select_box { width:100%; }

#ask_ad_pop { /*height:590px;*/ height:auto; }
.ad_cal_wrap { margin:50px 0 0; }

#factory_pop { height:840px;}
.in_tb thead th { font-size:15px; padding:7px; }
.in_tb tbody td { font-size:15px; padding:7px; text-align:center; }
.in_tb tbody td:first-child { border-right:1px solid #ddd; }
.intb_tit:before { width:4px; height:4px; content:''; display:inline-block; margin:-2px 10px 0 0; background:var(--navy); vertical-align:middle; }


input.input_box { width:65%; display:inline-block; vertical-align:top; border:1px solid #ddd; padding:0 10px; height:40px; font-size:15px;  -moz-appearance:none; -webkit-appearance:none; appearance:none; border-radius:0; }
input.input_box::placeholder { color:#ccc; }
input.align_center { text-align:center; }
select.select_box { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='17.713px' viewBox='0 0 30 17.713' enable-background='new 0 0 30 17.713' xml:space='preserve'%3E%3Cpolygon fill='%23999999' points='0,0 15.062,17.713 30.063,-0.103 '/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: right 10px bottom 45%;
    box-sizing: border-box;
    background-size: 10px;
    background-color: #fff;

	width:200px; 
	height:40px; 
	font-size:15px; 
	display:inline-block; 
	vertical-align:top; 
	border:1px solid #ddd; 
	padding:0 10px;
}
.grid_form { width:49% !important; }
select.float_sel { width:80px; height:30px; font-size:14px; vertical-align:middle; margin-left:10px; }
select.wide { width:50%; }
select.align_center { text-align:center; }
.sear_btn { background:#71738c; color:#fff; border:1px solid #71738c; width:70px; font-size:16px; height:40px;  display:inline-block; vertical-align:top;  }


/* 라디오버튼 CUSTOM */
input[type="radio"] {
	display:none;
}

input[type="radio"] + label span.sq{
	display:inline-block;
	width: 22px;
	height: 22px;
	font-size: 0;
	vertical-align: middle;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Crect x='40' y='40' width='176' height='176' rx='8' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'%3E%3C/rect%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:18px;
}

input[type="radio"]:checked + label span.sq {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='192px' height='192px' viewBox='0 0 192 192' enable-background='new 0 0 192 192' xml:space='preserve'%3E%3Crect fill='none' width='192' height='192'/%3E%3Cpath fill='%23292E6B' stroke='%23242B6C' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' d='M36,30h120 c3.313,0,6,2.687,6,6v120c0,3.313-2.687,6-6,6H36c-3.313,0-6-2.687-6-6V36C30,32.687,32.687,30,36,30z'/%3E%3C/svg%3E");
}


.tb_notice { display:none; color:#999; font-size:13px; margin-bottom:5px; }
.mypage_mmenu { display:none; }

.key_box { position:relative; margin-bottom:40px; }
.key_box .re_ser_wrap { position:relative; display:inline-block; width:40%; }
.key_box .re_ser { display: inline-block; width: 100%; height:auto; padding: 10px 0; font-size: 22px; color: #222; border: 2px solid #eee; text-align:center;  }
.key_box .re_ser::placeholder { color:#ccc; }
.key_box button { cursor: pointer; position: absolute; right: 0; top: 0;  width: 57px; height: 57px; border:0; background-color:transparent; background-image: url(../images/pop_icon.png); background-repeat: no-repeat;
background-size: 20px; background-position: center; }


.flex_tit { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.flex_tit h2 { margin-bottom:0 !important; }
.flex_tit > div { display:flex; align-items:center; }
.modal-body h2 { font-size: 25px; line-height: 28px; color: #222; font-weight: 500;  margin-bottom:20px; }
.modal-body h2 span { font-size:20px; color:var(--navy); }
.vak { background: #fff; color: var(--navy);     border: 1px solid #ddd; cursor:pointer; font-size:17px; padding:5px 15px; margin-right:10px; }
.spelling_wrap { font-size:0; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.spelling_wrap button { cursor: pointer; border: 1px solid var(--navy); box-sizing: border-box; border-radius: 10px; color: var(--navy); font-weight: 600; background: #fff; width: 4.9333%; height: 55px;
font-size: 20px; margin: 0 1.4% 1.5% 0; }
.spelling_wrap > button.nomar { margin: 0 0 1.5% 0; }
.spelling_wrap > button.th { width: 17.4999%; }
.spelling_wrap > button.eh {  width: 49.2333%; }
.spelling_wrap > button:nth-child(16n+0) { margin-right: 0; }
#main_div1 { border-bottom:1px solid #eee; }
#maker_div2 h3 { font-size: 22px; color: #222; font-weight: 600; text-align: center; margin-bottom: 25px; }
#maker_div2 h3 span { color:var(--navy); }

#main_div2 h3 { font-size: 22px; color: #222; font-weight: 600; text-align: center; margin-bottom: 25px; }
#main_div2 h3 span { color:var(--navy); }

#show_sub_categories { font-size:0; }
#show_sub_categories select {
    width: 23.444%;
    margin-right: 2%;
    border: 2px solid var(--navy);
    background: #fff;
    height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 16px;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='17.713px' viewBox='0 0 30 17.713' enable-background='new 0 0 30 17.713' xml:space='preserve'%3E%3Cpolygon fill='%23292E6B' points='0,0 15.062,17.713 30.063,-0.103 '/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 10px bottom 45%;
    box-sizing: border-box;
    background-size: 10px;
    background-color: #fff;
}
#show_sub_categories select:last-child { margin-right:0 !important; }


.allitems_popup .alli_tit { vertical-align:top; padding-bottom:20px; padding-left:0px; padding-right:10px; }
.allitem_list { font-size:0; margin-bottom:30px; }
.allitem_list > li { display: inline-block; vertical-align: top; width: 23.5555%; margin: 0 1.5% 40px 0; }
.allitem_list > li:nth-child(4n+0) { margin-right:0; }
#itemaccordian li >h1 button { cursor:pointer; font-size:12px; font-weight:400; vertical-align:middle; border:1px solid #eee; background:#fff; padding:0 5px; box-sizing:border-box; 
color:#999; letter-spacing:-1px; margin:-3px 0 0 6px; position: absolute; right: 50px; top: 58%; transform: translate(0, -50%); }
.modal-body .close_btn { position: absolute; top: 30px; right: 25px; cursor: pointer; width: 30px; height: 30px; }
.modal-body .close_btn img { width:100%; }
#main_div1 .sale_table tbody td { border-bottom:none; }

.company_tit { text-align:center; margin-bottom:70px; }
.company_tit h2 { color:var(--navy); font-weight:600; font-size:40px; margin-bottom:35px; }
.company_tit p { font-size:20px; color:#555; }
.company_tit p span { color:var(--navy); font-weight:500; }
.company_img { text-align:center; }
.m_only { display:none; }

.cinfo_logo { width:150px; margin:0 auto 10px;  }
.cinfo_logo img { width:100% !important; height:auto !important; }

.top_slide .swiper-slide { background-repeat:no-repeat; }


/* footer */
#footer { background:#333; padding:45px 0; }
#footer .footer_blarea .flogo_area { border-bottom:1px solid #ccc; }
#footer .footer_blarea li { color:var(--gray700); }
#footer .footer_blarea li a { color:var(--gray700); }
#footer .footer_blarea .copyright { color:var(--gray700); }
#footer li { display:inline-block; margin-right:0.7vw; color:#727272; font-size:14px; font-weight:400; letter-spacing:-0.1px; } 
#footer li a { display:inline-block; margin-right:0.7vw; color:#ccc; font-size:14px; font-weight:300; letter-spacing:-0.55px; } 
#footer li span { margin-right:10px; color:#9999; }
#footer li span:last-child { margin-right:0; }
#footer .mar { margin-bottom:12px; }
#footer .copyright { color:#727272; font-size:13px; font-weight:400; letter-spacing:-0.55px; margin-top:12px; }
#footer .footer_inner { max-width:1600px; margin:0 auto; }
#footer .flogo_area { display:flex; align-items:center; justify-content:space-between;  padding:20px 0; }
#footer .footer_area { border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:20px; }
#footer .bor_area { border-bottom:1px solid #eee; padding:18px 0; box-sizing:border-box; } 
#footer .f_wrap:after { content:''; display:block; clear:both; }
#footer .fi div { float:left; }
#footer .fi div:first-child { margin-right:40px; }
#footer .fi:after { content:''; display:block; clear:both; }
#footer .f_cs { float:right !important; }
#footer .f_cs h2 { font-size:14px; color:#fff; font-weight:400; }
#footer .f_cs h3 { font-size:32px; color:#2790f2; font-weight:500; letter-spacing:-0.55px; }
#footer .f_cs p { font-size:14px; color:#727272; }
#footer .f_cs p span { display:inline-block; width:50px; }