@charset "utf-8";


*{box-sizing:border-box;}



/*ÆäÀÌ¡*/
.paging {display:block; width:100%; text-align:center; padding:0; margin:0 auto 30px auto;}
.paging ul li{position:relative; display:inline-block; vertical-align:top; margin:0 5px; width:25px; height:34px; box-sizing: border-box;}
.paging ul li a{display: block; font-size:17px; padding:7.5px 4px;}
.paging ul li a:hover{color:#006cff;}
.paging ul li.on{box-sizing:border-box; font-weight:700; color:#006cff;}


/*¹öÆ°*/
.bottom_btn{position:relative; width:100%; margin-top:45px; height:46px;}
.bottom_btn a, .bottom_btn button{display:inline-block; vertical-align:top; text-align:center; font-family:"Pretendard"; font-weight:600; line-height:44px; font-size:18px; padding:0 10px; width:120px; height:46px; transition:0.2s all ease;}
.bottom_btn .list_btn{border:2px solid #222222; color:#222222;}
.bottom_btn .list_btn:hover{background: #222222; color:#fff;}
.bottom_btn .write_btn{border:2px solid #0a62ac; color:#0a62ac;}
.bottom_btn .write_btn:hover{background: #0a62ac; color:#fff;}
.bottom_btn .delete_btn{border:2px solid #d10f34; color:#d10f34;}
.bottom_btn .delete_btn:hover{background: #d10f34; color:#fff;}
.bottom_btn .etc_btn{border:2px solid #0f826c; color:#0f826c;}
.bottom_btn .etc_btn:hover{background: #0f826c; color:#fff;}


/*°Ë»ö*/
.search_field{width:100%; margin: 0 auto 40px auto; position:relative;}
.search_field .search_here{display:flex; width:70%; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; overflow:hidden;}
.search_field .search_here > div{display:inline-block; vertical-align:middle;}
.search_field .search_here .dates{background:#fff;} 
.search_field .search_here label, .search_field .search_here input, .search_field .search_here button{display:inline-block; vertical-align:middle; font-family:"Pretendard";}
.search_field input[type='date']{height:45px; border:1px solid #9a9a9a; padding:0 10px; font-size:16px; position:relative; letter-spacing:-1px; border-radius:5px 5px 0 5px;}
.search_field select{position:relative; height:45px; border: 1px solid #9a9a9a; padding:0 35px 0 15px; font-size:17px; background: url(/images/board/select_arr.png) no-repeat; background-position: right 10px center; letter-spacing:-1px; border-radius: 5px 5px 0 5px; margin-right:4px;}
.search_field input[type='text']{height:45px; border:1px solid #9a9a9a;  padding:0 13px; font-size:17px; flex-grow:1; position:relative; border-radius:5px 0 0 5px;}
.search_field #btn_search{width:45px; height:45px; padding:5px 10px; text-align:center; color:#fff; background:#292a2f; border-radius:0 0 0 0; margin-right:1px;}
.search_field #btn_search:hover{background:#000;}
.search_field #btn_reset{width:45px; height:45px; padding:5px 10px; text-align:center; color:#fff; background:#292a2f; border-radius:0 5px 0 0;}
.search_field #btn_reset:hover{background:#000;}

.search_field .search_here .dates .QA_period{font-weight:600; vertical-align:middle; margin-right:5px;}
.stats_search #btn_search{margin-left:6px; border-radius:5px;} 


/*°Ô½ÃÆÇ ¸ñ·Ï*/
.table_list .num{width:100px;}
.table_list .tit{width:calc(100% - 500px);}
.table_list .writer{width:200px;}
.table_list .date{width:200px;}
.table_list .cate_w{width:200px;}


#boardDiv{position:relative; width:100%; margin:0;}
#boardDiv fieldset{display:contents;}

.total{margin-bottom:10px; font-size:16px; font-weight:400;}
.total span{font-weight:600; color:#ed3b55;}

.table_list{width:100%; margin:0 auto 40px auto;}
.table_list > ul{width:100%; font-size:0; position:relative;}
.table_list > ul.thead{background:#292a2f; padding:15px 0; margin-bottom:5px;}
.table_list > ul.thead li{position:relative; display:inline-block; vertical-align:middle; text-align:center;  padding:0 10px; box-sizing:border-box; font-size:18px; font-weight:600; color:#fff;}
.table_list > ul.thead li.sel_box{position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1;}
.table_list > ul.thead li.sel_box label{position:absolute ;width:0 ; height:0 ; font-size:0 ;line-height:0 ;overflow : hidden ;}
.table_list > ul.tbody li{position:relative; width:100%; display:block; border: 1px solid #969696; padding:17px 0; font-size:0; margin-bottom:5px;}
.table_list > ul.tbody li > div{display:inline-block; vertical-align:middle; text-align:center; padding:0 10px; box-sizing:border-box; font-size:17px; font-weight:400;}
.table_list > ul.tbody li > div.col_sel{position:absolute; top:50%; left:10px;; transform:translateY(-50%);}
.table_list > ul.tbody li > div.sel_box{position:absolute; left:0; top:50%; transform:translateY(-50%);}
.table_list > ul.tbody li > div.tit{font-weight:500; text-align:left; position:relative; display:inline-block; max-width:calc(100% - 23px); vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 1.5px 0;}
.table_list > ul.tbody li > div.tit .new{display: inline-block; padding:2px 4.5px 2px 3px; background-color: #00fff3; text-align: center; font-size: 13px; line-height: 1em; margin: -3px 0 0 1px; height: 17px; vertical-align: middle; border-radius: 3px; font-weight: 700;}
.table_list > ul.tbody li > div .m_tit{display:none; width: 55px; font-weight: 500; color: #19217b; margin-right: 15px; vertical-align:middle; text-align: left;}
.table_list > ul.tbody li > div .mobile_tit{display:none;}
.table_list > ul.tbody a:hover li > div.tit{color:#0066ff;}
.table_list > ul.tbody a:hover li > div.tit .new{color:#000;}

.table_list > ul.tbody li.nothing{display:block; width:100%; padding:22px 15px; background: #f4f4f4;}
.table_list > ul.tbody li.nothing div{font-size:17px; font-weight:500; text-align:center; width:100%;}
.table_list > ul.tbody li.notice{border:1px solid #f3546b;}
.table_list > ul.tbody li.notice .cate_w{display:none;}
.table_list > ul.tbody li.notice .tit{font-weight:600;}

.table_list.faq > ul.tbody li.notice .cate_w{display:inline-block; width:200px;}
.table_list.faq > ul.tbody li.notice .tit{width: calc(100% - 300px); padding-right:0; font-weight:500;}
.table_list.faq > ul.tbody li.notice:hover .tit{color:#f3546b;}

.b_list_file{margin-left:3px; margin-top: -1px;}
.b_list_reply{margin-right:5px; margin-top: -7px; width:41px;}
.b_list_secret{margin-right:5px; margin-top: -1px;}

/*qna ¸ñ·Ï*/
.category{color:#05828d; font-weight:600;}
.table_list > ul.tbody li > div.tit a .new{position:relative; display:inline-block; width:20px; height:20px; border-radius:50%; background-color:#006cff; font-size:13px; font-weight:600; color:#fff; text-align:center; line-height:20px; vertical-align: middle; margin-left: 6px;}

.table_list.qna .tit{width: calc(100% - 700px); font-weight:500;}
.table_list.qna > ul.tbody li.notice .tit{width: calc(100% - 500px);}
.table_list.qna > ul.tbody a:hover li.notice .tit{color:#f3546b;}




/*°Ô½ÃÆÇ º¸±â*/
.table_view{position: relative; width:100%; margin: 45px auto 0 auto;}
.table_view .top_field{position:relative; width:100%; border-top:2px solid #666; border-bottom:1px solid #969696; padding:25px 20px;}
.table_view .top_field .tit_here{font-size:28px; font-weight:700; letter-spacing: -1.5px;}
.table_view .top_field .tit_here .category{display: inline-block; color:#0b95b7; font-size:23px; font-weight:600; vertical-align: middle; margin-top: -7px;}
.table_view .top_field .detall_here{margin-top:15px;}
.table_view .top_field .detall_here dl{display:inline-block; font-size:18px; font-weight:400;}
.table_view .top_field .detall_here dl:first-child{margin-right:20px;}
.table_view .top_field .detall_here dl dt{display:inline-block; font-weight:600; margin-right:5px;}
.table_view .top_field .detall_here dl dd{display:inline-block;}

.table_view .post_here{width:100%; min-height:350px; padding:20px 40px; font-size:17px; font-weight:400; border-bottom:2px solid #252629; word-break: break-all;}
.table_view .post_here img{display:block; margin:5px 0; max-width:85%;}

.table_view .link_here{width:100%; background-color:#d8f3f2; padding: 12px 15px; margin-top:10px; border-radius:10px 0 10px 10px; font-size: 0;}
.table_view .link_here span{display:inline-block; width:55px; font-size:17px; font-weight:600; margin-right:25px; vertical-align: top;}
.table_view .link_here ul{display:inline-block; width:calc(100% - 80px);}
.table_view .link_here ul li{position:relative; display: flex;}
.table_view .link_here ul li::before{position:absolute; display:block; content:""; width:23px; height:23px; top:-1px; left:0px; background:url(/images/board/v_link.png)no-repeat;}
.table_view .link_here ul li + li{margin-top:9px;}
.table_view .link_here ul li a{padding-left: 27px; font-size:16px; font-weight:500; word-break: break-all;}
.table_view .link_here ul li a:hover{color:#003ff4;}

.table_view .file_here{width:100%; background-color:#d9ecff; padding: 12px 15px; margin-top:10px; border-radius:10px 0 10px 10px; font-size: 0;}
.table_view .file_here span{display:inline-block; width:55px; font-size:17px; font-weight:600; margin-right:25px; vertical-align: top;}
.table_view .file_here ul{display:inline-block; width:calc(100% - 80px);}
.table_view .file_here ul li{position:relative; display: flex;}
.table_view .file_here ul li::before{position:absolute; display:block; content:""; width:23px; height:23px; top:-1px; left:0px; background:url(/images/board/v_file.png)no-repeat;}
.table_view .file_here ul li + li{margin-top:9px;}
.table_view .file_here ul li a{padding-left: 27px; font-size:16px; font-weight:500; word-break: break-all;}
.table_view .file_here ul li a:hover{color:#003ff4;}


/*°Ô½ÃÆÇ ¾²±â*/
.longest_w{width:98%;}
.long_w{width:80%;}
.short_w{width:170px;}
.pw_w{width:360px;}

.table_write{width:100%; position:relative; border-top:3px solid #383838;}
.table_write > ul > li{display:flex; flex-wrap:wrap; align-items: center; border-bottom:1px solid #ababab;}
.table_write > ul > li.bg_gray{background-color:#f3f9fb;}
.table_write > ul > li:last-child{border-bottom:1px solid #969696;}
.table_write > ul > li > div{display:inline-block; vertical-align:top; padding:15px 10px; font-size:17px; }
.table_write > ul > li > div.th{width:190px; font-weight:600; padding:27px 15px; color:#004f53;}
.table_write > ul > li > div.th.txt{padding: 17px 15px !important;}
.table_write > ul > li > div.th .must_write{display:inline-block; width:100%; padding-right:15px; background:url(/images/board/must_write_icon.png) no-repeat; background-position:right center;}
.table_write > ul > li > div.td{width: calc(100% - 190px); }
.table_write > ul > li > div.td.txt{font-size:17px; padding:17px 10px; font-weight:400;}
.table_write > ul > li > div.td input{font-family:"Pretendard"; background-color: #f6f6f6 ; padding:8px 12px; font-size:17px; max-width:100%; height:40px;}
.table_write > ul > li > div.td input::placeholder{font-family:"Pretendard"; font-size:16px;}
.table_write > ul > li > div.td textarea{font-family:"Pretendard"; background-color: #f6f6f6 ; padding:8px 12px; font-size:17px; max-width:100%; border:0;}
.table_write > ul > li > div.td select{font-family:"Pretendard"; font-size:17px; max-width:100%; width:auto; border: 0; padding: 0 45px 0 12px; height: 40px; background: url(/images/board/select_arr.png) no-repeat; background-position: right 15px center; background-color: #f6f6f6; letter-spacing:-1px;}
.table_write > ul > li > div.td.triobox select{max-width:calc((100% - 7px)/3);}
.table_write > ul > li > div.td label{display:inline-block; vertical-align:middle; margin-bottom:5px;}
.table_write > ul > li > div.td .id_check_btn{display:inline-block; font-family:"Pretendard"; font-size:16px; padding:0 10px; color:#fff; font-weight:500; background:#222222; vertical-align:middle; height:40px; line-height:40px; border-radius:5px; margin-left:2px;}
.table_write > ul > li > div.td .id_check_btn:hover{color:#60f2ff;}
.check_txt{display:inline-block; font-size:16px; padding-left:21px; background:url("/images/board/check_txt.png") no-repeat; background-position:left top 3px; margin-top:0; font-weight:500; color:#444; vertical-align: middle; line-height:1.5em;}
.check_txt a.question{display:inline-block; width:22px; height:23px; color:#fff; text-align:center; font-size:16px; font-weight:600; background-color:#3d3d3d; border-radius:0 5px 0 3px; padding: 1px 0; margin: -2px 0 0 3px;}
.table_write > ul > li .check_txt:nth-of-type(1){margin-top:8px;}

.table_write > ul > li > div.td input[type=file]{font-size:16px; padding:7px 12px; cursor:pointer;}
.table_write > ul > li > div.td input[type=file]::file-selector-button{color:#fff;background:#222; font-size:15px; font-weight:400; border:0; border-radius:3px;padding:3px 7px; letter-spacing:-0.5px; cursor:pointer;}
.table_write > ul > li > div.td input[type=radio]{padding:0; height:auto;}

.table_write > ul > li > div.td .attached{display:block; background-color:#ebf9ee; margin-top:6px; padding:8px 10px;}
.table_write > ul > li > div.td .attached p{font-size:17px; font-weight:600; color:#222;}
.table_write > ul > li > div.td .attached ul{margin-top:5px;}
.table_write > ul > li > div.td .attached ul li{display:inline-block; font-size:16px; font-weight:400; padding:2px 6px;}
.table_write > ul > li > div.td .attached ul li label{display:inline-block; margin-bottom:0;}
.table_write > ul > li > div.td .attached ul li input{position:relative; margin: -2px 3px 0 2px; appearance:none; border:1px solid #5b5b5b; width:14px; height:14px; cursor: pointer; padding:0; background:#fff; border-radius:2px;}
.table_write > ul > li > div.td .attached ul li input:checked:before{display:block; position:absolute; content:""; width:3px; height:8px; background-color:#f52661; transform:rotate(-45deg); left:3px; top:2px;}
.table_write > ul > li > div.td .attached ul li input:checked:after{display:block; position:absolute; content:""; width:3px; height:16px; background-color:#f52661; transform:rotate(30deg); left:9px; top:-6px;}
.table_write > ul > li > div.td .attached ul li span{font-size:16px; font-weight:500; color:#f52661;}

.must_check_info{text-align:right; }
.must_check_info > span{position:relative; display:inline-block; font-size:17px; padding:6px 8px; margin-bottom:5px;}
.must_check_info > span:before{position:absolute; display:block; content:""; width:100%; height:10px; left:0; bottom:4px; background-color:#fff3f3; border-radius:4px; z-index:-1;}
.must_check_info img{vertical-align:middle; margin-top:-4px;}

/*ºñ¹Ð¹øÈ£ º¸±â/¾Èº¸±â ¼³Á¤ Ãß°¡*/
.table_write > ul > li[class^="eyei"] div.psw_input{display:inline-block; position:relative;}
.table_write > ul > li[class^="eyei"] div.psw_input input{padding:8px 40px 8px 12px;}
.table_write > ul > li[class^="eyei"] div.psw_input i{position:absolute; right:10px; font-size:1.1em; top:20px; color:#424242;}


.toastui-editor-contents p {font-size: 18px; font-weight: 400; font-family:"Pretendard"; line-height:1.5em;}
.toastui-editor-defaultUI-toolbar{flex-wrap:wrap;}


/*qna ¾²±â*/
.table_write > ul > li > div.td.radio_b  input[type="radio"]{display:none;}
.table_write > ul > li > div.td.radio_b  label{position:relative; display:inline-block; padding:11px 12px 10px 11px; margin:2px 5px 2px 0; font-size:16px; font-weight:500; cursor:pointer; border:1px solid #606265; border-radius:10px 0 10px 10px; overflow:hidden;}
.table_write > ul > li > div.td.radio_b  label:hover{background:#293038; color:#fff;}
.table_write > ul > li > div.td.radio_b  input[type="radio"]:checked + label{background:#293038; color:#fff;}
.table_write > ul > li > div.td.radio_b  label span{position:relative; padding-left:33px;}
.table_write > ul > li > div.td.radio_b  label span:before{position:absolute; content:""; width:28px; height:28px; background:url(/images/board/w_cate1.png)no-repeat; left:0; top:50%; transform:translateY(-50%);}
.table_write > ul > li > div.td.radio_b  label:nth-of-type(2) span:before{background:url(/images/board/w_cate2.png)no-repeat;}
.table_write > ul > li > div.td.radio_b  label:nth-of-type(3) span:before{background:url(/images/board/w_cate3.png)no-repeat;}
.table_write > ul > li > div.td.radio_b  label:nth-of-type(4) span:before{background:url(/images/board/w_cate4.png)no-repeat;}
.table_write > ul > li > div.td.radio_b  label:nth-of-type(5) span:before{background:url(/images/board/w_cate5.png)no-repeat;}
.table_write > ul > li > div.td.radio_b  label:nth-of-type(6) span:before{background:url(/images/board/w_cate6.png)no-repeat;}
.table_write > ul > li > div.td.radio_b  label:nth-of-type(7) span:before{background:url(/images/board/w_cate7.png)no-repeat;}



/*³ªÀÇ ±¤°í È®ÀÎ-¸ñ·Ï*/
#boardDiv.myad{padding-top:23px;}
.myad_btn{position:absolute; right:0; top:0;}
.myad_btn a{display:inline-block; padding:8px 13px 8px 43px; border-radius:5px; background-color:#181b2b; color:#fff; border:3px solid #5fe9c1; background:#181b2b url(/images/contents/mp_icon.png) no-repeat; background-position:left 13px center; font-weight:500;}
.myad_btn a:hover{color:#5fe9c1;}

#myplace{position: fixed; height:90vh; padding: 15px 20px; background:#2c2d31; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 15px; z-index: 20; overflow: hidden; aspect-ratio:1 / 2.41;}
#myplace .mp_close{position: absolute; display:inline-block; width: 25px; height: 25px;top: 12px; right: 20px;}
#myplace .mp_close:before{position:absolute; display:block; content:""; width:22px; height:2px; background-color:#fff; transform:rotate(45deg); top:11px; right:0; transition:0.3s all ease; }
#myplace .mp_close:after{position:absolute; display:block; content:""; width:22px; height:2px; background-color:#fff; transform:rotate(135deg); top:11px; right:0; transition:0.3s all ease;}
#myplace .mp_close > span{position:relative; display:inline-block !important; background:none !important;}
#myplace .mp_close > span span.alt{position:absolute; display:inline-block; width:0; height:0; overflow:hidden;}

#myplace .gubun{color:#fff; margin-bottom:10px; font-size:15px; padding-right:30px;}
#myplace .gubun span{display:inline-block; width:15px; height:15px; background:#ff00b0; vertical-align:middle; margin:0 3px;}

#myplace .myad_box{background:#fff; position:relative; display:grid; grid-template-columns:repeat(63, 1fr); grid-template-rows: repeat(159, 1fr); gap:0;}

#myplace .myad_box > div{display:inline-block; vertical-align:top; aspect-ratio:1/1; box-shadow:1px 0 0 #55575d, 0 1px 0 #55575d;}
#myplace .myad_box > div.mine{background:#ff00b0;}

.table_list.ad .num{width:70px;}
.table_list.ad .tit{width:calc(100% - 750px);}
.table_list.ad .addate{width:225px;}
.table_list.ad .pdate{width:120px;}
.table_list.ad .state{width:140px;}
.table_list.ad .receipt{width:120px;}
.table_list.ad .stati{width:75px;}

div span.stat{font-weight:600; display:inline-block; position:relative; z-index:1; vertical-align:middle;}
div span.stat:before{display:block; content:""; position:absolute; height:17px; width:calc(100% + 10px); left:-5px; bottom:1.5px; z-index:-1;}
div span.stat.acc:before{background-color:#d4e3ff;}
div span.stat.sing:before{background-color:#ffebb1;}
div span.stat.send:before{background-color:#d6ffb1;}
div span.stat.onm:before{background-color:#afffda;}
div span.stat.end:before{background-color:#e1e1e1;}
div span.stat.ccl:before{background-color:#ffe5e5;}
div span.stat.chk:before{background-color:#ffc268;}
div span.stat.wait:before{background-color:#e4d1ff;}

.table_list.ad > ul.tbody > li > div.tit{text-align:center;}
.table_list.ad > ul.tbody > li > div.tit a{display:block; max-width:100%;}
.table_list.ad > ul.tbody > li > div.tit a span.ctr{display:inline-block; margin-right:3px; color:#0066ff; font-size:15px; vertical-align:top; margin-top:1px;}
.table_list.ad > ul.tbody > li > div.tit a:hover{color:#0066ff;}
.table_list.ad > ul.tbody li > div .extend{display:block; margin:7px auto 0 auto; width:76px; font-weight:500; border:1px solid #c1c1c1; padding:4px 0 6px 0; border-radius:2px; font-size:16px; background-color:#fff; text-align:center;}
.table_list.ad > ul.tbody li > div .extend:hover{background-color:#292a2f; color:#fff;}

.table_list.ad .receipt a{display:inline-block; font-size:16px; padding:5px 10px; border:1px solid #0b7b84; background-color:#fff; font-weight:500; min-width:87px; color: #038f9b; text-align:center;}
.table_list.ad .receipt a:hover{background:#0b7b84; color:#fff;}
.table_list.ad .receipt a.c_receipt{border:1px solid #1c6f60; color:#109957;}
.table_list.ad .receipt a.c_receipt:hover{background:#1c6f60; color:#fff;}

.table_list.ad .ad_stati{display:inline-block; font-size:16px; padding:5px 10px; border:1px solid #005771; background-color:#fff; font-weight:500; margin:1px 0; max-width:100%; color: #005771;}
.table_list.ad .ad_stati:hover{background:#005771; color:#fff;}


/*³ªÀDZ¤°íÈ®ÀÎ - º¸±â*/
.ad_view{width:100%; position:relative; border-top:none;}
.ad_view ul li{display:flex; flex-wrap:wrap; border-bottom:1px solid #d6d6d6;}
.ad_view ul li:last-child{border-bottom:1px solid #969696;}
.ad_view ul li.colspan_title{display: block; padding: 10px; background-color: #123c3f; text-align: center; color: #fff; font-size: 19px; width: 100%; font-weight: 600;}
.ad_view ul li > div{display:inline-block; vertical-align:top; font-size:17px; }
.ad_view ul li > div.th{position:relative; width:180px; font-weight:600; padding:20px 15px; background: #e7f6f7;}
.ad_view ul li > div.th.bf:before{content:""; display:inline-block;height:100%;vertical-align:middle;}

.ad_view ul li > div.td{width: calc(100% - 180px); padding:20px 15px; align-content:center;} /* align-content Ãß°¡ - 250530 anji */
.ad_view ul li > div.td.coupon{padding:17px 15px; font-size:0;}
.ad_view ul li.two div.td{position:relative; width: calc((100% - 360px)/2);}
.ad_view ul li.three div.td{position:relative; width: calc((100% - 540px)/3);}
.ad_view ul li > div.td.ad_con p{padding: 2px 0px; word-break: break-word;}
.ad_view ul li > div.td input{font-family:"Pretendard"; background-color: #f6f6f6 ; padding:8px 12px; font-size:17px; max-width:100%; height:40px;}
.ad_view ul li > div.td.bf:before{content:""; display:inline-block;height:100%;vertical-align:middle;}
.ad_view ul li > div.td textarea{font-family:"Pretendard"; background-color: #f6f6f6 ; padding:15px; font-size:17px; max-width:100%; border: none; line-height: 1.35em; margin-top:5px;}
.ad_view ul li > div.td select{font-family:"Pretendard"; font-size:17px; max-width:100%; width:auto; border: 0; padding: 0 45px 0 12px; height: 40px; background: url(/images/board/select_arr.png) no-repeat; background-position: right 15px center; background-color: #f6f6f6; letter-spacing:-1px;}
.ad_view ul li > div.td label{display:inline-block; vertical-align:middle;}
.ad_view ul li > div.td .gs{position:relative; margin-top:8px; padding:10px 15px; background:#ebf9ee; line-height: 1.35em;}
.ad_view ul li > div.td .gs.url, .ad_view ul li > div.td .gs.layer{font-weight:500; padding-left:46px;}
.ad_view ul li > div.td .gs.url a:hover, .ad_view ul li > div.td .gs.layer a:hover{color:#003ff4;}
.ad_view ul li > div.td .gs.url:before{position:absolute; content:""; display:inline-block; width:23px; height:23px; left:15px; top:9px; background:url(/images/board/v_link.png)no-repeat;}
.ad_view ul li > div.td .gs.layer:before{position:absolute; content:""; display:inline-block; width:23px; height:23px; left:15px; top:9px; background:url(/images/board/v_file.png)no-repeat;}
.ad_view ul li > div.td .gs.url a{word-break:break-all;}


.ad_view ul li > div span.ad_date{display:inline-block;}
.ad_view ul li > div p.ad_period{display:inline-block; margin-right:7px;}
.ad_view > ul > li > div.td span.ad_dbtn{display:inline-block; margin:5px 0 0 0;}
.ad_view ul li > div .extend{display:inline-block; font-weight:500; border:1px solid #c1c1c1; padding:5px 8px; border-radius:2px; font-size:16px; background-color:#fff; text-align:center;}
.ad_view ul li > div .extend:hover{background-color:#292a2f; color:#fff;}



.ad_view .td a.m_receipt{display:inline-block; font-size:16px; padding:5px 10px; border:1px solid #0b7b84; background-color:#fff; font-weight:500; min-width:87px; color: #038f9b; text-align:center;}
.ad_view .td a.m_receipt:hover{background:#0b7b84; color:#fff;}
.ad_view .td a.c_receipt{display:inline-block; font-size:16px; padding:5px 10px; border:1px solid #1c6f60; background-color:#fff; font-weight:500; min-width:87px; color:#109957; text-align:center;}
.ad_view .td a.c_receipt:hover{background:#1c6f60; color:#fff;}
.ad_view > ul > li > div.td input[type=file]{font-size:16px; padding:7px 12px; cursor:pointer;}
.ad_view > ul > li > div.td input[type=file]::file-selector-button{color:#fff;background:#222; font-size:15px; font-weight:400; border:0; border-radius:3px;padding:3px 7px; letter-spacing:-0.5px; cursor:pointer;}


.adv_in_btn{display:inline-block; margin-left:6px;}
.ad_view ul li > div.td.tag .adv_in_btn{display:block; margin-left:0; margin-top:5px;}
.file_down{position:relative; display:inline-block; font-size:16px; font-weight:500; border:1px solid #a5a5a5; padding:9px 15px 9px 33px; border-radius:3px; margin: 3px 8px 3px 0;}
.file_down:last-child{margin-right:0;}
.file_down:hover{background-color:#f0fcff; border:1px solid #003ff4;}
.file_down:before{position:absolute; content:""; display:inline-block; width:16px; height:16px; left:10px; top:50%; background:url(/images/board/adv_file.png)no-repeat; transform:translateY(-50%);}
.img_view{position:relative; display:inline-block; font-size:16px; font-weight:500; border:1px solid #a5a5a5; padding:9px 15px 9px 33px; border-radius:3px; margin: 3px 8px 3px 0;}
.img_view:last-child{margin-right:0;}
.img_view:hover{background-color:#f0fcff; border:1px solid #003ff4;}
.img_view:before{position:absolute; content:""; display:inline-block; width:17px; height:16px; left:10px; top:50%; background:url(/images/board/img_view.png)no-repeat; transform:translateY(-50%);}

.b_sian_img{display:inline-block; }
.l_sian_img{display:inline-block; max-width:500px; width: 100%; overflow:hidden;}
.l_sian_img img{max-width:100%;}

.qna_go{display:inline-block; font-family:"Pretendard"; font-size:16px; padding:6px 10px; color:#fff; font-weight:500; background:#222222; vertical-align:middle; border-radius:5px; margin-top:4px;}

.ad_view .receipt{display:inline-block; margin-left:6px;}
.ad_view .receipt a{display:inline-block; font-size:16px; padding:5px 8px; border:1px solid #0b7b84; background-color:#fff; font-weight:500; color: #038f9b;}
.ad_view .receipt a:hover{background:#0b7b84; color:#fff;}
.ad_view .receipt a.c_receipt{border:1px solid #1c6f60; color:#109957;}
.ad_view .receipt a.c_receipt:hover{background:#1c6f60; color:#fff;}

.ad_view > ul > li > div.td .attached{display:block; background-color:#ebf9ee; margin-top:6px; padding:8px 10px;}
.ad_view > ul > li > div.td .attached p{font-size:17px; font-weight:600; color:#222;}
.ad_view > ul > li > div.td .attached ul{margin-top:5px;}
.ad_view > ul > li > div.td .attached ul li{display:inline-block; font-size:16px; font-weight:400; padding:2px 6px; border: 0;}
.ad_view > ul > li > div.td .attached ul li label{display:inline-block; margin-bottom:0;}
.ad_view > ul > li > div.td .attached ul li input{position:relative; margin: -2px 1px 0 0px; appearance:none; border:1px solid #5b5b5b; width:14px; height:14px; cursor: pointer; padding:0; background:#fff; border-radius:2px;}
.ad_view > ul > li > div.td .attached ul li input:checked:before{display:block; position:absolute; content:""; width:3px; height:8px; background-color:#f52661; transform:rotate(-45deg); left:3px; top:2px;}
.ad_view > ul > li > div.td .attached ul li input:checked:after{display:block; position:absolute; content:""; width:3px; height:16px; background-color:#f52661; transform:rotate(30deg); left:9px; top:-6px;}
.ad_view > ul > li > div.td .attached ul li span{font-size:16px; font-weight:500; color:#f52661;}

.price_total{display: inline-block; font-weight: 600;color: #017071; margin-right:5px; margin-bottom: 5px; font-size:20px;}
.ad_view ul li > div.th.pd_th{display:none;}
.ad_view ul li.three div.td.price_detail{display:inline-block; width:calc((100% /3)*2); background-color: #f7f9f9;padding: 4px 9px;color: #292929; border-radius: 3px; font-size: 16.5px; padding:20px 20px 15px 20px; border-left: 1px dashed #ddd;}
.price_detail p.tit{font-size:17px; font-weight:600; border-bottom:1px solid #b0b5b5;  padding-bottom:15px;}
.price_detail p#totalp{border-top:1px solid #b0b5b5; margin-top:5px; padding-top:5px;}
.price_detail div .coupon #couVal{color:#ea1b16; font-weight:500; }
.price_detail div .coupon #couValF{color:#ea1b16; font-weight:500;}
.price_detail div p{display:flex; justify-content: space-between;}
.price_detail div p > span{padding:3px 0;}
.price_detail div p > span.totalprice{font-weight:600; color:#01767e; font-size:20px; padding-top:0;}

.coupon.myp .dc_box > div{margin:3px 5px 3px 0;}


/*ÅÂ±× ±¸ÀÔ*/
.table_write.buytag{border-top:none;}
.table_write > ul > li.colspan_title{display:block; padding:10px; background-color:#004f53; text-align:center; color:#fff; font-size:19px; width:100%; font-weight:600;}

/*¹«ÅëÀåÀÔ±Ý*/
#bank_transfer{margin-top:15px; width:100%; border:1px solid #ccc; border-radius:10px;}
#bank_transfer > p{padding:20px; text-align:center;}
#bank_transfer > p span.here{font-weight:600; color:#ff0000; display:inline-block; width:20px; height:20px; border-radius:50%; border:2px solid #ff0000; text-align:center; margin-right:5px; font-size:16px; line-height:15px; margin-top:-1px; vertical-align:middle;}
#bank_transfer p span.highlight{box-shadow: inset 0 -10px 0 #b8ffe1; font-weight: 500;}
#bank_transfer > div{padding:20px; display:flex; flex-wrap:wrap; align-items:center;}
#bank_transfer > div.ba{display:block; font-weight:500; font-size:19px; text-align:center; background-color:#ecf9f8;}
#bank_transfer > div.cash_receipt{border-bottom:1px solid #ccc;}
#bank_transfer > div .tit{font-weight:600; text-align:center; width:150px;}
#bank_transfer > div .enter{padding-left:20px; width:calc(100% - 150px);}
#bank_transfer > div .enter label{display:inline-block; margin-top:5px; margin-bottom:5px;}
#bank_transfer > div .enter input[type="text"]{font-family: "Pretendard"; background-color: #f6f6f6; padding: 8px 12px; font-size: 17px; max-width: 100%; height: 40px;}
#bank_transfer > div .enter .check_txt.mgt{margin-top:10px;}
#bank_transfer > div.deposit .enter label span{font-weight:500; color:#3a7389;}
#bank_transfer > div.deposit .enter input[type="text"]{width:100%; max-width:150px;}
#bank_transfer > div.deposit .inline{display:inline-block;}










@media  screen and (max-width:1235px)
{
/*³ªÀDZ¤°íÈ®ÀÎ - º¸±â*/
.ad_view ul li.two div.td{width: calc(100% - 180px);}
.ad_view ul li.two > div:nth-child(1), .ad_view ul li.two > div:nth-child(2){border-bottom: 1px solid #d6d6d6;}
}

@media  screen and (max-width:1110px)
{
/*³ªÀDZ¤°íÈ®ÀÎ - º¸±â*/
.ad_view ul li.three div.td{width: calc(100% - 180px);}
.ad_view ul li.three > div:nth-child(1), .ad_view ul li.three > div:nth-child(2), .ad_view ul li.three > div:nth-child(3), .ad_view ul li.three > div:nth-child(4){border-bottom: 1px solid #d6d6d6;}
.ad_view ul li.three div#payPrice{width: 160px;}
.ad_view ul li.three div.td.price_detail{width: calc(100% - 340px);}
}


@media  screen and (max-width:1070px)
{
/*°Ô½ÃÆÇ ¸ñ·Ï*/
.table_list .tit{width: calc(100% - 330px);}
.table_list .writer{width:120px;}
.table_list .date{width:120px;}
.table_list .cate_w{width:160px;}


.table_list.faq > ul.tbody li.notice .cate_w{width:160px;}
.table_list.faq > ul.tbody li.notice .tit{width: calc(100% - 260px);}


.table_list.qna > ul.tbody li.notice > div.tit{width: calc(100% - 340px);}
.table_list.qna .tit{width: calc(100% - 500px);}



/*³ªÀÇ ±¤°í È®ÀÎ-¸ñ·Ï*/
.table_list.ad .tit{width:calc(100% - 660px);}
.table_list.ad .addate{width:150px;}
.table_list.ad .pdate{width:115px;}
.table_list.ad .receipt{width:110px;}




}


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


/*³ªÀDZ¤°íÈ®ÀÎ-¸ñ·Ï*/
.table_list.ad > ul.thead{display:none;}
.table_list.ad > ul.tbody > li{padding: 17px 13px;}
.table_list.ad > ul.tbody > li > div{display:flex; align-items: center; width: 100% !important; text-align:left; padding:2px; font-size: 16px;}
.table_list.ad > ul.tbody > li > div.num{position: absolute; right: 10px; width: auto !important; font-weight: 500; top: 5px; color:#046c7d;}
.table_list.ad > ul.tbody > li > div.tit{margin-bottom:10px;}
.table_list.ad > ul.tbody > li > div.tit a{font-size: 19px; font-weight: 600;}
.table_list.ad > ul.tbody > li > div .m_tit{display:inline-block;}
.table_list.ad > ul.tbody > li > div .mobile_tit{display:inline-block;}
.table_list.ad > ul.tbody > li > div .only_web{display:none;}
.table_list.ad > ul.tbody > li > div span.stat:before {left: -4.5px; bottom: 0.5px; z-index: -1;}
.table_list.ad > ul.tbody li > div .extend{display: inline-block; margin-left: 5px; margin-top: 0;}
.table_list.ad > ul.tbody > li > div.receipt{width: auto !important; display:inline-block; margin-top:10px;}
.table_list.ad > ul.tbody > li > div.stati{width: auto !important; display:inline-block; margin-top:10px;}

.table_list.ad .state .stat{margin-left: 4px;}
.table_list.ad .tit{width:100%;}
.table_list.ad > ul.tbody > li.nothing div{display:block; min-height: auto; text-align:center;}



}


@media  screen and (max-width:850px)
{
/*°Ë»ö*/
.search_field .search_here{width:100%;}
}





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

/*°Ô½ÃÆÇ ¸ñ·Ï*/
.table_list > ul.thead{display:none;}
.table_list > ul.tbody li{padding: 17px 13px;}
.table_list > ul.tbody li > div{text-align:left; padding:2px;}
.table_list > ul.tbody li > div.num{width:100%; text-align:right; font-weight: 600; font-size: 16px; margin-top: -7px;}
.table_list > ul.tbody li > div.cate_w{font-size:16px;}
.table_list > ul.tbody li > div.tit{width:100%; margin-bottom:6px; margin-top: 4px; font-size: 18px;}
.table_list > ul.tbody li > div.writer{position:relative; display:inline-block; width:auto; font-size:16px; margin-right:10px;}
.table_list > ul.tbody li > div.writer:before{position:absolute; content:""; width:1px; height:10px; top:50%; right:-5px; background-color:#969696; transform:translateY(-50%);}
.table_list > ul.tbody li > div.date{display:inline-block; width:auto; font-size:16px;}
div span.stat{margin-left: 6px;}
.table_list > ul.tbody li.nothing div{display:block; min-height: auto;}
.table_list > ul.tbody li.notice > div.num{margin-top: 4px;}

.table_list > ul.tbody li.notice{padding:17px 13px 17px 50px;}
.table_list > ul.tbody li.notice > div.num{text-align:left; position:absolute; margin:0; width: auto; left: 10px; top: 33px;}

.table_list.faq > ul.tbody li.notice > div.tit{width: 100%;}
.table_list.qna > ul.tbody li.notice > div.tit{width: 100%;}

.table_list > ul.tbody li > div.sel_box{left:4px; top:0; transform:none;}

.table_list.ad > ul.tbody li > div.num{margin-top:0;}


/*³ªÀDZ¤°íÈ®ÀÎ - º¸±â*/
.ad_view ul li.three div.th.pp{border-bottom:0 !important;}
.ad_view ul li.three div.th.pd_th{display:inline-block;}
.ad_view ul li.three div#payPrice{width: calc(100% - 180px); border-bottom:0;}
.ad_view ul li.three div.td.price_detail{width: calc(100% - 180px); border-left:0;}

.ad_view ul li > div.td.bf:before{display:none;}
}




@media  screen and (max-width:710px)
{
/*³ªÀDZ¤°íÈ®ÀÎ - º¸±â*/
.adv_in_btn{display:block; margin-left:0;}



#myplace{padding:15px 15px; height:93vh; aspect-ratio:1 / 2.53;}
}



@media  screen and (max-width:650px)
{
/*°Ô½ÃÆÇ º¸±â*/
.table_view{margin:20px auto 0 auto;}
.table_view .top_field .tit_here{font-size:26px;}
.table_view .top_field .tit_here .category{font-size:24px;}

.table_view .post_here{padding: 40px 25px;}


}




@media  screen and (max-width:610px)
{
/*±¤°íÅë°è*/
.search_field .search_here{max-width:100%;}
}


@media  screen and (max-width:600px)
{
.table_write ul li > div.td .id_check_btn{margin-top: 5px;}

/*³ªÀDZ¤°íÈ®ÀÎ - º¸±â*/
.bottom_btn a, .bottom_btn button{width: 95px; font-size:17px;}


/*¹«ÅëÀåÀÔ±Ý*/
#bank_transfer > p{padding:15px;}
#bank_transfer > div{padding:15px; display:block;}
#bank_transfer > div.ba{font-size:18px;}
#bank_transfer > div .tit{text-align:left; width:100%; margin-bottom:10px;}
#bank_transfer > div .enter{padding-left:0; width:100%;}
#bank_transfer > div .enter .check_txt.mgt{margin-top:5px;}


}


@media  screen and (max-width:550px)
{
/*°Ô½ÃÆÇ ¾²±â*/
.longest_w{width:100%;}
.long_w{width:100%;}
.short_w{width:100%;}
.pw_w{width:100%;}

.table_write > ul > li{border-bottom: 1px solid #5f5f5f;}
.table_write > ul > li > div.th{width:100%; border-bottom: 1px dashed #d6d6d6; padding: 17px 15px;}
.table_write > ul > li > div.td{width:100%;}

/*ȸ¿ø°¡ÀÔ-Á¤º¸ÀÔ·Â*/
.join_write .short_w#id{width:calc(100% - 118px);}

/*³ªÀÇ ±¤°í È®ÀÎ - ¸ñ·Ï*/
.table_list.ad > ul.tbody li > div .extend{font-size:15px; width:60px;}


/*³ªÀDZ¤°íÈ®ÀÎ - º¸±â*/
.ad_view ul li{border-bottom:0;}
.ad_view ul li.two div.td:nth-child(3){border-top:0;}
.ad_view ul li.two div.td:nth-child(4){border-top:0;}
.ad_view ul li > div.th{width:100%;}
.ad_view ul li > div.td{width:100%;}
.ad_view ul li.two div.td{width:100%;}
.ad_view ul li.two > div:nth-child(1), .ad_view ul li.two > div:nth-child(2){border-bottom: 0;}
.qna_go{margin-top:0; position:absolute; top:50%; right:15px; transform:translateY(-50%);}


.ad_view ul li.three div.th.pd_th{display:none;}
.ad_view ul li.three div.td.price_detail{width: 100%; padding: 20px 15px 15px 15px;}
.ad_view ul li.three > div:nth-child(1), .ad_view ul li.three > div:nth-child(2), .ad_view ul li.three > div:nth-child(3), .ad_view ul li.three > div:nth-child(4){border-bottom: 0;}
}


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


@media  screen and (max-width:500px)
{
/*°Ë»ö*/
.search_field select{width:calc(60% - 8px);}
.search_field select:nth-of-type(2){width:40%; margin-right:0;}
.search_field input[type='text']{width:calc(100% - 91px); margin-top:5px;}
.search_field #btn_search{display:inline-block; margin-top:5px;}
.search_field #btn_reset{display:inline-block; margin-top:5px;}

/*°Ô½ÃÆÇ º¸±â*/
.table_view .top_field{padding: 20px 10px;}
.table_view .top_field .tit_here{font-size: 24px;}
.table_view .top_field .detall_here{margin-top: 10px;}
.table_view .top_field .detall_here dl{font-size:16px;}
.table_view .post_here{padding: 30px 10px;}

.table_write > ul > li > div.td input[type=file]{width:300px;}
.toastui-editor-contents p{font-size:17px;}

}

@media  screen and (max-width:470px)
{
/*¹öÆ°*/
.bottom_btn a, .bottom_btn button{width:85px;}

/*±¤°íÅë°è*/
.search_field .search_here .dates .QA_period{display: none;}
.search_field input[type='date']{width:130px;}


}

@media screen and (max-width:380px) and (pointer:coarse)  {
 /*űױ¸ÀÔ*/
.table_write.buytag > ul > li > div.th{width:95%;}
.table_write.buytag > ul > li > div.td{width:95%;}
}