@charset "utf-8";

html, body { height:100%; font-size:16px; font-family:'Noto Sans Korean'; font-weight:400; letter-spacing:-1px; }
/*.adf { background:#00A9DF; }*/


.login_wrap { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; color:#fff;
background: #5fbbb2; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #66ddab , #5fbbb2); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #66ddab, #5fbbb2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #66ddab, #5fbbb2); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #66ddab , #5fbbb2); /* Standard syntax */ }
.login_wrap .login { flex:1; display:flex; justify-content:center; align-items:center; width:90%; max-width:350px; }
.login_wrap .login form {  }
.login_wrap .logo { font-size:30px; //margin-bottom:50px; padding-top:70px; font-family:'Arial'; font-weight:bold; background:url(../img/icon_user2.png) top center no-repeat; }
.login_wrap .atxt { letter-spacing:0; padding:0px 0 40px 0; color:#fff799; }
.login_wrap .lbox { margin-bottom:5px; }
.login_wrap .lbox select, .login_wrap .lbox input { height:43px; border:0; }
.btn_login  { width:100%; height:60px; background:#48a198; background:#4c5264; color:#fff; font-size:16px; font-weight:700; }
.login_wrap .bottom { margin-top:auto; text-align:center; padding:20px 0; }
.login_wrap .bottom .txt { font-size:15px; }
.login_wrap .bottom .tx02 { letter-spacing:0; }
.login_wrap {  }



header.top { position:fixed; top:0; left:0; display:flex; justify-content:flex-end; align-content:stretch; width:100%; height:60px; color:#fff; z-index:50;
background: #5fbbb2; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #66ddab , #5fbbb2); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #66ddab, #5fbbb2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #66ddab, #5fbbb2); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #66ddab , #5fbbb2); /* Standard syntax */ }
header.top:after { position:absolute; top:60px; left:0; content:''; width:100%; height:42px; background:#4c5264; z-index:-1; }
header.top .top_logo { margin-right:auto; font-size:20px; font-weight:700; padding:0 30px; line-height:60px; }
#gnb { height:100%; }
#gnb ul.depth01 { position:relative; height:100%; font-size:0; padding-right:30px; }
#gnb ul.depth01 > li {position:relative; height:100%; display:inline-block; vertical-align:middle; }
#gnb ul.depth01 > li > a { display:block; height:100%; padding:0 20px; font-size:16px; line-height:60px; font-weight:700; }
#gnb ul.depth01 > li:hover > a { color:#fff45c; }
#gnb ul.depth01 > li.active > a { color:#fff45c; }
#gnb ul.depth02 { display:none; position:absolute; top:60px; left:0; width:max-content; height:42px; line-height:42px; }
#gnb ul.depth01 > li:hover ul.depth02 { display:block; }
#gnb ul.depth01 > li.li01 ul.depth02 { left:-202px; }
#gnb ul.depth01 > li.li02 ul.depth02 { left:0; }
#gnb ul.depth02 li { display:inline-block; vertical-align:middle; }
#gnb ul.depth02 li a { display:block; padding:0 20px; font-size:16px; }
#gnb ul.depth02 li:hover a { color:#8de3f8; }
#gnb ul.depth02 li.active a { color:#8de3f8; }
header.top .t_b_head { min-width:140px; font-size:0; text-align:center; background:rgba(0,0,0,0.1); }
header.top .t_b_head .user, header.top .t_b_head .btn_logout { display:inline-block; vertical-align:middle; height:100%; font-size:13px; color:#fff; border-left:1px solid rgba(255,255,255,0.2); line-height:1.3; }
header.top .t_b_head .user{ padding:11px 18px 0 18px; width:auto; color:#fbe67e; }
header.top .t_b_head .btn_logout { width:70px; }
header.top {  }
header.top {  }


.c_container { width:95%; margin:60px auto 0; padding-top:80px; padding-bottom:50px; min-height:-webkit-calc(100% - 150px); min-height:-moz-calc(100% - 150px); min-height:calc(100% - 150px); }

/* 메인관리 - 배너관리에서 배너 등록 버튼 추가로 인한 정렬 추가 20221221_yhlee*/
.c_container .t_con2{ display: flex; justify-content: space-between;}


.s_container { width:95%; margin:30px auto 0; padding-top:10px; padding-bottom:50px; min-height:-webkit-calc(100% - 150px); min-height:-moz-calc(100% - 150px); min-height:calc(100% - 150px); }
.con100 { min-height:-webkit-calc(100% - 200px); min-height:-moz-calc(100% - 200px); min-height:calc(100% - 200px);  }
.con250 { min-height:-webkit-calc(100% - 250px); min-height:-moz-calc(100% - 250px); min-height:calc(100% - 250px);  }
.con300 { min-height:-webkit-calc(100% - 300px); min-height:-moz-calc(100% - 300px); min-height:calc(100% - 300px);  }
.con350 { min-height:-webkit-calc(100% - 350px); min-height:-moz-calc(100% - 350px); min-height:calc(100% - 350px);  }
.con460 { min-height:-webkit-calc(100% - 460px); min-height:-moz-calc(100% - 460px); min-height:calc(100% - 460px);  }
/*a:hover, a:focus { opacity:.9; }*/

.btn01 { margin:0 3px; }
.btn02 { margin:3px 3px; }

.t_con { position: relative; display:flex; align-items:center; margin: 20px 0;}
.t_con {  }
.t_con {  }
.t_con p{width: 100px;}
.t_con label{margin-right: 20px;}
.t_con input[type="radio"]{width: 15px; height: 15px; margin-top: -2px;}
.t_con select{width: 125px; margin-right: 10px;}
.t_con .right_con{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.t_con .srch_area { width:50%; }
.t_con .srch_area .select01 { margin-right: 10px; }
.t_con .srch_area .input01 {  }
.btn_srch { height:40px; background:#5fbbb2; color:#fff; padding:0 15px; vertical-align:middle; font-size:14px; letter-spacing:-1px; }
.btn_srch img { vertical-align:middle; margin-top:-3px; }

.tit01 { position:relative; font-size:28px; letter-spacing:-2px; color:#5fbbb2; padding-left:15px; font-weight:500; }
.tit01:before { position:absolute; left:0; top:9px; content:''; width:5px; height:25px; background:#5fbbb2; }
.stit { font-size:17px; font-weight:700; padding:5px 0; }
.stit .tit_num { font-size:20px; letter-spacing:0; }
.stit .date { font-size:16px; font-weight:400; color:#777; }

table th, table td { padding:10px 5px; vertical-align:middle; }
table th { background:#f2f8f8; }
.table001 {  }
.tbl_col th, .tbl_col td {  text-align:center; border-bottom:1px solid #e2e2e2; }
.tbl_col th { font-weight:700; border-top:2px solid #5fbbb2;  }
.tbl_col td {  }
.tbl_col tr:last-child td { border-bottom:1px solid #5fbbb2; }
.tbl_row th, .tbl_row td { border-bottom:1px solid #e2e2e2; }
.tbl_row th {  }
.tbl_row td { padding:10px 10px; font-weight:700; }
.tbl_row tr:first-child { border-top:2px solid #5fbbb2; }
.tbl_row tr:last-child th, .tbl_row tr:last-child td { border-bottom:1px solid #5fbbb2; }
.tr_hidden { display:none; background:#f7f7f7; text-align:center; }
.tr_hidden td { padding:25px 60px; }
.tr_hidden ul { display:flex; flex-wrap:wrap; //justify-content:space-around; align-content:center; text-align:left; }
.tr_hidden ul li { display:inline-block; width:33.33%; vertical-align:top; font-size:0; }
.tr_hidden ul li em, .tr_hidden ul li span { display:inline-block; vertical-align:middle; padding:7px 0; font-size:15px; }
.tr_hidden ul li em { width:100px; }
.tr_hidden ul li span { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); font-weight:700; }
.tr_hidden ul li span a { font-weight:400; }
.b_con {position:relative; display:flex; justify-content:space-between; width:95%; margin:0 auto; padding-top:20px; }
.b_con .pagination {position:absolute; left:50%; transform:translateX(-50%); width:30%; text-align:center; }
.b_con .btn_box { display: flex; margin-top: -50px; }


.remodal.popup1 { max-width:600px; padding:20px; }
.remodal.popup1 .p_head { padding:15px 0; text-align:center; //background:#555; margin-bottom:15px; }
.remodal.popup1 .p_body { padding:20px; text-align:center; }
.remodal.popup1 .p_body .email01 { font-size:20px; }
.remodal.popup1 .p_foot { padding:10px 0 20px 0; }
.remodal.popup1 .p001 { font-size:17px; font-weight:700; }
.remodal.popup1 .p002 { font-size:15px; padding-top:15px; }
.remodal.popup1 .p003 { font-size:16px; font-weight:700; }
.remodal.popup1 .remodal-close { left:inherit; top:6px; right:0; width:40px; //color:#fff; }
.remodal.popup1 .remodal-close:before { font-size:30px; }
.set_period { margin-top:30px; text-align:left; }
.set_period .box01 { margin-bottom:20px; }
.set_period .box01 h3 { display:inline-block; width:120px; font-weight:700; padding:5px 0; vertical-align:top; }
.set_period .box02 { display:inline-block; width:-webkit-calc(100% - 125px); width:-moz-calc(100% - 125px); width:calc(100% - 125px); vertical-align:top; }
.set_period .box02 .swrap { margin:5px 0; }
.set_period .box02 .swrap span { font-size:14px; }
.set_period .box02 .select01 { width:30%; }
.set_period .box02 .select02 { width:92%; }


.t_con2 { padding:0 0 10px; }
.t_con2 .info01 {  }
.t_con2 .left_mem_status {  }


.left_mem {  }
.left_mem_status { width:350px; margin:20px 0; }
.left_mem_status ul {  }
.left_mem_status ul li { border:1px solid #ddd; margin-bottom:5px; font-size:0; }
.left_mem_status ul li h3, .left_mem_status ul li span { display:inline-block; vertical-align:middle; padding:10px 10px; font-size:16px; }
.left_mem_status ul li h3 { width:50%; text-align:center; background:#f8f8f8; border-right:1px solid #ddd; }
.left_mem_status ul li span { width:50%; font-weight:700; text-align:right; }



.mem_info_print {  }
.print_area { display:flex; justify-content:space-around; margin-top:50px; padding-top:20px; }
.print_area .pbox { width:30%; border:1px solid #ddd; margin:0 10px; padding:30px 10px; text-align:center; }
.print_area .pbox.all_mem .btn_box, .print_area .pbox.susp_mem .btn_box { padding-top:30px; }
.print_area .pbox h3 { font-size:18px; font-weight:500; margin-bottom:20px; }
.print_area .pbox .btn_box {  }
.print_area .pbox .btn_box a { font-size:18px; padding:10px 30px; border-radius:5px; margin:0 5px; }
.print_area .pbox .btn_box a:hover { opacity:.8; }
.print_area .pbox .btn_box a img { width:32px; margin-right:5px; vertical-align:middle; }
.print_area .pbox .btn_box .dn_xls { border:1px solid #5fbbb2; }
.print_area .pbox .btn_box .dn_pdf { border:1px solid #ff595e; }
.print_area .pbox .box01 { margin-bottom:20px; }
.print_area .pbox .box01 .swrap { margin:5px 0; }



.space_srch {  }
.srch_area2 { display:flex; justify-content:space-between; align-items:flex-start; margin-top:20px; }
.srch_area2 .srchbox {  }
.srch_area2 .srchbox p{display:inline-block; width: 100px;}
.srch_area2 .srchbox .select01 { width:150px; }
.srch_area2 .srchbox .line { margin-bottom:20px; }
.srch_area2 .srchbox .info { padding-left:10px; color:#777; font-size:15px; }
.srch_area2 .btn_area { margin-left:auto; }
.listimg01 { width:150px; }
.tbl002 tr:first-child { border-top:2px solid #5fbbb2; }
.tbl002 .date {  }

.srch_area2.structure{margin: 20px 0}

.conwrap { text-align:left; padding:10px 0; }
.conwrap .top { margin-bottom:10px; }
.conwrap .top .tit_num { display:inline-block; vertical-align:middle; margin-right:20px; font-weight:700; letter-spacing:0; }
.conwrap .top .date { display:inline-block; vertical-align:middle; margin-right:20px; }
.conwrap .top .l_wrap { display:inline-block; vertical-align:middle; }
.conwrap .top .l_wrap .bdg01 { display:inline-block; vertical-align:middle; font-size:14px; padding:3px 10px; border-radius:80px; margin:0 2px; }
.conwrap .top .l_wrap .bdg01.like { border:1px solid #47a5e0; color:#47a5e0; }
.conwrap .top .l_wrap .bdg01.dislike { border:1px solid #ec812c; color:#ec812c; }
.conwrap .top .l_wrap .bdg01.scrap { border:1px solid #ae5da1; color:#ae5da1; }
.conwrap .btm { /*display:flex; flex-direction:column; flex-wrap:wrap; justify-content:flex-start; height:90px;*/ }
.conwrap .btm .line02 { //width:46%; padding:2px 0; }
.conwrap .btm .line03 { padding:5px 0; //margin-bottom:12px; }
.conwrap .btm .tit, .conwrap .btm .txt { display:inline-block; vertical-align:middle; }
.conwrap .btm .tit { position:relative; width:95px; padding-left:12px; }
.conwrap .btm .tit:before { position:absolute; top:0; left:0; content:url(../img/bullet_03.png); }
.conwrap .btm .line03 .tit { width:100%; margin-bottom:7px; }
.conwrap .btm .txt { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); font-weight:700; }
.conwrap .btm .txt2 { width:100%; font-weight:700; padding:0 13px; }
.tag { display:inline-block; vertical-align:middle; font-weight:400; font-size:14px; padding:5px 15px; border-radius:90px; background:#f8f8f8; border:1px solid #ddd; margin:2px 2px; }
.dwrap { /*border-top:2px solid #5fbbb2; border-bottom:1px solid #5fbbb2;*/ padding:12px 0; }
.sp_img { max-width:300px; width: 100%; }
.similar_img{display: inline-block; width: 150px; height: 150px; margin: 0 5px 10px 0; border: 1px solid #ddd;}
.similar_img:last-child{margin-right: 0;}
.similar_img img{width: 100%; height: 100%;}
.dwrap .btm .line02, .dwrap .btm .line03 { border-bottom:1px dashed #ddd; }
.dwrap .btm .line02 { padding:5px 0; }
.dwrap .btm .line03 { padding:10px 0; }
.dwrap .btm .bb_none { border-bottom:0; }
.dwrap .tit_num { font-size:18px; font-weight:700; letter-spacing:0; }
.dwrap .tit_num .cate, .dwrap .tit_num .brand, .dwrap .tit_num .inum { display:inline-block; margin:0 18px; }



.space_srch_view {  }
.fas { margin-right:3px; }
.btn_area2 { padding:10px 0; }



.space_srch_regi {  }
.regiwrap {  }
.regiwrap .tbl_row td { font-weight:400; }
.regiwrap .tbl_row td .info { color:#777; font-size:15px; }
.regiwrap .tbl_row td .info.c_red { color:#ff595e; }
.regiwrap select { width:250px; }
.regiwrap select.whether{width: auto;}
.regiwrap .inp001 { width:100%; }
.regiwrap input[type="file"] { width:400px; border:1px solid #d6d3d3; }
.regiwrap .input_img{margin-right: 10px; padding: 5px 10px; font-size: 14px; border: 1px solid #ddd; border-radius: 5px; /*background: linear-gradient(#fff 80%, #eee);*/ cursor: pointer;}
.regiwrap .file_name{display: none; border: 0;}
.regiwrap .inp002.structure{display: none;}

/* 배너 등록 페이지 추가로 인한 css 추가 20221221_yhlee*/
.regiwrap .inp002.banner{display: none;}
/* 3d공간 등록 페이지 추가로 인한 css 추가 20221222_yhlee*/
.regiwrap .inp002.space3d{display: none;}

.regiwrap .inp003 { width:150px; text-align:center; }
.regiwrap .inp004 { width:120px; text-align:right; }
.regiwrap .tit7 { display:inline-block; width:60px; }
.regiwrap .tb_tit{margin: 20px 0 10px; font-size: 18px; font-weight: bold;}
.regiwrap .img_box{width: 15%; padding-top: 15%; border: 1px solid #ddd;}
.regiwrap .img_box.sub{display: inline-block; margin-right: 5px;}
.regiwrap .img_box img{width: 100%; }
.regiwrap .estimate{width: 100%; max-height: 500px; border: 1px solid #5fbbb2; border-width: 1px 0; overflow-y: scroll;}
.regiwrap .estimate th{position: sticky; top: -1px; border-top: 0; margin-top: -1px;}
.regiwrap .estimate tr:last-child td{border-bottom: 1px solid #e2e2e2;}
.line05 { margin:3px 0; }




.single_items {  }
.top_cate { text-align:center; }
.top_cate ul {  }
.top_cate ul li { position:relative; display:inline-block; vertical-align:middle; }
.top_cate ul li:after { position:absolute; right:-5px; top:0; content:'|'; font-size:14px; color:#999; }
.top_cate ul li:last-child:after { content:none; }
.top_cate ul li a { padding:0 15px; font-size:17px; font-weight:700; }
.top_cate ul li:hover, .top_cate ul li:focus, .top_cate ul li.active a { color:#5fbbb2; }

.cate_list {  }
.cate_list th, .cate_list td { padding:20px 10px; }
.cate_list ul { display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; }
.cate_list ul li { position:relative; display:inline-block; width:15%; height:120px; margin:10px 0.7%; padding:20px 15px; border:1px solid #ddd; border-radius:10px; text-align:center; }
.cate_list ul li h3 { max-height:42px; overflow-y:auto; line-height:1.3; }
.cate_list ul li .btn_area { position:absolute; bottom:0; left:0; width:100%; height:40px; background:#f9f9f9; border-radius:0 0 10px 10px; padding-top:7px; }
.cate_list ul li .btn003 { width:26px; margin:0 5px; padding:5px 5px; border-radius:3px; font-size:15px; background:#fff; line-height:1; }
.cate_list ul li .btn_m { border:1px solid #5fbbb2; color:#5fbbb2; }
.cate_list ul li .btn_x { border:1px solid #ff595e; color:#ff595e; }

.single_items .t_con2 .info01 { font-weight:700; }

.remodal.popup1 .p_body .inp_area01 { margin-top:20px; }
.remodal.popup1 .p_body .inp_area01 input { border:1px solid #ff595e; text-align:center; color:#ff595e; }



.c_gre { color:#5fbbb2; }
.c_blu { color:#0091f6; }
.c_blk { color:#000; }
.c_org { color:#fa7b26; }
.c_red { color:#ff595e; }
.c_red2 { color:#ff595e; }


.inquiry_list td a:hover, .inquiry_list td:focus { color:#0091f6; }
.inquiry_list td .c_red:before { content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:900; margin-right:3px; font-size:12px; }
.inquiry_list td .c_blu:before { content:'\f303'; font-family:'Font Awesome 5 Free'; font-weight:900; margin-right:3px; font-size:12px; }

.dwrap .content_area { padding:15px; font-weight:normal; line-height:1.8; }

.inquiry_view .stit { margin-top:20px; font-size:20px; }
.inquiry_view .inp_con { font-size:17px; font-weight:normal; line-height:1.8; }