#wrapper { width:100%; }

#header { width:100%; border-bottom:1px solid #ddd; }
.go_login { cursor:pointer; }

.subpage_line { height:1px; background:#ddd; width:100%; }

.top1_menu { width:100%; /* background:#f9f9f9; */ border-bottom:1px solid #ddd; height:37px; }
.top1_menu ul { max-width:1400px; margin:0 auto; text-align:right; }
.top1_menu li { display:inline-block; padding:8px 0; }
.top1_menu li a { display:block; height:19px; line-height:19px; border-left:1px solid #ddd; padding:0 10px; font-size:14px; }
.top1_menu li:first-child a { border-left:0; }



.top_search { margin-left:50px; flex-grow:1; }
.top_search .form_search { background:#fff; border:0;max-width:400px;  border:2px solid #18a5e7; height:50px; border-radius:25px; overflow:hidden; }
.top_search fieldset { border:0; padding:0 0 0 30px; }
.top_search legend { display:none; }
.top_search input[type="text"]  { width:calc(100% - 50px); height:46px; border:0; font-size:18px; color:#222; background:#fff; line-height:46px; }
.top_search input[type="image"] { width:23px; background:#18a5e7; }
.top_search input:focus {  outline: none;  }
.top_loginarea {  flex-grow:1; text-align:right; }
.top_loginarea ul { display:flex; justify-content:right; }
.top_loginarea  li { margin:0 10px 0;  white-space:nowrap; }



#header .top_area_2 { max-width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:25px 0 25px; position:relative;  }
#header .top_area_2 .top_logo {  padding:0px 0; max-width:40%; margin-right:30px; }
#header .top_area_2 .top_logo img { max-height:80px; max-width:100%; }


#header .top_logo_text { }
#header .top_logo_text .p1 { display:block;  font-size:20px; line-height:130%; color:#06498d; }
#header .top_logo_text .p2  { font-weight:400; background:#06498d; color:#fff; display:inline-block; line-height:14px; height:21px; font-size:13px; padding:3px 6px; margin-right:10px; }
#header .top_logo_text .p3 { font-size:13px; color:#555; margin-bottom:5px; }

.top_area_3 { display:flex;max-width:1400px; margin:0 auto;  }
.top_area_3 .all_cate { width:65px; height:60px; flex-shrink:0; position:relative; }
.top_area_3 .all_cate a.btn_allcate2 { display:block; height:60px; width:65px; background:#14a18e; padding:0px 0; overflow:hidden; cursor:pointer; color:#fff; line-height:64px; text-align:center; font-size:18px;}
.top_area_3 .all_cate a.btn_allcate2 i { display:block; width:30px; height:2px; background:#fff; margin:8px auto; }

.top_area_3 ul li a.go_login { cursor:pointer; }

.category_all { width:1400px; background:#fff;  border:1px solid #888;  position:absolute; top:60px; left:0px;  z-index:99;  display:flex; flex-wrap:wrap; padding:30px; }
.category_all ul.cate_block {  width:calc(100% / 4 - 40px); margin:20px; }
.category_all ul li { display:block;  position:relative; text-align:left; }
.category_all ul li a { display:block; line-height:28px; font-size:15px; color:#2e2e2e; height:28px; white-space:nowrap; }
.category_all .cate_big_title { border-bottom:1px solid #555; padding-bottom:5px; margin-bottom:5px; }
.category_all .cate_big_title a { font-weight:bold; }

.btn_all_cate_close {  position:absolute; right:-1px; top:-1px; padding:10px; background:#222; cursor:pointer; }

.mo_only_menu { display:none;  }


@media(max-width:1090px){

#header .top_area_2 { max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 0 10px;  }
#header .top_area_2 .top_logo {  padding:0px 0 0 10px; height:70px; max-width:30%; margin-right:10px;  display:flex; flex-wrap:wrap; align-items:center;  }
#header .top_area_2 .top_logo img { max-height:60px; max-width:100%; }

#header .top_logo_text { flex-grow:1; overflow:hidden;  margin-right:40px; }
#header .top_logo_text  p { white-space:nowrap; }
#header .top_logo_text .p1 { display:block;  font-size:8px; line-height:12px; color:#06498d; }
#header .top_logo_text .p2  { font-weight:400; background:#06498d; color:#fff; display:inline-block; line-height:9px; height:11px; padding:1px 3px 0px; margin-right:0px;  font-size:8px; }
#header .top_logo_text .p3 { font-size:8px; color:#555; margin-bottom:1px; }


.top_area_3 .top_area2-wrap { display:none; }
.mo_only_menu { position:absolute; top:20px; right:20px; z-index:5; border:0px solid #ddd; z-index:9999; display:block; }
.mo_only_menu i { width:27px; height:2px; margin:7px auto; display:block; background:#222; }



#header { border-bottom:0; }
.top_area_3 {   }
.top_area_3 .all_cate { width:55px;position:absolute; top:75px; }
.top_area_3 .all_cate a.btn_allcate2 { display:block; height:39px; width:50px; background:#14a18e; padding:0px 0; overflow:hidden; cursor:pointer; color:#fff; line-height:40px; text-align:center; font-size:14px; margin-left:5px; }


.top_search { order:4; width:100%;  margin-left:0; padding-left:55px; }
.top_search .form_search { background:#fff; border:0; width:calc(100% - 20px); max-width:100%;  border:1px solid #18a5e7; height:34px; border-radius:25px; overflow:hidden; margin:0 auto; }
.top_search fieldset { border:0; padding:0 20px; }
.top_search legend { display:none; }
.top_search input[type="text"]  { width:calc(100% - 25px); height:32px; border:0; font-size:14px; color:#222; background:#fff; line-height:36px; }
.top_search input[type="image"] { width:18px; background:#18a5e7; }
.top_search input:focus {  outline: none;  }
.top_loginarea { display:none;  }
.top_loginarea  li { margin:0 10px 0;  }

.category_all { width:calc(100vw - 10px); background:#fff;  border:1px solid #888; top:45px; left:5px;  z-index:99;  display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px }
.category_all ul.cate_block {  width:calc(50% - 10px); margin:10px 5px; }
.category_all ul li { display:block;  position:relative; text-align:left; }
.category_all ul li a { display:block; line-height:23px; font-size:13px; color:#2e2e2e; height:23px; white-space:nowrap; }
.category_all .cate_big_title { border-bottom:1px solid #555; padding-bottom:5px; margin-bottom:5px; }
.category_all .cate_big_title a { font-weight:bold; }

.btn_all_cate_close {  position:absolute; right:-1px; top:-1px; padding:10px; background:#222; width:40px; height:40px; }
}






.top_area2-wrap   { max-width:1400px; margin:0 auto;  display:flex; flex-grow:1; }
.top_area2-wrap > ul { display:flex; justify-content:space-between; flex-grow:1; padding-left:40px; }
.top_area2-wrap > ul > li { padding:0px 10px; position:relative; }
.top_area2-wrap > ul > li > a { font-size:19px; color:#222; display:block; padding:10px 0px; line-height:40px; white-space:nowrap; }
.top_area2-wrap > ul > li > a:hover { color:#999; }
.top_area2-wrap > ul > li > a.pc_only { display:block; }
.top_area2-wrap > ul > li > a.mo_only { display:none; }
.top_area2-wrap > ul > li .sub { display:none; position:absolute; top:60px; left:50%; z-index:2; background:#f5f5f5; width:160px; margin-left:-80px; }
.top_area2-wrap > ul > li:hover .sub { display:block; }
.top_area2-wrap > ul > li .sub a { font-size:18px; color:#222; display:block; padding:10px 15px; text-align:center; }
.top_area2-wrap > ul > li .sub a:hover { font-weight:bold; }
.top_area2-wrap > ul > li .sub li:first-child { padding-top:10px; }
.top_area2-wrap > ul > li .sub li:last-child { padding-bottom:10px; }







.page_toparea { height:200px; position:relative;overflow:hidden; margin-bottom:100px; }
.page_toparea .page_title_image { height:100%; width:100%; overflow:hidden; text-align:center;  }
.page_toparea .page_title_image img { max-width:100%; min-height:100%; object-fit:cover; }
.page_toparea h1 { position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; font-size:30px;
display:flex; align-items:center; justify-content:center; }


/* 하단 */
#bottom { width:100%; border-top:1px solid #ddd; margin-top:100px; }
.bottom_inner * { font-family: 'NanumBarunGothic', sans-serif; }
.bottom_inner { width:1250px; margin:0px auto; }
.bottom_area_1 { border-bottom:1px solid #ddd; }
.bottom_area_1 .bottom_inner { display:flex; justify-content:space-between; align-items:center; }
ul.bottom_menu { display:flex; padding:15px 0; }
ul.bottom_menu li { position:relative; padding:0 10px; }
ul.bottom_menu li a { padding:5px; font-size:13px; display:block; }
ul.bottom_menu li a:hover { color:#999; }
ul.bottom_menu li::after { position:absolute; top:6px; left:0; width:1px; height:12px; background:#ccc; content:""; }
ul.bottom_menu li:first-child { padding-left:0; }
ul.bottom_menu li:first-child::after { display:none; }
ul.bottom_sns { display:flex; }
ul.bottom_sns li { width:27px; height:27px; border-radius:11.5px; overflow:hidden; margin-right:4px; border:1px solid #ddd; }
ul.bottom_sns img { width:100%; }

.bottom_area_2 { border-bottom:1px solid #ddd; padding:30px 0; }
.bottom_area_2 .bottom_inner { display:flex; justify-content:space-between; }
.bottom_area_2 .bottom_inner h3 { font-weight:bold; font-size:12px; margin-bottom:20px; color:#222; }
.bottom_area_2 .bottom_inner p,
.bottom_area_2 .bottom_inner a { font-size:14px; color:#777;   font-family: 'NanumBarunGothic', sans-serif; line-height:25px; }
.bottom_area_2 .bottom_inner p.tel_no { font-size:25px; color:#222; margin-bottom:10px; font-weight:bold; }
.bottom_area_2 .bottom_inner .bank_link { margin-top:10px; border:1px solid #ccc; padding:3px 5px; font-size:13px; }
.bottom_area_2 .guide_btn { margin-top:10px; }
.bottom_area_2 .guide_btn a { display:inline-block; padding:3px 15px 1px; border:1px solid #ccc; font-size:13px; line-height:20px; margin:0 4px 0 0; }
.bottom_area_2 .guide_btn a:hover { border:1px solid #999; }
.bottom_area_2 .bottom_logo { max-width:200px; }
.bottom_area_3 { background:#f5f5f5; padding:40px 0 60px 0; }
.bottom_area_3 .bottom_inner { display:flex; justify-content:space-between; }
.bottom_area_3 span { font-size:12px; color:#777; display:inline-block; white-space:nowrap; margin-right:10px;line-height:18px; padding:2px 0;  }
.bottom_area_3 .bottom_info { flex-grow:1; }
.bottom_area_3 .escrow { margin-left:30px; font-size:11px; color:#777; width:290px; flex-shrink:0; line-height:20px }
.bottom_area_3 .escrow a { display:inline-block; padding:1px 10px 0 10px; line-height:18px; border:1px solid #ddd; background:#fff; margin-top:10px }
.bottom_area_3 .escrow a:hover { background:#555; color:#fff; border:1px solid #555; }
.bottom_area_3 .escrow .btn_escrow {cursor:pointer; }
.bottom_area_3 .bottom_inner2 { text-align:center; margin-top:40px; font-size:18px; }

.btn_quick { position:fixed; right:10px; bottom:10px; width:58px;opacity:0; transition:opacity ease 0.3s;}
.btn_quick a { display:block; margin:5px auto; }

@media(max-width:1090px){



/* 하단 */
#bottom { width:100%; border-top:1px solid #ddd; margin-top:50px; padding-bottom:50px; }
.bottom_inner * { font-family: 'NanumBarunGothic', sans-serif; }
.bottom_inner { width:100%; margin:0px auto; }
.bottom_area_1 { border-bottom:1px solid #ddd; padding-bottom:10px;  }
.bottom_area_1 .bottom_inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:calc(100% - 15px); margin:0 auto; }
ul.bottom_menu { width:95%; margin:0 auto; display:flex; flex-wrap:wrap; padding:10px 0 0; }
ul.bottom_menu li { position:relative; padding:0 5px; }
ul.bottom_menu li a { padding:5px 2px; font-size:12px; display:block; }
ul.bottom_menu li a:hover { color:#999; }
ul.bottom_menu li::after { position:absolute; top:6px; left:0; width:1px; height:12px; background:#ccc; content:""; }
ul.bottom_menu li:first-child { padding-left:0; }
ul.bottom_menu li:first-child::after { display:none; }
ul.bottom_sns { display:flex; padding:5px 0 0; justify-content:center; }
ul.bottom_sns li { width:27px; height:27px; border-radius:13.5px; overflow:hidden; margin:0 5px; border:1px solid #ddd; }
ul.bottom_sns img { width:100%; }
.bottom_area_2 { border-bottom:1px solid #ddd; padding:10px 0; }
.bottom_area_2 .bottom_inner { width:90%; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; }
.bottom_area_2 .bottom_inner > div { width:50%; padding:20px 0;  }
.bottom_area_2 .bottom_inner > div.bottom_logo { max-width:auto; width:100%; }
.bottom_area_2 .bottom_inner > div.bottom_logo img { width:50%; }
.bottom_area_2 .bottom_inner h3 { font-weight:bold; font-size:12px; margin-bottom:10px; color:#222; }
.bottom_area_2 .bottom_inner p,
.bottom_area_2 .bottom_inner a { font-size:13px; color:#777;   font-family: 'NanumBarunGothic', sans-serif; line-height:18px; }
.bottom_area_2 .bottom_inner p.tel_no { font-size:20px; color:#222; margin-bottom:10px; font-weight:bold; }
.bottom_area_2 .bottom_inner .bank_link { margin-top:10px; border:1px solid #ccc; padding:3px 5px; font-size:13px; }
.bottom_area_2 .guide_btn { margin-top:10px; }
.bottom_area_2 .guide_btn a { display:inline-block; padding:3px 15px 1px; border:1px solid #ccc; font-size:12px; line-height:20px; margin:4px 4px 0 0; }
.bottom_area_2 .guide_btn a:hover { border:1px solid #999; }
.bottom_area_3 { background:#f5f5f5; padding:20px 0 30px 0; }
.bottom_area_3 .bottom_inner { width:90%; margin:0 auto; display:block; }
.bottom_area_3 span,
.bottom_area_3 span a { font-size:11px; color:#777; display:inline-block; white-space:nowrap; margin-right:5px; line-height:18px !important; height:18px !important; }
.bottom_area_3 .bottom_info { width:100%;  }
.bottom_area_3 .escrow { margin-top:10px; font-size:11px; color:#777; line-height:17px; margin-left:0; }
.bottom_area_3 .escrow a { display:inline-block; padding:1px 10px 0 10px; line-height:18px; border:1px solid #ddd; background:#fff; margin-top:10px }
.bottom_area_3 .escrow a:hover { background:#555; color:#fff; border:1px solid #555; }
.bottom_area_3 .bottom_inner2 { text-align:left; ; font-size:14px; width:90%; margin:20px auto 0; }






#footer .footer_inner { max-width:90%; display:block; margin:0 auto; } 
#footer .bottom_snslink { position:static; } 
#footer .bottom_logo { margin:0 0 10px 0; }
#footer .bottom_logo img { max-width:50%; }
#footer { width:100%; padding:20px 0; background:#f5f5f5; }
#footer .bottom_info ul.bottom_menu { flex-wrap:wrap; margin-top:10px; }
#footer .bottom_info ul.bottom_menu li:last-child { margin-right:0; }
#footer .bottom_info ul.bottom_menu li a { line-height:17px; font-size:12px; }
#footer .bottom_info ul.bottom_address { margin-left:-5px; }
#footer .bottom_info ul.bottom_address li { padding:0 6px 0 5px; font-size:11px;  }
#footer .bottom_info ul.bottom_address li:after { display:none; }
#footer .bottom_info ul.bottom_address li:last-child:after { background:none; }
#footer .bottom_snslink li { width:30px; height:30px; border-radius:15px; overflow:hidden; margin-right:7px; border:1px solid #ddd; }

.page_toparea {/* display:none; */ height:100px; margin-bottom:10px; }
.page_toparea h1 { font-size:20px; }


}




.modal{ 
  position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index:9999999; }

.modal > div { width:100%; height:100vh; }

.modal_content{
  width:400px; height:200px;
  background:#fff; border-radius:10px;
  position:relative; top:50%; left:50%;
  margin-top:-100px; margin-left:-200px;
  text-align:center;
  box-sizing:border-box; padding:54px 0;
  line-height:23px; cursor:pointer;
	font-size:20px;

}

.modal_content ul { display:flex; justify-content:center; margin:30px 0 0; }
.modal_content ul li {  margin:0 3px; }
.modal_content ul li a { background:#222; color:#fff; font-size:16px; display:block; width:100px; border-radius:5px; padding:6px 0 7px; }
.modal_close { position:absolute; top:10px; right:10px; width:40px; }



@media(max-width:1090px){
.modal_content{
  width:300px; height:200px;
  background:#fff; border-radius:10px;
  position:relative; top:50%; left:50%;
  margin-top:-100px; margin-left:-150px;
  text-align:center;
  box-sizing:border-box; padding:54px 0;
  line-height:23px; cursor:pointer;
	font-size:20px;

}
}




.div_escrow{ 
  position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index:9999999; overflow-y:auto;  }
.div_escrow > div { width:100%; height:100vh; }

.div_escrow_content{
  width:822px; 
  height:auto;
  background:#fff; border-radius:10px;
  position:relative; top:100px; left:50%;
   margin-left:-411px;
  text-align:center;
  box-sizing:border-box; padding:50px;
  line-height:23px; cursor:pointer;
	font-size:20px;
}

.div_escrow_content img { max-height:100%; }

.div_escrow_close { position:absolute;  top:-50px; left:50%; margin-left:-20px; width:40px;  }



@media(max-width:1090px){
.div_escrow_content{
  width:90%; 
  height:auto;
  background:#fff; border-radius:10px;
  position:relative; top:50px; left:5%;
   margin-left:0px;
   margin-top:0;
  text-align:center;
  box-sizing:border-box; padding: 20px;
  line-height:23px; cursor:pointer;
	font-size:20px;
}


.div_escrow_close { position:absolute;  top:-40px; left:50%; margin-left:-20px; width:40px;  }

}



.body_overflowhidden  { overflow:hidden; width:100%; height:100%;  max-height:100%; }






.left_menu { display:none; border-bottom:0; border-top:0; position:absolute; left:0; top:0; z-index:999999999999; 
width:100%; background:rgba(0,0,0,0.8); height:100vh; max-width:100vw; }
.left_menu .btn_close2 { padding:15px; display:inline-block; position:absolute; right:290px; top:0; background:#000; }
.left_menu .inner { float:right; background:#fff; width:290px; height:100%; padding:30px 30px 150px 30px; overflow-y:auto;}
.left_menu .inner ul {   }
.left_menu .inner > ul > li  { position:relative; border-bottom:1px solid #eee; }
.left_menu .inner > ul > li a { font-size:17px; color:#222; display:block;  padding:5px 0px;  line-height:30px; display:block; }
.left_menu li.topmargin20 { margin-top:20px; }

.left_menu .inner > ul >  li.site_link { border-bottom:0;  }
.left_menu .inner > ul >  li.site_link a { font-size:14px; padding:0px 0;display:block;  }


.left_menu .inner .quick_menu { width:100%; padding:10px 0 7px;  margin-bottom:30px; }
.left_menu .inner .quick_menu ul { display:flex; }
.left_menu .inner .quick_menu ul li {  flex-grow:1; text-align:center; position:relative; }
/*
.quick_menu ul li::after { position:absolute; left:1px; top:4px; height:10px; width:1px; background:#aaa; content:""; display:block; }
.quick_menu ul li:first-child::after { display:None; }
*/
.left_menu .inner .quick_menu ul li {  }
.left_menu .inner .quick_menu ul li a { display:block;  width:100%; background:#eee; font-size:13px; letter-spacing:-0.5px; border:1px solid #aaa; color:#222; border-radius:5px; padding:5px 3px; }
.left_menu .inner .quick_menu ul li { margin-left:5px; }
.left_menu .inner .quick_menu ul li:firsr-child { margin-left:0; }
.login_out { padding:15px 0px ; width:100%;}
.login_out ul { display:flex; }
.login_out li { margin: 5px; flex-grow:1; }
.login_out a { display:block; background:#eee; border:1px solid #aaa; font-size:14px; text-align:center; width:100%; padding:7px 0; border-radius:4px; line-height:15px;}