@charset "utf-8";
/* CSS Document */
/************* 
디폴트
*************/
.board_list_box{ } 
.sch_box .datebox + .keywordbox{ bottom:0}
.dtail_sch_section select {border: 1px solid #cdcdcd;height: 40px;box-sizing: border-box;padding: 0 5px;    vertical-align: middle;}



.content_wrap .set_section + .list_section, .content_wrap h2 + .list_section{ border-top:2px solid #000  } 
.content_wrap .titinfo_box + .list_section{ border-top:1px solid #000  } 
.content_wrap .titinfo_box + .list_section > .board_list_box.webzin{ border:none}
.content_wrap .list_section > .board_list_box.webzin{ border:none}





.board_list_box .body table.list{ border-top:1px solid #666; margin-top:0}
.list_section{ clear:both; float:none}
.view_section{ overflow:hidden}
.board_list_box .header > dl, .board_list_box .header > dl dt, .board_list_box .header > dl dd{ float:left; color:#999; line-height:30px  }
.board_list_box .header dl + dl{ margin-left:15px; padding-left:15px; position:relative}
.board_list_box .header dl + dl:before{ content:""; width:1px; height:12px; background:#999; display:block; position:absolute; left:0; top:10px}
.board_list_box .header dd{padding-left: 15px;}
.board_list_box .header dd strong{font-weight: 700;color: #0195df;}
.board_list_box .header dl.check{ height:30px; overflow:hidden}
.board_list_box .header dl.check.breakdown { margin-left: 280px; }
.board_list_box .header dl.check.breakdown:before{ display:none;} 
.board_list_box .header dl.check.breakdown { margin-left: 250px; }
.board_list_box .header dl.check.breakdown:before{ display:none;}
.board_list_box .opt_align button{ height:30px; }
.board_list_box .opt_align button.on:after{ top:12px}
/* .hide{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0 !important; padding:0 !important; margin:0 !important;} */
.titinfo_box{ margin:0px 0 50px 0; padding-top:30px}
.titinfo_box > h3.oapi{ margin:10px 0 0 0}
.titinfo_box p.alert{ color:#999}
.titinfo_box > h3 ~ a{ display:inline-block; border: 2px solid #38a7d0;    color: #38a7d0;text-indent: 0;    line-height: 40px;border-radius: 30px;font-size: 1.2rem; padding:0 30px; margin-top:0px}

.btn_box_right,.btn_box_left {    margin:50px 0 0px 0;    text-align: right;    float: right;    width: 50%;}
button.ui-datepicker-trigger{ position:relative; margin-left:-30px}
.datebox .picker{ float:left}
.datebox .picker > label{ font-size:0; line-height:0;  overflow:hidden; display: inline-block; vertical-align:middle}
.datebox .picker > label .date-picker{ font-size:1rem}
.datebox .picker > span{ line-height:35px; display:inline-block; vertical-align:middle; padding:0 5px}
div.info_box{ padding-bottom:30px; margin-top:0 !important}
div.info_box{ }
div.info_box h4{    font-size: 1.1rem;  font-weight: 400; margin: 0;  padding: 0 0 1rem 0;}
div.info_box h4:before{ display:inline-block; background:#999; content:"\f129"; width:1.35rem; height:1.35rem; vertical-align:middle;font-family:"okdab";  font-style: normal;  speak: none; text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:0.8rem; color:#fff; text-align:center; line-height:1.35rem; font-weight:normal; margin-right:5px; margin-top:-2px; border-radius:100%}
div.info_box ul{ padding:0 10px; margin-top:10px;}
div.info_box li{ clear:both; float:none; width:auto; font-size:1rem; margin-bottom:10px;color: #555; position:relative; padding-left:0.3rem}
div.info_box li:before{ width:3px; height:3px; border-radius:100%; content:""; background:#999; vertical-align:middle; display:inline-block; position:absolute; left:-7px; top:0.58rem}
div.info_box li > span{ white-space:nowrap; font-weight: 400; color: #666; letter-spacing: -0.7px;}
div.info_box li strong, .login_sec .sns_box .infobox li a{ color:#444; font-weight:500}
div.info_box li strong{ color:#0195df; font-weight:600}
div.info_box li a{ text-decoration:underline}
.info_section > div.info_box{/*padding-top:30px;*/}
.info_section > div.info_box .ar > a{ display:inline-block; margin-left:10px}
.tit_info.alert, .info_box .alert{ color: #38a7d0;padding: 20px 20px;background: rgba(81,178,214,0.15); border: 1px solid rgba(81,178,214,1); margin:1rem 0; font-size:1.08rem}
.tit_info.alert strong, .info_box .alert strong{ text-decoration:underline}
.tit_info h3, .tit_info > p{ margin:0; padding:0}
input[type="file"]{ outline:none; border:none; background:none; line-height:28px; vertical-align:middle}

button.pop_dream{display: inline-block; border: 2px solid #38a7d0;    color: #38a7d0; background:#fff;    text-indent: 0;    line-height: 40px;    border-radius: 30px;    font-size: 1.2rem;    padding: 0 30px;    margin-top: 0px;}
.pop_box.dream .dreamstep ol{ width:90%; margin:0 auto 30px auto; overflow:hidden}
.pop_box.dream .dreamstep li{ float:left; width:25%; text-align:center; word-break:keep-all; box-sizing:border-box; padding:0 15px}
.pop_box.dream .dreamstep li > strong{ display:block; font-weight: 600; font-size: 16px;}
.pop_box.dream .dreamstep li > strong:before{ display:block; width:80px; height:80px; background:#568fc4; font-weight: 400; border-radius:100%; margin:15px auto; content:"\e838";font-family:"okdab";  font-style: normal;  speak: none; text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#fff; line-height:80px; font-size:40px }
.pop_box.dream .dreamstep li.step2 > strong:before{content:"\e82f";}
.pop_box.dream .dreamstep li.step3 > strong:before{content:"\e83d";}
.pop_box.dream .dreamstep li.step4 > strong:before{content:"\e82d";}
.pop_box.dream .dreamstep li > span{ color:#666; font-weight:400; font-size: 14px; letter-spacing: -0.7px;}
.pop_box.dream .info_box{ clear:both; float:none}
.pop_box.dream .info_box h3{ padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:15px }

@media only screen and (max-device-width: 767px){
div.info_box li > span{ white-space:normal}	
.pop_box.dream .dreamstep li{ width:auto; float:none; clear:both;}
.pop_box.dream .dreamstep li > strong:before{ width:60px; height:60px; line-height:60px}
.content_wrap.rice_page .dtail_sch_section .sch_box dl dd button.sch{ top:auto; bottom:0}
.content_wrap.rice_page .dtail_sch_section .sch_box dl dd select{ width:70px}
.content_wrap.rice_page .dtail_sch_section .sch_box dl dd select + input[type="text"]{ width:calc(100% - 75px)}
.content_wrap.rice_page .dtail_sch_section .datebox .picker > label .date-picker{ width:100%}
.content_wrap .set_section .sch_box dl dd{ width:100%}
.content_wrap .set_section dd select{ width:70px}
.content_wrap .set_section .sch_box .keywordbox dd select + input[type="text"]{ width:calc(100% - 75px)}
.dtail_sch_section.set_section{ margin:0}
.dtail_sch_section.set_section .sch_box{ padding:0px}
h3.bug + ul li div.ar{ text-align:left !important; margin-top:20px}
h3.bug + ul li div.ar a{ padding-bottom:0.5rem}
h3.bug + ul li div.ar a:before{ content:"-"}

}

/* QnA*/
span.bullet{ display:inline-block; margin:2px 1px; }
span.bullet:nth-of-type(1){ margin-left:10px}
span.bullet:before{font-family:"okdab";  font-style: normal; font-weight: normal; speak: none;  display: inline-block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\f510"; font-size:13px;;}
span.bullet.file:before{ content:"\e82a"}
span.bullet.new:before{ content:"\e84c"}
span.bullet i{font-size:0 }
i{ font-style:normal; }
span.bullet.noti{background:#000; color:#fff; font-style:normal;line-height:0px; padding:0 10px; border-radius:10px }
span.bullet.noti:before{ display:none}
span.bullet.noti i{ font-size:11px;line-height:20px;}
td span.state{ display:inline-block; background:#bbb; color:#fff; padding:0px 10px; border-radius:15px; font-size:11px; line-height:30px; min-width:35px; position:relative }
td span.state + span.state{ margin-left:20px}
td span.state + span.state:before{ position:absolute;border-left:6px solid #666;border-top:4px solid transparent;border-bottom:4px solid transparent;left:-14px;top:10px;content:"";display:block}
.state.key1{ background:#89c331}
.state.key2{ background:#333}
.state.key3{ background:#444}
.state.key4{ background:#555}
.state.key5{ background:#666}
td div.ing_stat{ width:150px; text-align:center; display:inline-block}
label input[type="checkbox"] + span, label input[type="radio"] + span{ padding-left:1.428rem !important; font-size:1rem}
.board_list_box .header dl.check dd{ padding-left:0; margin-top:0 ; color:#666}
.board_list_box .header {position:relative; padding:10px 0 !important}
.board_list_box .header .sch_box{ position:absolute; right:0; top:7px}
.board_list_box .header .sch_box input[type="text"],.board_list_box .header .sch_box select {height: 35px;line-height: 35px; width:180px; box-sizing:border-box; border:1px solid #ccc; padding-left:5px; vertical-align:middle}
.board_list_box .header .sch_box select{ width:auto; padding:0; min-width:100px}
.board_list_box .header .sch_box dl{ overflow:visible; height:35px; display:inline-block; margin:0; padding:0}
.board_list_box .header .sch_box dl dt{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0; padding:0; margin:0}
.board_list_box .header .sch_box dd{ border:none; width:auto; padding:0 }
.board_list_box .header .sch_box select + button.sch{ position:relative; right:auto;}
.board_list_box .header .sch_box button:before{ color:#000}
.btn_box{ text-align:center; overflow:hidden; clear:both; float:none}
.btn_box button{ height:34px; line-height:34px; border:none; box-sizing:border-box }

.btn_box .key{ background:#09488a; border:none;height:34px; line-height:34px;}
.btn_box .fl button, .btn_box .fl a{margin:20px 5px 0 0; }
.btn_box .fr button, .btn_box .fr a{margin:20px 0 0 5px; }
 .fl{ float:left !important}
 .fr{ float:right !important}
/* 탭 스와이퍼 */
.tab_box > ul.mennutab{ border-top:none}
@media (min-device-width: 768px) and (max-width: 1199px){
	.tab_box ul.mennutab li{ font-size:1.04rem}
}
@media only screen and (max-device-width: 767px){
.content_wrap > div.tab_section{ margin-bottom:0; border-top:none}	
.tab_box ul.mennutab{ display:table; border-top:1px solid #e5e5e5}
.tab_box ul li{ width:40vw; min-width:150px; word-break:keep-all; font-size:1rem; float:none; display:table-cell}
span.break{ word-break:break-all; display:inline-block; min-width:50px}
}

/* 쓰기 */
.content_wrap > div.write_sec{ border:none}
table.coltable{ width:100%; border:1px solid #333; border-width:1px 0 1px 0 }
table.coltable tr td, table.coltable tr th{ border-top:1px solid #ebebeb; text-align:left; padding:0.5rem 0 0.5rem 2rem;height:2.5rem; }
table.coltable > tbody > tr:first-child td, table.coltable > tbody > tr:first-child th{ border-top: 1px solid #333}
table.coltable tr th{ text-align:left; background:#f9f9f9; font-weight:500; width:130px}
table.coltable tr th > em{ font-style:normal; font-size:1.4rem; color:#f91515; font-weight:900}
.write_sec label input[type="radio"] + span:before{ width:20px; height:20px; line-height:20px; margin-top:-10px;}
.write_sec label input[type="radio"]:checked + span:before {color: #0195df;background: #fff; content: "\e849";border: 1px solid #666; font-size:8px}	
.write_sec label input[type="radio"] + span{ padding-left:1.8rem !important; line-height:23px}
.write_sec td div.open label{ display:inline-block}
.write_sec td div.open label + label{margin-left: 2rem;}
.write_sec td div.edit{ min-height:200px}
div.write_sec + .btn_box{ margin-top:50px; border:none !important}
div.write_sec + .btn_box button, div.write_sec + .btn_box a{ height:46px; line-height:46px; padding:0 40px;font-size: 1.15rem; font-weight: 500;}
div.write_sec .tit input[type="text"]{ width:95%}
.write_sec td > div > input[type="text"], .write_sec td > div > input[type="password"], .write_sec td > div > select {height: 35px;margin: 0; padding: 0; border: 1px solid #cdcdcd; outline: none; box-sizing: border-box; display: inline-block;vertical-align: middle; background: #fff;  letter-spacing: 0; padding-left: 5px;}
td div.item input[type="text"], td div.item textarea {width:95%;box-sizing: border-box;}
td div.item textarea {min-height: 150px;border: 1px solid #cdcdcd;}


/* 보기 */
.view_section .detail > .cate span.state, .view_section .detail > .state span.state, .view_section .detail > .cate span.now{display: inline-block; color: #fff;padding: 0px 10px;border-radius:15px;font-size:11px;line-height: 30px; min-width: 35px; position: relative; vertical-align:middle; text-align:center}
.view_section .detail > .cate span.secret{ background:#bbb;}
.view_section .detail > .cate span.now.end{ background:#666;}
.view_section .detail > .cate span.now.ing{ background:#0195df}
.board_view_box .body .bd_container.quest{ min-height:60px; padding-top:0 overflow-x:auto; }
.board_view_box .body .bd_container.answer{ min-height:60px; background:#fbfbfb; padding-top:0; padding-left:10px; padding-right:10px}
.board_view_box .body .bd_container.quest + .bd_container.answer{ margin-top:-2px; border-top:1px dashed #999}
.board_view_box .body .bd_container div.tit{ margin-bottom:30px; padding-top:15px; font-weight:bold; font-size:1.14rem; color:#0195df}
.board_view_box .body .bd_container.answer div.tit{ color:#89c331}
.board_view_box .body > .file.admin{ margin-top:-2px; background:#fff }
.board_view_box .body > .file.admin > dl dt > strong{ color:#89c331}
.file.admin .all_dn button:hover , .file.admin .all_dn button:active{background: #89c331; color: #fff;  border: 1px solid #89c331;}
.noanswer { text-align:center; font-size:1.4rem; color:#999}
.footer .btn_box .key2{background:#cbab53;;border:2px solid #cbab53 }


/* 첨부파일 */
td div.file{ margin-bottom:5px}
td div.file ul{ margin:0; padding:0}
td div.file li{ float:left; margin:8px 10px 0px 0; border:1px solid #c3c3c3; line-height:29px; border-radius:15px; padding:0 10px 0 20px}
td div.file li button.del{ width:20px; height:20px; overflow:hidden; font-size:0; line-height:0; padding:0; margin:0; min-width:inherit;border-radius:50%; background:none; border:none; margin:-2px 0 0 10px}
td div.file li button.del:before{ font-family: "okdab"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
font-size: 1.25rem;text-indent: 0; color:#eb5656; padding:0; margin:0; line-height:18px; content:"\e803"; }

td div.file ul.pic_view li{ padding:1rem; max-width:20%;}
td div.file ul.pic_view li > span{ font-weight:700}
td div.file ul.pic_view li figure{ margin:0.5rem 0 0 0; padding:0;}
td div.file ul.pic_view li figure img{ width:100%}
td div.file ul.pic_view li figure figcaption{ font-size:0; line-height:0; visibility:hidden}

@media only screen and (max-device-width: 767px){
.board_list_box .body table.list th, .board_list_box .body table.list td{ padding:10px 5px}
.tech_page .board_list_box .body table.list td a{ word-break:break-all}

table.coltable tr td, table.coltable tr th{ padding:10px 5px; }
table.coltable tr th{width:100px}
.datebox .picker > label .date-picker{ width:100px;}
.datebox .picker + .picker{ margin-left:-1px}
.write_sec .datebox .picker > span{ display:none}
td div.ing_stat{ width:auto}
td  div.ing_stat span.state { display:block; margin:0 auto}
td span.state + span.state:before{border-top:6px solid #666;border-left:6px solid transparent;border-right:6px solid transparent; border-bottom:none;left: 50%;top:-10px; margin-left:-5px}
td span.state + span.state{ margin-top:15px}
.board_list_box .header .sch_box{ position:relative !important; left:auto !important; right:auto !important; top:auto !important}
.board_list_box .header dl + dl.check{ margin-left:0 !important; padding:5px; padding-left:0 !important; float:none; clear:both; border:1px solid #ddd; border-width:1px 0}
.board_list_box .header dl + dl.check:before{ display:none}
.board_list_box .header{ padding-bottom:5px !important}
.tit_info.alert, .info_box .alert{ font-size:1rem; padding:1.1rem}
.write_sec td > div > input[type="text"], .write_sec td > div > input[type="password"], .write_sec td > div > select{ margin-bottom:1px}
div.write_sec + .btn_box button, div.write_sec + .btn_box a{ padding:0 10px}
.board_list_box .body table.list td.tit_w{ width:40% !important}
.board_list_box .body table.f_table td.al{ width:30%;}
.board_list_box .body table.f_table td{ word-break:keep-all}
 }
/************* 
농식품 공공데이터
*************/
.mafra_page{}
.mafra_page .btn_box_left{ text-align:left; float:none; margin-top:20px}
.mafra_page.content_wrap .titinfo_box + .list_section h3{ background:#fff; margin-top:-1px }
/* 데이터 시각화*/
.mafra_page .board_list_box{ position:relative}
.mafra_page .board_list_box.card .body ul.list li{ height:310px}
.mafra_page .board_list_box.card figure.listimg{ background:#fff}
.mafra_page .board_list_box.card .body ul.list li a{ bottom: auto; top:0}
.mafra_page .board_list_box.card .body ul.list li .opt span.source{ display:block !important ;overflow: hidden; text-overflow: ellipsis; white-space:nowrap }
.mafra_page .board_list_box.card .body ul.list li .opt span.type{ display:block !important}
.mafra_page .board_list_box.card .body ul.list li div.opt span + span:before{ display:none}
.mafra_page div.opt span.source:after{ content:"\e848"; }
.mafra_page div.opt span.type:after{ content:"\e824"; }
.board_list_box.card .header .sch_box{ position:absolute; right:0; top:-10px}
.board_list_box.card .header .sch_box, 
.board_list_box.card .header .sch_box{ position:absolute; right:0; top:7px}
.mafra_page .sch_box input[type="text"], .mafra_page .sch_box select {height: 35px;line-height: 35px; width:180px; box-sizing:border-box; border:1px solid #ccc; padding-left:5px; vertical-align:middle}
.mafra_page .sch_box select{ width:auto; padding:0; min-width:100px}
.mafra_page .sch_box dl{ overflow:visible; height:35px; display:inline-block; margin:0; padding:0}
.mafra_page .sch_box dl dt{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0; padding:0; margin:0}
.mafra_page .sch_box dl dd{ border:none; width:auto; padding:0 }
/* 데이터활용사례, 수상작보기 */
.mafra_page .board_list_box.webzin{}
.mafra_page .board_list_box.webzin ul.list.float{ overflow:hidden}
.mafra_page .board_list_box.webzin ul.list.float li{ float:left; width:50%; box-sizing:border-box; clear:none; height:210px;border-top: 1px solid #e5e5e5;}
.mafra_page .board_list_box.webzin ul.list.float figure.listimg{ max-height:180px}
.mafra_page .board_list_box.webzin ul.list.float li figure.listimg ~ h4, .mafra_page .board_list_box.webzin ul.list.float li figure.listimg ~ p{ padding-left:200px; padding-right:20px}
.mafra_page .board_list_box.webzin ul.list.float li h4, .mafra_page .board_list_box.webzin ul.list.float  li p{ padding-right:30px; max-height:90px}
.mafra_page .board_list_box.webzin ul.list.float  li p{ max-height:70px}
.mafra_page .board_list_box.webzin ul.list.float li h4 > strong{ font-size:1.12rem; display: inline-block !important; font-weight:400; width:100%;color:#0195df}
.mafra_page .board_list_box.webzin ul.list.float li div.opt{ position:absolute; left:200px; right:10px; bottom:20px; text-align:right}
.board_view_box .body >.detail + .detail{ text-align:left; border-bottom-color:#ddd }
.board_view_box .body >.detail + .detail dl dt, .board_view_box .body >.detail + .detail dl dd{line-height:42px; vertical-align:middle; height:42px; }
.board_view_box .body >.detail dl.prize{ max-width:40%; overflow:hidden; margin-bottom:-5px}
.board_view_box .body >.detail dl.prize{ margin-left:0 !important; box-sizing:border-box}
.board_view_box .body >.detail dl.prize dd{ padding-right:20px}
.board_view_box .body >.detail dl.data{ margin-left:0 !important; box-sizing:border-box;overflow:hidden; margin-bottom:-5px}
.board_view_box .body >.detail dl.data dt,.board_view_box .body >.detail dl.data dd, .board_view_box .body >.detail dl.prize dt,.board_view_box .body >.detail dl.prize dd{ line-height:26px; height:auto}
.board_view_box .body >.detail dl.data dd{ padding-right:20px}
.board_view_box .body >.detail dl.data dd a{ color:#333; font-weight:bold; letter-spacing:0}
.board_view_box .body >.detail + .detail dl dd{ color:#333}
.board_view_box .body >.detail dl.dnsv dd > span, .board_view_box .body >.detail dl.dnsv dd > a{ display:inline-block; margin-right:15px; color:#8a8a8a; vertical-align:middle; color:#333}
.board_view_box .body >.detail dl.dnsv dd > a{font-size: 1rem;line-height: 38px;text-indent: 0; width: auto;background: #fff; border: 1px solid #cdcdcd; color: #8a8a8a; transition: all .3s; padding: 0 10px; height: 40px;border-radius: 20px; display:inline-block; padding-right:20px}
.board_view_box .body >.detail dl.dnsv dd > a:before{content: "\e827";font-family: "okdab";font-style: normal;speak: none;text-decoration: inherit;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-size: 1.2rem;
vertical-align: middle;padding: 0 10px 0 5px;vertical-align: top; display:inline-block}
.board_view_box .body >.detail dl.dnsv dd > a:hover ,.board_view_box .body >.detail dl.dnsv dd > a:active{background: #0195df; color: #fff;  border: 1px solid #0195df; text-decoration:none}
div.opt span.win{ }
div.opt span.win:after{ content:"\e857"; color:#ccb27f ; font-size:1.2rem}
.mafra_page .board_list_box.webzin div.opt span.win{ display:block; width:100%; text-align:left;font-size:1.1rem; color:#555; margin-bottom:10px; line-height:20px;}
.mafra_page .board_list_box.webzin div.opt span.win + span.date:before{ display:none}
.mafra_page .list_section h3{    font-size: 1.23rem;    font-weight:bold;    margin: 0;    padding: 0 0 1rem 0;}
/* api신청 */
.board_list_box .header div.option > dfn{font-style: normal; color: #999;}
.mafra_page td > span.ing{background: #555;font-size: 0.95rem;display: inline-block;border-radius: 4px;color: #fff;font-weight: 400;    padding: 0 10px;line-height: 24px;text-align: center;vertical-align: top;margin: 0 0px 0 0; box-sizing:border-box; min-width:65px}
.mafra_page td > span.ok{ background:#cbab53}
.mafra_page td > span.nono{ background:#F36}

.key_box{ margin-top:50px}
.key_box dl,.key_box dt, .key_box dd{ margin:0; padding:0; line-height:32px}

.key_box dl{ border:1px solid #ddd; overflow:hidden; padding:30px }
.key_box dl dt{ font-weight: normal; float:left; width:100px; color:#666}
.key_box dl dd{ float:left; font-weight:bold; width:calc(100% - 120px)}
.key_box dl dd > span{ display:inline-block; max-width:calc(100% - 100px)}
.key_box dl dd .tdbtn{ margin-left:15px}
.pop_box .txtbox{ margin-bottom:30px;}
.pop_box .txtbox textarea{ width:100%;border: 1px solid #cdcdcd; box-sizing:border-box; min-height:80px;padding:10px; font-size: 1rem;
color: #8a8a8a;vertical-align: top; }

.board_list_box h4.bookmark{ font-size:1.142rem}
.board_list_box h4.bookmark span.tit_info{ font-size:1rem; display:block; margin:0; padding:0}
td .datatype{ overflow:hidden}
td .datatype span{ font-size:0; line-height:0;position:relative;display:inline-block; box-sizing:border-box; text-indent:0; width:20px; height:20px; line-height:20px }
td .datatype span:after{ text-indent:0; font-size:10px; line-height:15px; position:absolute; left:0; top:0; margin:0; text-indent:0; width:15px; height:15px; font-weight:bold; color:#fff; text-align:center !important}
.datatype span.grid:after{content:"G"; background:#007cd2 }
.datatype span.oapi:after{content:"O"; background:#00b3ed }
.datatype span.file:after{content:"F"; background:#ed148a }
.datatype span.link:after{content:"L"; background:#8acb35 }
.datatype span.original:after{content:"R"; background:#ffc000 }
.datatype span.chart:after{content:"C"; background:#965eff }
.datatype span.map:after{content:"M"; background:#c8b98b }

@media (min-device-width: 768px) and (max-width: 1199px) {
.mafra_page .board_list_box.card figure.listimg{ max-height:none; min-height:inherit; height:150px}
}

@media only screen and (max-device-width: 767px){
.titinfo_box{ padding-top:10px; margin-bottom:20px}	
.mafra_page .board_list_box .body table.list td span.branch{ white-space:nowrap; width:40px;text-overflow: ellipsis; overflow:hidden; display:inline-block }	
.mafra_page .board_list_box .body table.list th, .mafra_page .board_list_box .body table.list td{ padding:5px}
.mafra_page .board_list_box .body table.list td .datatype{ display:inline-block}
.mafra_page .board_list_box .body table.list td.select{ padding-bottom:0}
.mafra_page .board_list_box .body table.list td.select:before{ display:none}
.mafra_page .board_list_box .body table.list td.select + td{ border-top:none !important}
.mafra_page .board_list_box .body table.list td.select input[type="checkbox"]{ width:15px; height:15px; margin-top:5px}
.mafra_page td > span.ing{ min-width:35px; padding:0 5px;}
.mafra_page .sch_box{ position:relative; right:auto; top:auto; clear:both; float:none; padding-top:0px}
.mafra_page button.sch{ position:relative; right:auto; top:auto ;margin-left:-40px}
.mafra_page .sch_box dl{ height:auto; }
.mafra_page .sch_box select  + input[type="text"]{ margin-left:-1px}
.mafra_page .sch_box input[type="text"]{ width:50% ; font-size:1rem; margin-left:0;}
.mafra_page .sch_box select + select + input[type="text"]{ width:100%; margin-left:0}
.mafra_page .sch_box select{ width:50%; font-size:1rem}
.mafra_page .sch_box select + select{ margin-left:-1px}
.mafra_page .sch_box dl.keywordbox{ font-size:0; display:block; clear:both; float:none; overflow:hidden}
.mafra_page .sch_box dl dd{ width:100%}

.key_box dl{ padding:10px}
.key_box dl dt,.key_box dl dd{ float:none; display:block; width:100%}
.key_box dl dd > span{ max-width: calc(100% - 65px); overflow:hidden;white-space:nowrap;text-overflow: ellipsis; vertical-align:middle}
.key_box dl dd .tdbtn{ margin-left:5px}
.mafra_page .card .sch_box, .mafra_page .webzin .sch_box{ position:relative; right:0; top:0; float:none; clear:both;padding-top:15px; overflow:hidden}
.mafra_page .board_list_box.card figure.listimg{ max-height:250px}
.mafra_page .board_list_box.card .body ul.list li{ height:auto}
.mafra_page .board_list_box.webzin ul.list.float li{ float:none; clear:both; width:100%; box-sizing:border-box}
.mafra_page .board_list_box.webzin ul.list.float figure.listimg{ width:100%; float:none; clear:both; max-width:none; max-height:inherit; box-sizing:border-box; margin-bottom:20px}
.mafra_page .board_list_box.webzin ul.list.float li{ height:auto; max-height:inherit}
.mafra_page .board_list_box.webzin ul.list.float li figure.listimg ~ h4, .mafra_page .board_list_box.webzin ul.list.float li figure.listimg ~ p{ padding:0; max-height:none; display:block}
.mafra_page .board_list_box.webzin ul.list.float li div.opt{ position:relative; left:auto; bottom:auto; right:auto; text-align: right}
.mafra_page .board_view_box .body h3{ font-size:2rem}
.mafra_page .board_view_box .body >.detail{ padding-bottom:10px}
.board_view_box .body >.detail + .detail dl dt, .board_view_box .body >.detail + .detail dl dd{ margin:0; padding:0; line-height:inherit; height:auto}

.board_view_box .body >.detail > dl.dnsv dt, .board_view_box .body >.detail > dl.dnsv dd:before{ display:none}
.board_view_box .body >.detail dl.dnsv dd > a > span{ font-size:0; line-height:0;}
.board_view_box .body >.detail dl.dnsv dd > a:before{ padding-right:5px}
.board_view_box .body >.detail dl.dnsv dd > a{margin: 2px; margin-left: 0;}
.board_view_box .body >.detail + .detail{ padding-top:10px}
.mafra_page .board_view_box .body >.detail dl.prize{ max-width:none; margin-right:0; width:100%}
.mafra_page .board_view_box .body >.detail dl{ margin-right:15px}
.mafra_page .board_view_box .body >.detail dl.data{ margin-bottom:0; margin-right:0; width:100%}
.mafra_page .board_view_box .body >.detail dl dt:after {content: ":";    padding: 0 10px;    }
.mafra_page .board_view_box .body >.detail dl dd:before{ display:none}	
.mafra_page .board_view_box .body >.detail img, .board_view_box .body .bd_container img{ max-width:100%}
.btn_box_right, .btn_box_left{ text-align:center; float:none; clear:both; width:auto; margin-top:30px}
.btn_box + .boardpage{ margin-top:30px}
.mafra_page .board_list_box .header div.option{ display:block; float:none; clear:both; padding-top:10px}
.mafra_page.content_wrap .titinfo_box + .list_section h3{ padding-bottom:0; margin-top:20px}
}

/**************
card_page
**************/
.set_section { text-align:right; margin-top:-3.954rem; border:none !important; margin-bottom:10px; background:none}
.set_section .sch_box{ max-width:1240px; margin:0 auto; box-sizing:border-box; position:relative }
.set_section .sch_box dl dt{ line-height:35px}
.set_section .sch_box dl{ position:relative; left:auto; top:auto; right:auto !important; bottom:auto !important; display:inline-block; margin:0; padding:0 !important}
.set_section .sch_box dl.keywordbox{ margin-left:30px}
.set_section .sch_box dl dt{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0; padding:0; margin:0}
.set_section .sch_box dl dd{ border:none; width:auto; padding:0 }
.set_section .sch_box button{ color:#cbab53;height:35px; line-height:35px}
.set_section input[type="text"], .set_section select{ height:35px; line-height:35px; vertical-align:middle}
.set_section  button.sch:before{ color:#000}
.board_list_box.card{ border-top:none}
.board_list_box.card figure.listimg img{ position:relative; z-index:2}
.board_list_box .opt_list button, .board_list_box .opt_list a{ color:#999; border:none; outline:none; background:none; margin:0; position:relative; padding:0 15px; text-decoration:none !important; box-sizing:border-box; height:30px; display:inline-block; line-height:30px}
.board_list_box .opt_list button.on, .board_list_box .opt_list a.on{ font-weight:500; color:#333}
.board_list_box .opt_list button.on:after, .board_list_box .opt_list a.on:after{ display:block;    content: "";   position: absolute; right: 0px; top:13px;  border-top: 4px solid rgba(0,0,0,0.98); border-left:3px solid transparent;  border-right:3px solid transparent;}
.card_page .board_list_box .body {  border-top: 1px solid #999;}
.card_page .board_list_box .header > dl, .card_page .board_list_box .header > dl dt, .card_page .board_list_box .header > dl dd{ line-height:inherit}
.board_list_box.card .body ul.list li .opt > span, .board_list_box.card .body ul.list li .opt > span.date{ display:inline-block !important}
.board_list_box .body ul.list li .opt > span.hit{ float:right; padding:0 30px 0 0}
.board_list_box .body ul.list li .opt > span.writer:after{ content:'\e84d' }
.board_list_box.card .body ul.list li .opt > span.now{float:right; padding:0 5px; background:#666; margin-right:30px; color:#fff; border-radius:20px}
.board_list_box.card .body ul.list li .opt > span.now.ing{ background:#0195df}
.board_list_box.card .body ul.list li .opt > span.now:before, .board_list_box.card .body ul.list li .opt > span.now:after{ display:none}
.board_list_box.card .body ul.list li .opt > span.hit > strong{ font-weight:900}
.board_list_box.card .body ul.list li .opt > span.hit:before{ display:none}
.board_list_box.card .body ul.list li .opt > span.date i{ font-size:0; line-height:0; display:inline-block}
.board_list_box.webzin .body ul.list li p{ height:auto; max-height:2rem;}
.card_page .board_list_box{ border-top:2px solid #000}
.card_page .board_list_box .header{ padding:15px 0}
/* pls용 */
.pls_page .board_list_box.card .body ul.list > li{ height:330px}
.pls_page .board_list_box.card .body ul.list li a{ bottom:auto; top:0}
.pls_page .board_list_box.card figure.listimg{  height:180px; min-height:inherit; max-height:inherit}

.pls_page .board_list_box.webzin figure.listimg{ width:100px; max-height:100px}
.pls_page .board_list_box.webzin .body ul.list li h4{ font-size:1.2rem; font-weight:500; max-height:3rem; padding-right:50px}
.pls_page .board_list_box.webzin .body ul.list li figure.listimg ~ h4, .pls_page .board_list_box.webzin .body ul.list li figure.listimg ~ p{ padding-left:120px; }
.pls_page .board_list_box.webzin .body ul.list li{ min-height:100px}
@media only screen and (max-device-width: 767px){
.board_list_box.card .body ul.list li .opt > span.now{ margin-right:0}	
.board_list_box .body ul.list li .opt > span.hit{ padding:0 0px 0 0}
}
/**************
동영상 리스트
**************/
.board_list_box ul.mvlist li figure.listimg{ position: relative; max-height:135px; min-height:135px}
.board_list_box.card .body ul.mvlist li a{ top:0}
.board_list_box ul.mvlist li figure:before{ content:"\e812";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; left:0; top:0; width:35px; height:35px; border:3px solid rgba(255,255,255,0.6); text-align:center; line-height:35px; border-radius:100%; position:absolute; left:50%; top:50%; font-weight:bold; font-size:22px; margin:-17px 0 0 -17px; color:rgba(255,255,255,0.6); z-index:3; transition:.3s}
ul.mvlist li figure:after{ background:rgba(0,0,0,0.3); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;transition:.3s; }
ul.mvlist li a:hover figure:before, ul.mvlist li a:hover figure:after{ color:rgba(255,255,255,0.8);background:rgba(0,0,0,0); border-color:rgba(255,255,255,0.8); }
.tablesaw {}
.board_list_box .body{ border-top:none; }
.board_list_box.card .body, .board_list_box.webzin .body{ border-top:1px solid #999; }
/**************
이벤트 탭
**************/
.content_wrap[data-ui="TabMenu"] .view_section .body[data-element="content"]{ display:none}
.content_wrap[data-ui="TabMenu"] .view_section .body.on[data-element="content"]{ display:block}
/**************
설문조사
**************/
.poll{ border-bottom:1px solid #333; margin-bottom:50px}
.poll dl, .poll dt, .poll dd{ margin:0; padding:0; display:block}
.poll dt{ font-size:1.2rem; font-weight:500; border-bottom:1px solid #ddd; padding:10px 0}
.poll dd span.blank{ display:inline-block; overflow:hidden; min-width:20%; margin-bottom:5px; color:#666}
.poll dd{ padding:20px 10px}
.poll dd input, .poll dd label{ vertical-align:middle}
.poll dd input[type="checkbox"],.poll dd input[type="radio"]{ min-height:15px; min-width:15px}
.poll dd input:checked + label{ color:#0195df}
.poll dd textarea{ width:95%; min-height:100px; box-sizing:border-box; border: 1px solid #cdcdcd}
.poll dd input[type="text"]{ width:95%; height:35px}
.poll_section .btn_box button, .poll_section .btn_box a {height: 40px;line-height: 40px;padding: 0 40px;font-size: 1.15rem;    font-weight: 500;}
.poll_section .board_view_box .body h3{ margin:30px 0 0px 0;    padding: 0; font-size:1.17rem; text-align:left; font-weight:bold}
.poll_section .board_view_box .body .agreebox{ margin:0 0 10px 0}
.poll_section .board_view_box .body .write_sec h3 + dfn{ font-size:0.92rem}
.poll_section .board_view_box .body .default_box{ margin-bottom:30px}
.poll_section .board_view_box .body .default_box table.coltable, .poll_section .board_view_box .body .default_box table.coltable > tbody > tr:first-child td, .poll_section .board_view_box .body .default_box table.coltable > tbody > tr:first-child th{ border-color:#ebebeb}


.poll_section .board_view_box .body .detail{ padding:20px 0 10px 0}


@media only screen and (max-device-width: 767px){
	.poll_section .btn_box button, .poll_section .btn_box a{ padding:0 20px}
}
/**************
faq
**************/
.more_box{border: 1px solid #ddd !important; clear: both; float: none;padding:0; margin-top:50px; overflow:hidden; height:74px; overflow:hidden}
.more_box h3{ width:40%; box-sizing:border-box; float:left; margin:0; padding:15px 6.5rem; text-align: left; overflow:hidden; font-weight:400; color:#666; position:relative; font-size:1rem}
.more_box h3:before, .more_box p:before{font-family:"okdab";font-style: normal;  speak: none; text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e853";  font-weight:normal; position:absolute; left:3rem;top:15px; color:rgba(1, 149, 223, 0.5); font-size:2.2rem}
.more_box h3 >span{ white-space: nowrap}
.more_box > p{ width:30%; box-sizing:border-box; float:left; border-left:1px solid #ddd; display:block; margin:0; padding:15px 0 0 6.5rem; overflow:hidden;position:relative; line-height:50px; box-sizing:border-box; color:#999; height:74px; text-decoration:underline}
.more_box > p > a{ color:#777}
.more_box > p > a:hover{ color:#333}
.more_box > p:before{ color:#ddd; text-decoration:none !important}
.more_box > p.datasv_book:before{ content:"\e82c"; }
.more_box > p.datasv_analy:before{ content:"\e82f"; }
@media only screen and (max-device-width: 767px){
	.more_box h3, .more_box{ height:auto;}
	.more_box h3, .more_box > p{ float:none; clear:both; display:block; width:auto; border:none; height:auto}
	 .more_box > p{border-top:1px solid #f2f2f2; }
}

/**************
불편접수
**************/
/* 약관동의 */
.agree_sec{ border-top:none !important; padding-bottom:30px}
.agree_sec > h3{ margin:0; padding:20px 0 0 0}
.agree_sec > p{ margin:0; padding:1rem 0 20px 0}
.agree_sec > div.all_box{ border-top:1px solid #333; border-bottom:1px solid #b1b1b1; font-size:1.2rem; margin-bottom:20px; padding:20px 0}
.agree_sec > div{ border-top:1px solid #f0f0f0; overflow:hidden}
.agree_sec h4{ font-size:1.1rem; font-weight:400; float:left; height:4rem; line-height:3.5rem; margin:0; padding:0}
.agree_sec h4 label input[type="checkbox"] + span:before, .agree_sec > div.all_box  label input[type="checkbox"] + span:before{ margin-top:-9px}
.agree_sec h4 label > span em{ font-style:normal}
.agree_sec h4 label > span strong{ font-weight:500; color:#0195df}
.agree_sec button{ float:right; border:none; box-sizing:border-box; margin:0; padding:0; margin-top:1rem; border-bottom:1px solid #999; background:none; line-height:1.4; color:#999; position:relative; padding-right:15px }
.agree_sec button:after{position:absolute;border-top:6px solid #9f9f9f;border-left:4px solid transparent;border-right:4px solid transparent;right:0px;top:0.5rem;content:"";display:block}
.agree_sec button.on:after{border-bottom:6px solid #9f9f9f;border-left:4px solid transparent;border-right:4px solid transparent; border-top:none}
.agreebox{ border:1px solid #ddd !important; min-height:150px; clear:both; float:none; margin:2rem 0; overflow-y:auto; display:none; padding:1rem}
.agreebox.on{ display:block}
.member_page .agree_sec > div.info_box{ border-top:1px solid #b1b1b1 !important; clear:both; float:none; padding-top:1rem}
.agree_sec > div.info_box li strong{ color:#0195df; font-size:1.1rem; font-weight:400}

/* 정보입력 */
.write_sec h3 { float:left; margin:0; padding:0;font-size: 1.43rem; font-weight: 400;  margin: 0; padding: 0;}
.write_sec h3 + dfn{ float:right; font-size:1rem; font-style:normal; color:#999}
.write_sec h3 + dfn > em{font-style: normal;font-size: 1.4rem;color: #f91515;font-weight: 900; display:inline-block; margin-top:6px; vertical-align:middle}
.rice_page .agree_sec{ border-top:1px solid #000 !important}
td div.adres, td div.farmadres{ display:block; width:100%}
td div.adres > strong{ display:block; margin-bottom:5px}
td div.adres > strong > input, td div.farmadres > strong > input{width:80px; min-width:inherit; height:35px; box-sizing:border-box; vertical-align:middle}
td div.adres > input, td div.farmadres > input{ width:45%; max-width:inherit; overflow:hidden; max-width:400px}
td div.adres > input + input{ margin-left:10px}
td div.adres > strong > button{ height:35px; vertical-align:middle}
td div.title > input{ width:95%}

.write_sec .default_box + h3, .write_sec .default_box + h3 + dfn{ margin-top:50px}
/**/
.footerinfo{ text-align:right; padding:30px 0; color:#666; font-weight:300; clear:both; float:none}
.footerinfo:before{ content:"\e853";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display: inline;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:5px }

h2 + .footerinfo{ position:absolute ; right:62px; top:0; padding:10px 0; border:none !important}
@media (min-device-width: 768px) and (max-width: 1199px){
h2 + .footerinfo{ right:32px; }
}
@media only screen and (max-device-width: 767px){
h2 + .footerinfo{ right: auto; top:auto; position:relative; padding:0 0 1.24rem 0; text-align:left; margin-top:-5px  }
}




/************* 
팝업
*************/
/* 팝업 - 데이타없음 */
.pop_box .nodata{ display:block; height:auto; font-size:1.25rem; overflow:hidden ; padding:0px 20px; border-bottom:none;height:180px;  color:#666}
.pop_box .nodata:before{font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e83e"; font-size:6rem; font-weight:normal; color:rgba(81,178,214,0.35); margin:0 auto;}
/* 팝업 - 검색코멘트 */
.pop_box .schcomnt{ display:block; height:180px; font-size:1.25rem; overflow:hidden ; padding:0px 20px; border-bottom:none; text-align:center; color:#666}
.pop_box .schcomnt > span{ white-space:nowrap}
.pop_box .schcomnt:before{font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e82f"; font-size:6rem; font-weight:normal; color:rgba(81,178,214,0.35); margin:0 auto;}
/* 팝업 - 검색 */
.pop_box .schbox{ overflow:hidden; padding-bottom:15px}
.pop_box .schbox p{ color:#525252; font-size:1.12rem; line-height:20px; padding-bottom:15px}
.pop_box .schbox p span{ color:#8a8a8a; font-size:0.857rem; line-height:28px;}
.pop_box .schbox input[type="text"], .pop_box .schbox select,  .pop_box .schbox textarea{ border:1px solid #cdcdcd; width:calc(100% - 100px); height:32px; padding:0 10px; font-size:1rem; color:#8a8a8a; vertical-align:top }
 .pop_box .schbox textarea{ min-height:80px}
.pop_box .schbox select{ box-sizing:border-box; height:34px; line-height:34px;width:calc(100% - 77px);}
.pop_box .schbox button{ border:1px solid #cdcdcd; background:#f3f3f5; color:#525252; font-size:1rem; width:70px; height:34px; padding-bottom:2px; vertical-align:top}
.pop_box .email input[type="text"],.pop_box .email select{ width:22%}
.pop_box .email select{ width:auto; max-width:58%}
/* 팝업 - 테이블 */
.pop_box table {border-bottom:1px solid #ebebeb; border-top:none}
.pop_box table th, td{ border-top:1px solid #dcdcdc}
.pop_box table thead tr:first-child th,.pop_box table tbody tr:first-child th, .pop_box table tbody tr:first-child td{ border-top:1px solid #a8a8a8}
.pop_box table tbody th{ background:#f3f3f5}
.pop_box .header > dl, .pop_box .header > dl dt, .pop_box .header > dl dd{ float:left; color:#999; font-size:0.98rem  }
.pop_box .header dl + dl{ margin-left:15px; padding-left:15px; position:relative}
.pop_box .header dl + dl:before{ content:""; width:1px; height:12px; background:#999; display:block; position:absolute; left:0; top:5px}
.pop_box .header dd{padding-left: 15px;}
.pop_box .header dd strong{font-weight: 700;color: #0195df;}
/* 검색결과*/
.pop_box .resltwrap{ border:1px solid #ddd; padding:10px}
.pop_box .resltbox{height:180px; overflow-y: auto;}
.pop_box .tabbox{}
.pop_box .resltwrap li{ padding:8px 20px; margin-bottom:0px; background:#fff; overflow:hidden; position:relative}
.pop_box .resltwrap li + li{ border-top:1px solid #ddd}
.pop_box .resltwrap li strong{ color:#ea3592;font-weight:normal; display:block; margin-bottom:15px}
.pop_box .resltwrap li strong span{ color:#525252; display:inline; line-height:1}
.pop_box .resltwrap li div{ display:block; line-height:22px; clear:both; color:#525252}
.pop_box .resltwrap li div dfn{ font-style:normal; color:#528dd4; float:left;width:40px; text-align:justify}
.pop_box .resltwrap li div span{ float:right; width:calc(100% - 60px);margin-left:10px}
.pop_box .resltwrap li a{ text-decoration:none; display:block; overflow:hidden}
.pop_box .rsltinfobox{ overflow:hidden; padding-bottom:20px; font-size:0.857rem; line-height:20px; color:#8a8a8a; letter-spacing:-1px; padding-bottom:25px}
.pop_box .rsltinfobox strong{ color:#ea3592; font-weight:normal}
.pop_box .rsltinfobox em{ color:#000000; font-weight:normal; font-style:normal}
/* 간략 페이징 ex) 1/10  */
.pop_box .paginate{ overflow:hidden; font-size:12px;; vertical-align:middle; color:#a9a9a9; margin-top:15px; text-align:center}
.pop_box .paginate strong{ font-weight:bold; vertical-align: text-top; color:#3a3a3a}
.pop_box .paginate button{ vertical-align: text-top}
/* 버튼 */
.pop_box .btnwrap{ text-align:center; padding:20px; margin-bottom:10px}
.pop_box .btnwrap button{ min-width:inherit; border-radius:0}
/* 팝업 >> 우편번호 */
.zipcodewrap .endwrap h3{ border-bottom:1px solid #f2f2f2; color:#525252; font-size:1.12rem; padding-left:10px; height:35px; line-height:35px; font-weight:normal}
.zipcodewrap .endwrap h4{ float:left; font-weight:normal; color:#8a8a8a; line-height:32px;padding-left:10px;}
.zipcodewrap .endwrap input{ float:right; width:calc(100% - 120px);border:1px solid #cdcdcd; height:32px; padding:0 10px; font-size:1rem; color:#8a8a8a; line-height:32px }
.zipcodewrap .endwrap .selectbox, .zipcodewrap .endwrap .endbox{ padding:8px 0; overflow:hidden; border-bottom:1px solid #f2f2f2}
.zipcodewrap .copyaddress{ position:absolute; left:-20px; bottom:-40px; background:#ececec; text-align:center; width: calc(100% + 40px); height:30px; line-height:30px; font-family:굴림; color:#888888; font-size:12px; letter-spacing:-1px !important}
.zipcodewrap .copyaddress a{ color:#666; text-decoration:none}
.pop_box.zipcode .resltwrap{ border:none; padding:0; border-bottom:1px solid #cbcbcb; padding-bottom:20px}
.pop_box.zipcode .resltbox{ height:auto; overflow:hidden}
.pop_box.zipcode .resltbox ul{ height:180px; overflow-y:auto}
.pop_box.zipcode .resltbox li{ background:#f2f2f2; padding:20px; margin-bottom:2px}
.pop_box.zipcode .resltbox li + li{ border:none}

/**************
tablesaw
**************/

.tablesaw * {box-sizing: border-box;}
.tablesaw-btn {border: 1px solid #ccc; border-radius: .25em; background: none; box-shadow: 0 1px 0 rgba(255,255,255,1); color: #4a4a4a;cursor: pointer; display: inline-block; margin: 0; padding: .5em .85em .4em .85em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
a.tablesaw-btn {color: #1c95d4;}
.tablesaw-btn:hover {text-decoration: none;}
/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-btn:active {background-color: #ddd;}
.tablesaw-btn-select select {background: none; border: none; display: inline-block; position: absolute; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; min-height: 1em; opacity: 0; color: transparent;}
.tablesaw-btn select option {background: #fff; color: #000;}
.tablesaw-btn {display: inline-block; width: auto; height: auto; position: relative; top: 0;}
.tablesaw-btn.btn-small {font-size: 1.0625em; line-height: 19px; padding: .3em 1em .3em 1em;}
.tablesaw-btn.btn-micro {font-size: .8125em; padding: .4em .7em .25em .7em;}
.tablesaw-btn-select {padding-right: 1.5em; text-align: left;display: inline-block;color: #4d4d4d;padding-right: 2.5em;min-width: 7.25em;}
.tablesaw-btn-select:after {content: " ";position: absolute;background: none;background-repeat: no-repeat;background-position: .25em .45em;content: "\25bc";font-size: .55em;padding-top: 1.2em;padding-left: 1em;left: auto;right: 0;margin: 0;top: 0;bottom: 0;width: 1.8em;}
.tablesaw-btn-select.btn-small:after, .tablesaw-btn-select.btn-micro:after {width: 1.2em;font-size: .5em;padding-top: 1em;padding-right: .5em;line-height: 1.65;background: none;box-shadow: none;border-left-width: 0;}
/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .tablesaw-btn {-webkit-appearance: none;-moz-appearance: none;box-sizing: border-box;text-shadow: 0 1px 0 #fff;border-radius: .25em;}
.tablesaw-advance .tablesaw-btn.btn-micro {font-size: .8125em;padding: .3em .7em .25em .7em;}
.tablesaw-advance a.tablesaw-nav-btn:first-child {margin-left: 0;}
.tablesaw-advance a.tablesaw-nav-btn:last-child {margin-right: 0;}
.tablesaw-advance a.tablesaw-nav-btn {display: inline-block;overflow: hidden;width: 1.8em;height: 1.8em;background-position: 50% 50%;margin-left: .25em;margin-right: .25em;position: relative;text-indent: -9999px;}
.tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before, .tablesaw-advance a.tablesaw-nav-btn.down:before, .tablesaw-advance a.tablesaw-nav-btn.up:before {content: "\0020";overflow: hidden;width: 0;height: 0;position: absolute;}
.tablesaw-advance a.tablesaw-nav-btn.down:before {left: .35em;top: .65em;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.up:before {left: .35em;top: .65em;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before {top: .45em;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.tablesaw-advance a.tablesaw-nav-btn.left:before {left: .6em;border-right: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.right:before {left: .7em;border-left: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.disabled {opacity: .25;cursor: default;pointer-events: none;}
/* Table Toolbar */
.tablesaw-bar {clear: both;}
.tablesaw-bar * {box-sizing: border-box;}
.tablesaw-bar-section {float: left; display:none}
.tablesaw-bar-section label {font-size: .875em;padding: .5em 0;clear: both;display: block;color: #888;margin-right: .5em;text-transform: uppercase;}
.tablesaw-btn, .tablesaw-enhanced .tablesaw-btn {margin-top: .5em;margin-bottom: .5em;}
.tablesaw-btn-select, .tablesaw-enhanced .tablesaw-btn-select {margin-bottom: 0;}
/* TODO */
.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {margin-left: .4em;margin-top: 0;text-transform: uppercase;border: none;box-shadow: none;background: transparent;font-size: 1em;padding-left: .3em;}
.tablesaw-bar .tablesaw-bar-section .btn-select {min-width: 0;}
.tablesaw-bar .tablesaw-bar-section .btn-select:after {padding-top: .9em;}
.tablesaw-bar .tablesaw-bar-section select {color: #888;text-transform: none;background: transparent;}
.tablesaw-bar-section ~ table {clear: both;}
.tablesaw-bar-section .abbreviated {display: inline;}
.tablesaw-bar-section .longform {display: none;}
.tablesaw-btn-group label input[type="checkbox"]{ z-index:inherit; position:relative; left:auto; top:auto}
.tablesaw-btn-group label{ display:block; white-space:nowrap; padding:2px 0}
@media (min-width: 24em) {
.tablesaw-bar-section .abbreviated {display: none;}
.tablesaw-bar-section .longform {display: inline;}
}
.tablesaw-sortable-btn {/* same as cell padding above */  padding: .5em .7em;}
.tablesaw thead th {text-align: left;}
.tablesaw-row-border tr {border-bottom: 1px solid #dfdfdf;}
.tablesaw-row-zebra tr:nth-child(2n) {background-color: #f8f8f8;}
.tablesaw caption {text-align: left; margin: .59375em 0;}
.tablesaw-swipe .tablesaw-swipe-cellpersist {border-right: 2px solid #e4e1de;}
.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {border-right-width: 1px;}
.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {box-shadow: 3px 0 4px -1px #e4e1de;}
.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label {display: none;}
/*  */
@media only all {
.tablesaw-stack {  clear: both; }
.tablesaw-stack td,  .tablesaw-stack th {  text-align: left;   display: block; }
.tablesaw-stack tr {  clear: both;   display: table-row; }
.tablesaw-stack td .tablesaw-cell-label,  .tablesaw-stack th .tablesaw-cell-label {  display: inline-block;   padding: 0 .6em 0 0;   width: 30%; }
.tablesaw-stack th .tablesaw-cell-label-top,  .tablesaw-stack td .tablesaw-cell-label-top {  display: block;   padding: .4em 0;   margin: .4em 0; }
.tablesaw-cell-label {  display: block; }
.tablesaw-stack tbody th.group {  margin-top: -1px; }
.tablesaw-stack th.group b.tablesaw-cell-label {  display: none !important; }
}
@media (max-width: 39.9375em) {
.tablesaw-stack tbody tr { display: block;   width: 100%;   border-bottom: 1px solid #dfdfdf; }
.tablesaw-stack thead td,  .tablesaw-stack thead th {  display: none; }
.tablesaw-stack tbody td,  .tablesaw-stack tbody th {  display: block;   float: left;   clear: left;   width: 100%; }
.tablesaw-cell-label {  vertical-align: top; }
.tablesaw-cell-content {  display: inline-block;   max-width: 67%; }
.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {  display: block;   width: 100%;   max-width: 100%;   padding: 0; }
.tablesaw-stack td:empty,  .tablesaw-stack th:empty {  display: none; }
}
@media only screen and (max-device-width: 767px){
.board_list_box .body table.list.tablesaw-stack{ margin-top:0}
.board_list_box .body table.list.tablesaw-stack td:before {  content: attr(data-th) " "; color:#999 }
.board_list_box .body table.list.tablesaw-stack .tablesaw-cell-label{ vertical-align:middle; color:#999}
.board_list_box .body table.list.tablesaw-stack tbody tr:first-child td{ border-top: 1px solid #ddd;}
.board_list_box .body table.list.tablesaw-stack tbody tr:first-child td:first-child{border-top: 1px solid #333;}
.board_list_box .body table.list.tablesaw-stack tr:nth-child(2n) td {  background: #f9f9f9;}
.board_list_box .body table.list.tablesaw-stack tr.nodata_r .tablesaw-cell-label{ display:none}
.board_list_box .body table.list.tablesaw-stack tr.nodata_r .tablesaw-cell-content{ max-width:100%; text-align:center; display:block}
}
@media (min-width: 40em) {
.tablesaw-stack tr {  display: table-row; }
.tablesaw-stack td,  .tablesaw-stack th,  .tablesaw-stack thead td,  .tablesaw-stack thead th {  display: table-cell;   margin: 0; }
.tablesaw-stack td .tablesaw-cell-label,  .tablesaw-stack th .tablesaw-cell-label { display: none !important; }
}
.tablesaw-fix-persist {table-layout: fixed;}
@media only all {
/* */
.tablesaw-swipe th.tablesaw-swipe-cellhidden,  .tablesaw-swipe td.tablesaw-swipe-cellhidden {display: none;}
}
.tablesaw-overflow {position: relative; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.tablesaw-overflow > .tablesaw {margin-top: 2px; }
/* */
.tablesaw-columntoggle-btn span { text-indent: -9999px; display: inline-block;}
.tablesaw-columntoggle-btnwrap { position: relative; }
.tablesaw-columntoggle-btnwrap .dialog-content {padding: .5em;}
.tablesaw-columntoggle tbody td { line-height: 1.5;}
/*  */
.tablesaw-columntoggle-popup {display: none;}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {display: block; position: absolute; top: 2em; right: 0; background-color: #fff; padding: .5em .8em; border: 1px solid #ccc; box-shadow: 0 1px 2px #ccc; border-radius: .2em; z-index: 1; width:auto; overflow:hidden}
.tablesaw-columntoggle-popup fieldset {margin: 0;}
.tablesaw-columntoggle-btnwrap .dialog-content {top: 0 !important; right: 1em; left: auto !important; width: 12em; max-width: 18em;margin: -.5em auto 0;}
.tablesaw-columntoggle-btnwrap .dialog-content:focus {outline-style: none;}
@media only screen and (max-device-width: 767px){
.tablesaw-columntoggle th.tablesaw-priority-22, .tablesaw-columntoggle td.tablesaw-priority-22,
.tablesaw-columntoggle th.tablesaw-priority-21, .tablesaw-columntoggle td.tablesaw-priority-21,
.tablesaw-columntoggle th.tablesaw-priority-20, .tablesaw-columntoggle td.tablesaw-priority-20,
.tablesaw-columntoggle th.tablesaw-priority-19, .tablesaw-columntoggle td.tablesaw-priority-19,
.tablesaw-columntoggle th.tablesaw-priority-18, .tablesaw-columntoggle td.tablesaw-priority-18,
.tablesaw-columntoggle th.tablesaw-priority-17, .tablesaw-columntoggle td.tablesaw-priority-17,
.tablesaw-columntoggle th.tablesaw-priority-16, .tablesaw-columntoggle td.tablesaw-priority-16,
.tablesaw-columntoggle th.tablesaw-priority-15, .tablesaw-columntoggle td.tablesaw-priority-15,
.tablesaw-columntoggle th.tablesaw-priority-14, .tablesaw-columntoggle td.tablesaw-priority-14,
.tablesaw-columntoggle th.tablesaw-priority-13, .tablesaw-columntoggle td.tablesaw-priority-13,
.tablesaw-columntoggle th.tablesaw-priority-12, .tablesaw-columntoggle td.tablesaw-priority-12,
.tablesaw-columntoggle th.tablesaw-priority-11, .tablesaw-columntoggle td.tablesaw-priority-11,
.tablesaw-columntoggle th.tablesaw-priority-10, .tablesaw-columntoggle td.tablesaw-priority-10,
.tablesaw-columntoggle th.tablesaw-priority-9, .tablesaw-columntoggle td.tablesaw-priority-9,
.tablesaw-columntoggle th.tablesaw-priority-8, .tablesaw-columntoggle td.tablesaw-priority-8,
.tablesaw-columntoggle th.tablesaw-priority-7, .tablesaw-columntoggle td.tablesaw-priority-7,
.tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, 
.tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5,  
.tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4,
.tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, 
.tablesaw-columntoggle th.tablesaw-priority-2,  .tablesaw-columntoggle td.tablesaw-priority-2,  
.tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1, 
.tablesaw-columntoggle th.tablesaw-priority-0,.tablesaw-columntoggle td.tablesaw-priority-0 {display: none !important; }
.tablesaw-columntoggle th.tablesaw-priority-1,  .tablesaw-columntoggle td.tablesaw-priority-1,	.tablesaw-columntoggle th.tablesaw-priority-2,
.tablesaw-columntoggle td.tablesaw-priority-2,  .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3,
.tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 {display: table-cell !important;}
}

@media only all {
.tablesaw-columntoggle th.tablesaw-toggle-cellhidden,  .tablesaw-columntoggle td.tablesaw-toggle-cellhidden { display: none !important; }
.tablesaw-columntoggle th.tablesaw-toggle-cellvisible,  .tablesaw-columntoggle td.tablesaw-toggle-cellvisible { display: table-cell !important; }
}
.tablesaw-columntoggle-popup .btn-group > label { display: block; padding: .2em 0; white-space: nowrap; cursor: default;}
.tablesaw-columntoggle-popup .btn-group > label input { margin-right: .8em; position:relative; z-index:1; left:auto; top:auto}
.tablesaw-sortable-head {position: relative; vertical-align: top;}
/**/
.tablesaw .tablesaw-sortable-head { padding: 0;}
.tablesaw-sortable-btn { min-width: 100%; color: inherit; background: transparent; border: 0; text-align: inherit; font: inherit; text-transform: inherit; outline:none; padding:0 10px}
.tablesaw-sortable-arrow:after { display: inline-block; height: 14px; content:"\e82b";color:rgba(200,200,200,1);font-family:"okdab";margin:0px 0 0 8px;vertical-align:middle ;transform:rotate(180deg);width: 10px;}
.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {font-family:"okdab";font-style: normal;  speak: none; text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e82b";  font-weight:normal; font-size:0.857rem; display:inline-block; margin:-2px 0 0 8px; color:#000; width: 10px;  height: 14px;}
.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after { content: "\e82b";color:#000;transform:rotate(0deg);}
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {transform:rotate(180deg);color:#000;}
/**/
.board_list_box .body table.tablesaw th > button:after{ display:none}
.board_list_box .body table.list th button.filter > span.tablesaw-sortable-arrow{ display:none}
.tablesaw-advance {float: right;}
.tablesaw-advance.minimap {margin-right: .4em;}
.tablesaw-advance-dots {float: left; margin: 0; padding: 0; list-style: none;}
.tablesaw-advance-dots li { display: table-cell; margin: 0; padding: .4em .2em !important;}
.tablesaw-advance-dots li i {width: .25em; height: .25em; background: #555; border-radius: 100%; display: inline-block;}
.tablesaw-advance-dots-hide {opacity: .25; cursor: default; pointer-events: none;}
.board_list_box .body table.list thead th{ padding:12px 0; height:25px; white-space:normal;word-break: keep-all;}
/**/
.web .tablesaw-advance.minimap{ display:none !important}
.web .tablesaw-bar{ position:relative}
.web .tablesaw-advance{ position:absolute; right:0; top:10px; opacity:0}






/* 모바일 키워드 검색*/
@media only screen and (max-device-width: 767px){
.content_wrap .board_list_box .header .sch_box dl.keywordbox{ position:fixed; left:0; top:-200%; width:100%;    border: 1px solid #d7d7d7;    padding: 15px 20px !important;    background: #f9f9f9; box-sizing:border-box; margin:0 !important; z-index:3; opacity:0; transition:.3s ;  height: auto; text-align:center}
.content_wrap .board_list_box .header .sch_box dl.keywordbox.on{ top:95px; opacity:1}
.content_wrap .board_list_box .header .sch_box dl.keywordbox button.sch { position:relative; left:auto; top:auto; right:auto; margin-left:-40px}
.board_list_box .header .sch_box dd{ text-align:center; width:100%}
.content_wrap .card .sch_box, .content_wrap .webzin .sch_box{ padding-top:0}
/*
body > .schbtn{ position: fixed; right:10px; top:10px; z-index:99; }
body > .schbtn > button{width:36px; height:36px;border:none; background:#fff}
body > .schbtn > button > span{ font-size:0; line-height:0;}

body > .schbtn > button:before {content: "\e805";font-family: "okdab";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;color: #999;font-size: 20px;line-height: 36px;text-indent: 0;width: 100%;height: 100%;position: absolute;
left: 0;top: -3px;vertical-align: top;}
body > .schbtn > button.on:before{ color:#3585d8}
*/
}



h3.dream + ul + div.now{  overflow:hidden; margin:30px 0; border:1px solid #ddd; padding:30px; background:rgba(204,204,204,0.13) }
h3.dream + ul + div.now h4{    font-size: 1.17em; font-weight:bold; margin:0; padding:0px 0 1rem 0}
div.now h4 > span.unit{ font-size:1rem; color:#999; font-weight:normal; padding-left:10px}
div.now h4 > span.unit:before{ content:"("}
div.now h4 > span.unit:after{ content:")"}
div.now h4:before{ display:none}
div.now dl, div.now dl dt, div.now dl dd{ float:left; margin:0; padding:0; line-height:30px; }
div.now dl dt > span, div.now dl dd > span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden}
div.now dl dt{ color:#fff; padding:0px 15px;border-radius:16px; background:#333 }
div.now dl.all dt{ background:#3585d8;}
div.now dl{ margin-right:30px}

div.now dl dd > strong{ font-weight:bold; font-size:1.12rem; color:#000}
div.now dl.all dd > strong{ color:#3585d8}
div.now dl dd > em{ font-weight: normal; font-size:1.12rem; color:#888; font-style:normal}


div.now dl dd > em:before{ content:"/"}

.popular_data { overflow:hidden; margin:13px 0 30px; border:1px solid #ddd; padding:25px 30px 30px 30px; background:rgba(204,204,204,0.13); }