@charset "utf-8";
/** borad **/
/* .btn_w { display:inline-block; min-width:40px; padding:5px 12px !important; border:1px solid #b9b9b9; background:#fff url("/open_content/main/images/sub/btn_w.gif") repeat-x left bottom; color:#525252; text-align:center; font-weight:bold; font-size:16px !important; cursor:pointer; }
.btn_b { display:inline-block; min-width:40px; padding:5px 12px !important; border:1px solid #006ca4; background:#2173bf url("/open_content/main/images/sub/btn_b.gif") repeat-x left bottom; color:#fff !important; text-align:center; font-weight:bold; font-size:16px !important; cursor:pointer; }
.btn_g { display:inline-block; min-width:40px; padding:5px 12px !important; border:1px solid #185130; background:#3c8059 url("/open_content/main/images/sub/btn_g.gif") repeat-x left bottom; color:#fff !important; text-align:center; font-weight:bold; font-size:16px !important; cursor:pointer; } */
input.btn_w, input.btn_b, input.btn_g { vertical-align:top; line-height:20px; }

.noticeBox { margin-top:5px; padding:10px; border:1px solid #e0e0e0; background:#f3f3f3; }

div.search { margin-bottom:20px; padding:12px; border:1px solid #cbcbcb; background:#f7f7f7; text-align:center; }
div.search select { padding:5px; vertical-align:middle; }
div.search input[type=text] { width:30%; height:24px; margin:0 5px; border:1px solid #cbcbcb; }
div.generalboard .board_lock { margin-right:5px; vertical-align:middle; }
table.general_board { width:100%; margin-bottom:20px; }
table.general_board thead th { padding:15px 10px; border-top:2px solid #2173bf; border-bottom:1px solid #2173bf; font-size:1.2em; text-align:center; }
table.general_board tbody th, table.general_board tbody td { padding:13px 0; border-bottom:1px solid #cbcbcb; text-align:center; }
table.general_board tbody td.abbreviate a { display:block; white-space:nowrap; text-overflow:ellipsis; }
table.general_board tbody td.title{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
table.general_board td img { margin-left:3px; }
table.general_board .view { background:#f8f8f8; }
table.general_board .view th { /*width:15%;*/ }
table.general_board .view td { /*width:35%;*/ text-align:left; }
table.general_board .view2 { background:#f8f8f8; }
table.general_board .view2 td { text-align:left; }
table.general_board .view_contents { padding:50px 30px; background:#fff; line-height:2em; }
table.general_board .reply td { padding:50px 30px; border-top:2px solid #2173bf; background:#f8f8f8; text-align:left; }
table.general_board.write thead th, table.general_board.write thead td { border-top:2px solid #2173bf; border-bottom:1px solid #c5c5c5; font-size:1em; }
table.general_board.write th { border-right:1px solid #c5c5c5; background:#f8f8f8; }
table.general_board.write td { padding-left:20px;text-align:left; }
/* table.general_board.write input[type=text] { height:22px; border:1px solid #c5c5c5; }
table.general_board.write input[type=file] { height:22px; } */
ul.general_board2 { border-top:2px solid #2173bf; margin-bottom:50px; }
ul.general_board2 dl { border-bottom:1px solid #cbcbcb; }
ul.general_board2 dl { border-bottom:1px solid #cbcbcb; }
ul.general_board2 dl dt { padding:15px; font-size:1.05em; }
ul.general_board2 dl dt span { margin-right:5px; color:#2173bf; font-weight:600; }
ul.general_board2 dl dd { padding:15px 35px 15px 35px; border-top:1px solid #e2e2e2;  background:#f9f9f9; }
div.generalboard div.reply2 { padding:30px; border:1px solid #cbcbcb; background:#f7f7f7; }
div.generalboard div.reply2 p.tit { padding-bottom:15px; font-weight:600; }
div.generalboard div.reply2 dl { padding:15px 0; border-top:1px dotted #cbcbcb; }
div.generalboard div.reply2 dl.last { margin-bottom:20px; }
div.generalboard div.reply2 dt { font-weight:600; margin-bottom:5px; }
div.generalboard div.reply2 dd { font-size:0.95em; }
div.generalboard div.reply2 textarea { width:91%; margin-right:5px; border:1px solid #cbcbcb; }
div.generalboard div.reply2 .btn_b { text-align:right; vertical-align:middle; }
div.gallery { margin-bottom:50px; }
div.gallery p.photo { background:#F7F7F7; }
div.gallery p.photo a { display:block; }
div.gallery p.photo img { width:100%; }
div.gallery .list {border-top:2px solid #2173bf;}
div.gallery .list ul li { overflow:hidden; padding:20px 20px; border-bottom:1px dotted #ccc; }
div.gallery .list p.photo { float:left; width:205px; min-height:140px; margin-right:25px; }
div.gallery .list div p:first-child { margin-top:0; font-weight:600; font-size:1.25em; }
div.gallery .list div { position:relative; padding-bottom:30px; padding-left:230px; }
div.gallery .list div p { margin-top:15px; }
div.gallery .list div p.date { position:absolute; bottom:0; }
div.gallery .window ul { overflow:hidden; }
div.gallery .window li { float:left; margin-bottom:20px; border:1px solid #dddddd; background:url("/open_content/images/programs/gallery_bg.gif") repeat-x left bottom; }
div.gallery .window.urn li { padding-bottom:5%; }
div.gallery .window p.photo { overflow:hidden; min-height:168px; margin:10px; border:1px solid #cccccc; }
div.gallery .window p { margin:0 10px; }
div.gallery .window p.photo img { height:168px; }
div.gallery .window p.tit { margin-top:10px; font-weight:600; font-size:1.05em; }
div.gallery .window p.date { margin-top:10px; margin-bottom:15px; font-size:0.95em; text-align:right; }
div.gallery .ebook ul { overflow:hidden; padding:20px 0; border-bottom:1px dotted #ccc; }
div.gallery .ebook ul li {  float:left; width:46%; margin:2%}
/*div.gallery .ebook ul li p.photo { float:left; width:48%; min-height:251px; margin-right:3%; border:1px solid #cccccc; }
div.gallery .ebook ul li div.ebook_con { float:left; width:45%; }*/
div.gallery .ebook ul li div.ebook_con p.cate { font-weight:bold }
div.gallery .ebook ul li div.ebook_con p.cate span.cate_type01{ color:#244086; }
div.gallery .ebook ul li div.ebook_con p.cate span.cate_type02{ color:#4e395b; }
div.gallery .ebook ul li div.ebook_con p.cate span.cate_type03{ color:#20554e; }
div.gallery .ebook ul li div.ebook_con p.cate span.cate_type99{ color:#666; }
div.gallery .ebook ul li p.tit { margin-top:0; font-weight:600; font-size:1.25em; }
div.gallery .ebook ul li p.tit > a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
div.gallery .ebook ul li p.date { margin-top:5px; }
div.gallery .ebook ul li p.btn { margin-top:15px; }
div.paging { overflow:hidden; clear:both; margin-top:20px; }
div.paging ul { float:right; position:relative; left:-50%; }
div.paging ul li { float:left; position:relative; left:50%; margin-right:5px; }
div.paging a { display:block; width:30px; height:32px; border:1px solid #cbcbcb; background:#fff; padding:5px 0; text-align:center; }
div.paging ul li.on a { border:1px solid #006ca4; background:#2173bf; color:#fff; font-weight:bold; text-decoration:underline; }
div.paging .first { width:9px; height:6px; margin:7px auto 6px; background:url("/open_content/main/images/sub/paging_first.gif") no-repeat; }
div.paging .prev { width:4px; height:6px; margin:7px auto 6px; background:url("/open_content/main/images/sub/paging_prev.gif") no-repeat; }
div.paging .next { width:4px; height:6px; margin:7px auto 6px; background:url("/open_content/main/images/sub/paging_next.gif") no-repeat; }
div.paging .last { width:9px; height:6px; margin:7px auto 6px; background:url("/open_content/main/images/sub/paging_last.gif") no-repeat; }
ul.other_con { margin-top:20px; border-bottom:1px solid #cbcbcb; }
ul.other_con li { overflow:hidden; border-top:1px solid #cbcbcb; line-height:3.5em; }
ul.other_con li span { width:20%; margin-right:10px; background:#f8f8f8; font-weight:bold; text-align:center; }
ul.other_con li span, .other_con li a { display:block; float:left; }
ul.other_con li a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
div.nocontens { padding:40px 10px; border-top:2px solid #2173bf; border-bottom:1px solid #cbcbcb; text-align:center; }
div.control_pop div.top { overflow:hidden; height:70px; background:#2173bf; }
div.control_pop div.top p { float:left; }
div.control_pop div.top p.tit { float:left; margin-top:25px; padding-left:20px; font-size:1.5em; color:#fff; font-weight:600; }
div.control_pop div.top p.close { float:right; margin:0; padding:19px 20px; background:#00468d; cursor:pointer }
div.control_pop div.graph { margin:30px; }

span.lost_ing { display:inline-block; text-align:center; width:70px; padding:3px; margin-bottom:5px; color:#fff; background:#2173bf; }
span.lost_ok { display:inline-block; text-align:center; width:70px; padding:3px; margin-bottom:5px; border:1px solid #ddd; background:#fff; }

#ic_tab {overflow:hidden; margin-bottom:20px; border-left:1px solid #ddd; border-top:1px solid #ddd;}
#ic_tab>li {float:left; width:20%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
#ic_tab>li>a {text-align:center; display:block; padding:100px 10px 20px; background-repeat:no-repeat;}
#ic_tab>li.on>a {color:#fff; background-color:#2173bf;}
#ic_tab>li.faq1>a {background-image:url('/open_content/images/programs/faq_ic01.gif'); background-position:center 30px;}
#ic_tab>li.faq2>a {background-image:url('/open_content/images/programs/faq_ic02.gif'); background-position:center 32px;}
#ic_tab>li.faq3>a {background-image:url('/open_content/images/programs/faq_ic03.gif'); background-position:center 25px;}
#ic_tab>li.faq4>a {background-image:url('/open_content/images/programs/faq_ic04.gif'); background-position:center 40px;}
#ic_tab>li.faq5>a {background-image:url('/open_content/images/programs/faq_ic05.gif'); background-position:center 35px;}
#ic_tab>li.faq1.on>a {background-image:url('/open_content/images/programs/faq_ic01_on.gif');}
#ic_tab>li.faq2.on>a {background-image:url('/open_content/images/programs/faq_ic02_on.gif');}
#ic_tab>li.faq3.on>a {background-image:url('/open_content/images/programs/faq_ic03_on.gif');}
#ic_tab>li.faq4.on>a {background-image:url('/open_content/images/programs/faq_ic04_on.gif');}
#ic_tab>li.faq5.on>a {background-image:url('/open_content/images/programs/faq_ic05_on.gif');}


/*행사*/
.citizen_event .icon_list { overflow:hidden; margin-bottom:10px; }
.citizen_event .icon_list li { float:left; margin-right:10px; }
.citizen_event .box { border:1px solid #e0dcd0; background:#fcfaf3; }
.citizen_event .box .month { position:relative; text-align:center; padding:45px 0 35px 0; font-size:50px; color:#3a3a3a; font-weight:700; font-family:'Nanum Myeongjo','나눔명조'; }
/*.citizen_event .box .month a.prev { position:absolute; left:50%; margin-left:-22%; }
.citizen_event .box .month a.next { margin-left:3%; }*/
.citizen_event .box .month a.prev { position:absolute; left:50%; top:40px; margin-left:-130px; }
.citizen_event .box .month a.next { position:absolute; right:50%; top:40px; margin-right:-130px; }
.citizen_event .box table { width:90%; margin:0 auto; table-layout:fixed; }
.citizen_event .box table th, .citizen_event .box table td { border-top:1px solid #d0cbbb; border-left:1px solid #d0cbbb; border-right:1px solid #d0cbbb; }
.citizen_event .box table th { padding:5px; font-weight:600; font-size:16px; }
.citizen_event .box table td { text-align:right; vertical-align:top; height:60px; padding:10px; font-size:16px; }
.citizen_event .box table td:first-child{border-left:none}
.citizen_event .box table td:hover, .citizen_event .box table td:active, .citizen_event .box table td.on { background:#fff; cursor:pointer }
.citizen_event .box table td p { text-align:left; }
.citizen_event .box table td span { display:block; text-align:left; margin-top:2px; }
.citizen_event .box table .sun { border-left:0; color:#d52a2a; }
.citizen_event .box table .sat { border-right:0; color:#0a6ea1; }
.citizen_event .box table .today { color:#7926a9; }
.citizen_event .box table .today span { font-size:12px; }
.citizen_event .event_list .tit { padding-bottom:12px; margin-bottom:15px; border-bottom:1px dotted #ddd; font-size:16px; font-weight:600; }
.citizen_event .event_list>div .tit img { vertical-align:middle; }
.citizen_event .event_list>div div.con { overflow:hidden }
.citizen_event .event_list>div div.con p.img img { width:100%; height:140px; }
/*.citizen_event .event_list>div ul { margin-left:5px; }
.citizen_event .event_list>div li { padding-left:9px; background:url('/open_content/main/images/sub/bar_blet.gif') no-repeat left 9px; }
.citizen_event .event_list>div li:first-child { padding:0; background:none; margin-bottom:6px; }*/

#list_tab { width:90%; margin:0 auto 35px; border:1px solid #c7c6c6; background:#fafafa; }
#list_tab ul { overflow:hidden; padding:25px 30px; }
#list_tab li { float:left; width:25%; margin-bottom:4px; }
#list_tab li a { display:block; padding-left:10px; background:url('/open_content/main/images/sub/bar_blet.gif') no-repeat left 8px; }

/* 뉴스레터신청 */
.mail_top p.logo { padding:15px }
.mail_top p.tit { padding:15px 15px 12px; background:#2173bf; font-weight:bold; font-size:19px; color:#fff; }
.mail_refuse p.txt{ padding:30px; text-align:center; font-size:15px; }
.mail_refuse .caution { margin:0px 10px 20px; padding:20px; padding-top:15px; background:#f5f5f5; border:1px solid #ccc; }
.mail_refuse .caution li { margin-top:5px; padding-left:9px; background:url('/open_content/main/images/sub/ssssblet.gif') no-repeat left 10px; }

.organ .ceo { text-align:center; width:185px; height:131px; margin:0 auto; padding-top:54px; font-size:24px; font-weight:700; line-height:40px; background:url('/open_content/main/images/sub/organ_bg1.gif') no-repeat center; color:#1a367b; }
.organ .ceo span.name { font-size:14px; font-weight:bold; color:#373839; line-height:20px; }
.organ .ceo span.num { font-size:12px; font-weight:normal; color:#373839; line-height:20px; }
.organ_guide { position:absolute; right:0; padding:3px 20px; font-size:11px; color:#fff; border-radius:20px; background:#2173bf; }
.organ .step3>li a { padding-right:19px; }
.organ .step3>li.future a { background:url('/open_content/main/images/sub/organ_link6.gif') no-repeat right 4px; }
.organ .step3>li.culture a { background:url('/open_content/main/images/sub/organ_link1.gif') no-repeat right 4px; }
.organ .step3>li.welfare a { background:url('/open_content/main/images/sub/organ_link2.gif') no-repeat right 4px; }
.organ .step3>li.traffic a { background:url('/open_content/main/images/sub/organ_link3.gif') no-repeat right 4px; }
.organ .step3>li.safety a { background:url('/open_content/main/images/sub/organ_link4.gif') no-repeat right 4px; }
.organ .step3>li.manage a { background:url('/open_content/main/images/sub/organ_link5.gif') no-repeat right 4px; }

body.newsletter {background:#eee; padding:20px 30px;}
body.newsletter * {box-sizing:border-box;}
body.newsletter .emailForm input {padding:15px; width:100%; font-size:18px; border:1px solid #ccc; border-radius:0; background:#fff;}
body.newsletter .textbox {padding:20px; margin:20px 0 35px; border:1px solid #ccc; border-top:3px solid #000; background:#fff;}
body.newsletter .btn_nl {width:100%; padding:25px; color:#fff; font-size:21px; border:0; border-radius:0; background:#0089d0; cursor:pointer;}

.selectAge {position:relative; padding-top:185px;}
.selectAge>li>a {position:absolute; top:0; left:0; display:block; text-align:center; width:49%; height:175px; padding-top:130px; font-size:17px; font-weight:bold; border:1px solid #ccc; background:#fafafa no-repeat url(/open_content/main/images/sub/age_ov.png) center 20px; box-sizing:border-box;}
.selectAge>li:last-child>a {left:auto; right:0; background-image:url(/open_content/main/images/sub/age_un.png);}
.selectAge>li>a:hover,
.selectAge>li>a:focus {border-color:#28587f; color:#28587f; background-color:#fff;}
.selectAge>li>div {display:none; font-size:15px;}
.selectAge>li>div *:not(label) {font-size:15px; line-height:23px; word-break:keep-all;}
.selectAge>li.on>a {border-color:#28587f; color:#fff; background-color:#0089d0;}
.selectAge>li.on>div {display:block;}
.selectAge>li>div.tbox3 {padding:20px;}
.selectAge .mailFax {margin:5px 0; padding:10px; background:#f0f0f0;}

.innoTurning {}
.innoTurning>div {position:relative; padding-bottom:25px; box-sizing:border-box;}
.innoTurning>div:before {position:absolute; left:0; right:0; top:0; height:2px; background:#2173bf; box-shadow:0 2px 0 #c1daf1; content:"";}
.innoTurning>div p.tit {padding:25px 10px 20px; color:#2173bf; font-size:18px; font-weight:600; border-bottom:1px dashed #ccc; background:#fcfcfc;}
.innoTurning>div dl {padding-left:15px; margin-top:20px;}
.innoTurning>div p.tit+* {margin-top:30px;}
.innoTurning>div dl>dt {position:relative; color:#3183cf; padding-left:13px; margin-bottom:10px; font-size:16px; font-weight:600;}
.innoTurning>div dl>dt:before {position:absolute; left:0; top:5px; width:5px; height:5px; border-top:2px solid #0163af; border-left:2px solid #0163af; background:#3183cf; box-shadow:2px 2px 0 #ddd; content:"";}
.innoTurning>div dl>dd {position:relative; padding-left:21px;}
.innoTurning>div dl>dd:before {position:absolute; left:13px; top:8px; width:4px; height:1px; background:#555; content:""; }
.innoTurning>div dl>dd:not(:nth-of-type(1)) {margin-top:5px;}
.innoTurning>div .downBtn {position:relative; vertical-align:middle; display:inline-block; padding:2px 15px 2px 30px; color:#fff; font-size:13px; font-weight:500; border-radius:15px; background:#555;} 
.innoTurning>div .downBtn:before {position:absolute; top:6px; left:13px; width:11px; height:11px; border:1px solid #fff; border-radius:1px; content:"";}
.innoTurning>div .downBtn:after {position:absolute; top:9px; left:17px; height:4px; width:4px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); content:"";}
.innoTurning+.paging {padding-top:25px; border-top:1px solid #ccc;}

.slideBox * {box-sizing:border-box;}
.slideBox dl {margin-top:15px;}
.slideBox dl:first-child {margin-top:0;}
.slideBox dl dt a {position:relative; display:block; padding:15px; font-size:16px; font-weight:bold; background:#f8f8f8; border:1px solid #c5c5c5;}
.slideBox dl dt a:before {position:absolute; right:20px; top:50%; width:11px; height:11px; margin-top:-5px; border:solid #999; border-width:0 3px 3px 0; transform: translateY(-50%) rotate(45deg); content:"";}
.slideBox dl dd {border:1px solid #c5c5c5; border-top:0;}
.slideBox dl dd li {position:relative; padding:10px 10px 10px 140px; border-top:1px solid #c5c5c5;}
.slideBox dl dd li:first-child{border-top:0;}
.slideBox dl dd li>p.tit {position:absolute; left:0; top:0; bottom:0; width:120px; text-align:center; font-weight:bold; border-right:1px solid #c5c5c5; background:#f8f8f8}
.slideBox dl dd li>p.tit label {position:relative; display:block; top:50%; transform:translateY(-50%);}
.slideBox dl.on dt a {background:#f0f0f0;}
.slideBox dl.on dt a:before  {margin-top:5px; transform: translateY(-50%) rotate(-135deg);} 

@media all and (min-width:1025px) {
	div.gallery div.list p.photo img { width:205px; height:140px; }
	div.gallery .window li { width:31%; margin-left:1%; margin-right:1%; }

	div.gallery .ebook ul li p.photo { float:left; width:180px; min-height:240px; margin-right:15px; border:1px solid #cccccc; }
	div.gallery .ebook ul li p.photo img { width:180px; height:240px; }
	div.gallery .ebook ul li div.ebook_con { float:left; width:45%; }

	.organ { width:790px; margin:0px auto; }
	.organ .step2>li { width:174px; background:url('/open_content/main/images/sub/organ_line1.gif') repeat-y center top; }
	.organ .step2>li>p { text-align:center; width:110px; height:110px; margin:0 auto; line-height:110px; font-size:15px; color:#4e395b; font-weight:600; background:url('/open_content/main/images/sub/organ_bg2.gif') no-repeat; }
	.organ .step2>li>p a { padding-right:20px; background:url('/open_content/main/images/sub/organ_link2.gif') no-repeat right center; }
	.organ .step2 li p a { color:#4e395b; }
	.organ .step2 .box { margin-top:15px; }
	.organ .step2 .box li { margin-bottom:15px; }
	.organ .box { padding-bottom:15px; border:1px solid #ccc; background:#f9f9f9; }
	.organ .box3 { padding-top:10px; padding-bottom:10px; padding-left:15px; border:1px solid #ccc; background:#f9f9f9; }
	.organ .box a { padding-right:19px; background:url('/open_content/main/images/sub/organ_link0.gif') no-repeat right 4px; }
	.organ .box3 a { padding-right:19px; background:url('/open_content/main/images/sub/organ_link0.gif') no-repeat right 4px; }
	.organ .box li { margin-left:12px; font-size:12px; }
	.organ .box li:first-child { margin:15px 17px 10px; padding-bottom:10px; border-bottom:1px solid #ccc; text-align:center; }
	.organ .box li:first-child span { font-size:13px; font-weight:600; }
	.organ .step3>li>p { width:110px; height:110px; margin:0 auto; text-align:center; color:#fff; font-size:15px; font-weight:600; }
	.organ .step3>li>p span { display:block; padding-top:53px; }
	.organ .step3>li.culture>p { background:url('/open_content/main/images/sub/organ_bg3_5.gif') no-repeat; }
	.organ .step3>li.welfare>p { background:url('/open_content/main/images/sub/organ_bg3_2.gif') no-repeat; }
	.organ .step3>li.traffic>p { background:url('/open_content/main/images/sub/organ_bg3_4.gif') no-repeat; }
	.organ .step3>li.safety>p { background:url('/open_content/main/images/sub/organ_bg3_3.gif') no-repeat; }
	.organ .step3>li.manage>p { background:url('/open_content/main/images/sub/organ_bg3_1.gif') no-repeat; }
	.organ .step3>li.future>p { background:url('/open_content/main/images/sub/organ_bg3_7.gif') no-repeat; }
	.organ .step3 .box  { min-height:110px;}
	.organ_btn { margin:20px auto; padding:8px; width:230px; background:#f5f5f5; border:1px solid #dadada; border-radius:50px;}
	.organ_btn a { display:inline-block; padding:15px; width:210px; text-align:center; font-size:16px; font-weight:bold; color:#fff; border-radius:30px; background:#2173bf; }
	.organ_btn a:hover, .organ_btn a:active { background:#6755a4; }

	.organ { position:relative; background:url('/open_content/main/images/sub/organ_line25.gif') no-repeat 62px 120px; }
	.organ .step2_1 { position:absolute; top:47px; left:115px; }
	.organ .step2_2 { position:absolute; top:47px; right:115px; }
	.organ .step2_1 .box { position:absolute; width:150px; left:-140px; top:-45px; }
	.organ .step3 { overflow:hidden; margin-top:77px; }
	.organ .step3>li { float:left; margin-left:8px; }
	.organ .step3>li:first-child { margin-left:0; }
	.organ .step3 .box { margin-top:13px; width:122px; height:250px; }
	.organ .step3 .box3 { margin-top:13px; width:122px; height:20px; min-height:10px; position:absolute; top:170px; left:5px; } 
	.organ .step3 .box3Right { left:640px; } 
	.organ .step3 .future .box { /*margin-top:123px*/ }
	.organ .step3>li ul.box li.line2_60 { padding-top:2px; width:60%; line-height:14px; }
	.organ .step3>li ul.box li.line2_80 { padding-top:2px; width:80%; line-height:14px; }
}

/*1024x768*/
@media all and (max-width:1025px) {
	div.gallery .ebook ul li p.photo { float:none; }
	div.gallery .window li { width:45%; margin-left:2%; margin-right:2%; }
	/*div.gallery .window p.photo img { height:168px; }*/

	.organ_guide { position:static; display:block; text-align:center; margin:0 auto 25px; width:240px; }
	.organ > ul > li { position:relative; margin-top:30px; }
	.organ .step2 > li p { text-align:center; padding:10px 0; color:#4e395b; font-size:15px; font-weight:600; border:2px solid #b38fc9; border-radius:30px; background:#f5e7fe; }
	.organ .step2 > li p a { color:#4e395b; padding-right:20px; background:url('/open_content/main/images/sub/organ_link2.gif') no-repeat right center; }
	.organ ul.box { margin:10px auto 0; padding:15px 7.5%; width:80%; font-size:12px; border:1px solid #ccc; background:#f9f9f9; }
	.organ ul.box > li:first-child { display:block; text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; }
	.organ ul.box > li:first-child span { font-size:13px; font-weight:600; }
	.organ ul.box > li { display:inline-block; }
	.organ ul.box > li a { display:block; margin:2px 3px; padding-right:19px; background:url('/open_content/main/images/sub/organ_link0.gif') no-repeat right 4px; line-height:12px; }
	.organ .step3 { overflow:hidden; }
	.organ .step3 > li { float:left; width:49%; }
	.organ .step3 > li:nth-child(2n) { margin-left:2%; }
	.organ .step3 > li.mb100 { margin-left:0; width:100%; }
	.organ .step3 > li p { text-align:center; padding:10px 0; color:#fff; font-size:15px; font-weight:600; border-radius:30px; }
	.organ .step3 > li.culture p { border:1px solid #035681; background:#0075b2; }
	.organ .step3 > li.welfare p { border:1px solid #453282; background:#6755a4; }
	.organ .step3 > li.manage p { border:1px solid #163a85; background:#3565c7; }
	.organ .step3 > li.traffic p { border:1px solid #094c48; background:#067f77; }
	.organ .step3 > li.safety p { border:1px solid #1c592a; background:#377a46; }
	.organ .step3 > li.future p { border:1px solid #73496b; background:#a25693; }
	.organ .step3 > li p span { display:inline-block; text-align:left; padding-left:55px; background-repeat:no-repeat; background-position:left center; }
	.organ .step3 > li.culture p span{ background-image:url('/open_content/main/images/sub/organ_bg3_mb1.gif'); }
	.organ .step3 > li.welfare p span { background-image:url('/open_content/main/images/sub/organ_bg3_mb2.gif'); }
	.organ .step3 > li.manage p span { background-image:url('/open_content/main/images/sub/organ_bg3_mb3.gif'); }
	.organ .step3 > li.traffic p span { background-image:url('/open_content/main/images/sub/organ_bg3_mb4.gif'); }
	.organ .step3 > li.safety p span { background-image:url('/open_content/main/images/sub/organ_bg3_mb5.gif'); }
	.organ .step3 > li.future p span { background-image:url('/open_content/main/images/sub/organ_bg3_mb6.gif'); }
	.organ .step3 ul.box { height:160px; }
	.organ .step3 ul.box3 { padding:0 1%; }
	.organ .step3 ul.box3 li { text-align:center; padding:15px 0; border:1px solid #ccc; background:#f9f9f9; }
	.organ .step3 ul.box3 li a { display:inline-block; background:url('/open_content/main/images/sub/organ_link0.gif') no-repeat right 4px; line-height:12px; }

}

/*TABLET*/
@media all and (max-width:769px) { 
	div.generalboard div.reply2 textarea { width:80%; }
	div.gallery .window li { margin-left:15px; }
}

/*MOBILE*/
@media all and (max-width:640px) { 
	div.gallery .window p.date, div.gallery .ebook p { text-align:center; }
	div.gallery .list div { overflow:hidden; width:99%; padding-top:15px; }
	div.gallery .list p.photo { width:100%; margin-top:25px; }
	div.gallery .list div { padding-left:0; }
	div.gallery .window li { float:none; width:99%; margin-bottom:15px;  margin-left:0; text-align:center; }
	div.gallery .window p.photo img { height:auto; }
	div.gallery .ebook ul { padding:0; border-bottom:none; }
	div.gallery .ebook ul li { float:left; width:100%; padding:20px 0; border-bottom:1px dotted #ccc; }
	div.gallery .ebook ul li p.photo { float:none; width:100%; min-height:auto; margin-bottom:10px; }
	.general_board #bbs_no, .general_board .bbs_no,
	.general_board #bbs_dt, .general_board .bbs_dt,
	.general_board #bbs_hit, .general_board .bbs_hit
	{ display:none; }

	.citizen_event .event_list>div { padding:15px 10px; border-bottom:1px solid #ccc; }
	.citizen_event .event_list>div ul { margin-top:10px; }
	.citizen_event .event_list>div>img { display:none; }
	.citizen_event .event_list>div .tit span { display:block; margin-top:3px; padding-left:25px; }
	.citizen_event .event_list>div div.con p.img { display:none; }
}


@media all and (min-width:640px) { 
	.citizen_event .event_list>div { overflow:hidden; padding:25px 35px; margin-top:15px; border:1px solid #ccc; }
	.citizen_event .event_list>div div.con div.txt { float:left; width:64%; }
	.citizen_event .event_list>div div.con p.img { float:right; width:35%; }
}

@media all and (min-width:480px) { 
	.citizen_event .calendar { padding:30px 30px 15px; border:1px solid #d0cbbb; background:#f1eee5 /*url('/open_content/main/images/sub/calendar_bg.gif') no-repeat center bottom*/; }
	.citizen_event .calendar table { margin-bottom:20px; }
	.citizen_event .calendar .txt { padding-top:15px; text-align:right; }
}

/*MOBILE_min*/
@media all and (max-width:480px) { 
	.organ { width:100%; }
	.citizen_event .box .month { font-size:40px; }
	.citizen_event .box .month a.prev { margin-left:-95px; }
	.citizen_event .box .month a.next { margin-right:-95px; }
	.citizen_event .calendar .txt { display:none; }
	#ic_tab>li {width:33.3%;}
}


.dipy_n {display:none; }
.dipy_inline {display:inline;}
.background_n {background:none;}

/*margin_padding*/
.mt_n {margin-top:0;}
.margin_20 {margin:20px;}
.margin_t5 {margin-top:5px;}
.margin_t10 {margin-top:10px;}
.margin_t15 {margin-top:15px;}
.margin_t20 {margin-top:20px;}
.margin_t25 {margin-top:25px;}
.margin_t30 {margin-top:30px;}
.margin_t35 {margin-top:35px;}
.margin_t40 {margin-top:40px;}
.margin_t50 {margin-top:50px;}
.margin_t60 {margin-top:60px;}
.margin_t100 {margin-top:100px;}
.margin_l5 {margin-left:5px;}
.margin_l10 {margin-left:10px;}
.margin_l20 {margin-left:20px;}
.margin_l25 {margin-left:25px;}
.margin_l30 {margin-left:30px;}
.margin_l40 {margin-left:40px;}
.margin_r5 {margin-right:5px;}
.margin_r10 {margin-right:10px;}
.margin_r25 {margin-right:25px;}
.margin_r30 {margin-right:30px;}
.margin_r40 {margin-right:40px;}
.margin_b5 {margin-bottom:5px;}
.margin_b10 {margin-bottom:10px;}
.margin_b20{margin-bottom:20px;}
.margin_b30{margin-bottom:30px;}
.margin_b40 {margin-bottom:40px;}
.margin_b50 {margin-bottom:50px;}
.padding_t5 {padding-top:5px;}
.padding_t10 {padding-top:10px;}
.padding_t15 {padding-top:15px;}
.padding_t20 {padding-top:20px;}
.padding_t25 {padding-top:25px;}
.padding_t50 {padding-top:50px;}
.padding_l5 {padding-left:5px;}
.padding_r5 {padding-right:5px;}
.padding_r15 {padding-right:15px;}
.padding_b5 {padding-bottom:5px;}
.padding_b10 {padding-bottom:10px;}
.padding_b20 {padding-bottom:20px;}

/* font */
.wfont {font-weight:500;}
.sfont {font-size:0.95em;}
.bfont {font-size:1.2em;}

.float_l {float:left;}
.float_r {float:right;}
.clear_b {clear:both;}
.middle {vertical-align:middle !important;}
.top {vertical-align:top !important;}
.bottom {vertical-align:bottom;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify;}
td.left {text-align:left !important;}

table.general_board th,table.general_board td{font-size:14px !important;}


@media screen and (max-width:800px){
	.dp_pc{display:none}
	.btnBox{margin-top:40px; text-align:center}	
	.search{padding:3.5% 0%}
	.search select{width:25%}
	.search .word{padding-right:85px; width:40%; min-width:140px}
	.search input[type=submit]{width:80px}	
	.search .field_gyeyak{padding:0% 4%}
	.search .field_gyeyak li{float:none; width:100% !important}
	.search .field_gyeyak li:first-child dl{float:left; width:40%}
	.search .field_gyeyak li:first-child dl:first-child{width:60%}
	.search .field_gyeyak li:last-child dl{width:33% !important; margin-left:.3%}
	.search .field_gyeyak dl{padding-left:0px}
	.search .field_gyeyak dl dt{position:static; text-align:left}	
	.search .field_array li{width:100%}
	ul.list_info.col2 li{float:none; width:100%}
	.board_list{margin-top:20px}	
	.board_list ul.generalList>li p{float:none; width:100%}
	.board_list ul.generalList>li div.writer_info{float:none; margin-top:10px; width:100%}
	.board_list ul.generalList>li div.writer_info ul{text-align:left}
	.board_list ul.generalList>li div.writer_info ul li.writer{padding-left:10px; width:auto}
	.board_list table.general_board thead{display:none}
	.board_list table.general_board, 
	.board_list table.general_board tbody,
	.board_list table.general_board tr,
	.board_list table.general_board td{display:block}
	.board_list table.general_board tbody tr:first-child{border-top:2px solid #333}
	.board_list table.general_board tbody td{display:inline-block; padding:2px 10px 7px 0px}
	.board_list table.general_board tbody td:first-child,
	.board_list table.general_board tbody td:last-child{position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1} /*숨김*/
	.board_list table.general_board tbody td.title{max-width:100%; width:100%; padding:10px 0px 0px 10px}
	.board_list table.general_board tbody td.title a{width:90%; font-size:15px; font-weight:bold}
	.board_list table.general_board tbody img{position:relative; top:5px; left:10px; padding-right:5px}
	.board_list ul.lecList>li{width:100%; margin:3px 0px}		
	.board_list ul.lecList>li:nth-child(2):after{display:none}
	.board_list ul.lecList>li.close *{color:#aaa}
	.board_list ul.lecList>li>div{padding:10px 15px 15px; border-width:0px 0px 1px 0px}
	.board_list ul.lecList>li .tag_state{top:15px; right:15px; min-width:60px; }
	.board_list ul.lecList>li ul{margin-top:8px}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{margin:1.5%; width:47%}
	.board_list ul.photoList>li p.img{height:170px}
	.board_list ul.photoList>li div.con p.tit{font-weight:bold}
	.board_list ul.galleryList>li p.img{width:40%; margin-right:4%; height:160px}
	.board_list ul.galleryList>li p.img img{min-height:160px}
	.board_list ul.galleryList>li div.con{width:55%; height:auto; min-height:120px}
	.board_list ul.ebookList{white-space:nowrap; overflow-x:auto}
	.board_list ul.ebookList>li{float:none; display:inline-block; border:0px; box-shadow:none; width:210px}
	.board_list ul.ebookList>li:before{display:none}
	.board_list ul.ebookList>li p.img{float:none; padding:0px; width:100%; max-height:284px; border:0px;}
	.board_list ul.ebookList>li p.img img{min-height:270px}
	.board_list ul.ebookList>li div.con{float:none; padding:10px 5px; width:100%; height:auto; min-height:auto;}
	.board_list ul.ebookList>li div.con:before{display:none}
	.board_list ul.ebookList>li div.con ul.ebook_btn{position:static; margin-top:10px; width:100%}
	.board_list ul.ebookList>li div.con ul.ebook_btn li a{padding-left:35px; background-position:5px center}	
	.board_list .etcList>li{float:none; width:100%}
	.board_list .etcList>li:nth-child(even){float:none}
	.board_list .etcList>li:nth-child(2){border-top:1px solid #ddd}
	.board_list .etcList>li p.tit{margin-bottom:10px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .surveyList>li{float:none !important; padding:20px; width:100%}
	.board_list .surveyList>li:nth-child(2){border-top:0px}
	.board_list .surveyList>li.open{border-color:#666; border-top-color:#333}
	.board_list .surveyList>li p.tit{margin-top:3px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .surveyList>li p.tit a{}
	/* .board_list .oneList>li div.con ul.list_info li{width:100%}*/
	.board_list .oneList.haveBtn>li div.con{padding-right:0px}
	.board_list .oneList>li div.con ul.oneList_btn{position:static; text-align:center; margin-top:20px; padding:15px 10px 3px; border-top:1px dashed #ccc}
	.board_list .oneList>li div.con ul.oneList_btn li{display:inline-block}
	.board_list .oneList>li div.con ul.oneList_btn li	.tag_txt{margin-right:0px}
	.data_list>li.col2 dl{float:none; width:100%; border-top:1px dotted #ccc}
	.data_list>li.col2 dl:first-child{border-top:0px}
	.add_file dl>dt,
	.data_list>li dl>dt,
	.add_file dl>dd,
	.data_list>li dl>dd{padding-left:15px}
	.add_file dl>dt,
	.data_list>li dl dt{width:80px}
	.add_file .alldown{right:10px; top:10px}
	.photoView p{height:200px}
	.photoView p img{max-height:200px}
	.contact>div.map{height:200px; overflow:hidden}
	.contact>div.map_info ul{margin-top:10px}
	.contact>div.map_info ul li{font-size:14px}
	.contact>div.map_info ul li:After{top:10px}
	.product>li{width:48%}
	.product_view:after{display:block; content:''; clear:both}
	.product_view div.photo{float:none; margin-left:10%; width:80%}
	.product_view div.info{float:none; margin-top:20px; width:100%; min-height:auto}
	.board_view div.note>dl{padding-left:0px}
	.board_view div.note>dl>dt{position:relative; top:20px; transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); left:0px; text-align:center; }
	.board_view div.note>dl>dd div{padding:0px 5px; line-height:27px;  background-image:url(/open_content/opensquare/img/program/note_line2.gif)}
	.board_view div.note>dl>dd div *{line-height:27px}
	.comment div.comment_writer ul li{width:32%}
	.comment div.comment_form{padding-right:100px; }
	.comment div.comment_form input[type=submit]{width:100px}	
	.board_write ul li dl{display:block}
	.board_write ul li dl dt{display:block; width:100%}
	.board_write ul li dl dd{display:block}
	.board_reply>div{padding:30px 25px}
	.survey_frame>ul>li{padding:30px}
	.survey_frame .a_img li{float:none; margin-left:0%; width:100%; overflow:hidden}
	.survey_frame .a_img li img{height:100px}
	.survey_frame .a_img li>p{float:left; width:50%}
	.survey_frame .a_img li>p.txt{padding-left:2%; width:48%}
	/* .other_con{margin-top:50px}
	.other_con li{padding-left:100px}
	.other_con span{width:100px} */
	.schedule div.month{width:100%}
	.schedule div.month p{}
	.schedule div.month ul li{top:10px}
	.schedule table thead th{display:none}
	.schedule table tbody td.blank{display:none}
	.schedule table tbody td{display:block; width:100%; border:0px; height:auto}
	.schedule table tbody td p.date{text-align:center; margin-top:5px; width:100%; border:0px; background:#484848; color:#fff}	
	.schedule table tbody td.sun p.date{background:#a82a2a}
	.schedule table tbody td.sat p.date{background:#1a5194}
	.schedule table tbody td ul{padding:5px 20px 10px}
	.schedule table tbody td>ul>li.close a{text-decoration:line-through}
	.schedule table tbody td>ul.sch_list>li div.con{position:static}
	.schedule_week dl.list{padding:30px 0px}
	.schedule_week dl.list dt{position:relative; top:0px; text-align:center; padding:5px 10px; width:100px; font-size:18px; font-weight:bold; color:#fff; background:#484848; border-radius:60px}
	.schedule_week dl.list dt span{display:inline; padding-left:5px; font-weight:normal}
	.schedule_week dl.list dd{padding-top:10px; padding-left:5px}
	.schedule_week dl.list dd>ul>li a{padding:8px 0px}
	.schedule_week dl.list dd>ul>li .time{display:none}
	.schedule_week dl.list dd>ul>li .tit{}
	.schedule_week dl.list dd>ul>li .place{display:none}
	.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:10px; padding:30px; background:#f0f0f0}
	.join_step li{font-size:16px !important}
	.join_step li:after{margin:5px 15px 5px 5px}
	.join_step li span.txt{display:none}	
	.join_step li span.num{margin-right:0px; width:27px !important; line-height:27px !important}
	.join_step li.select span.num{margin-right:5px}
	.join_step li.select span.txt{display:inline-block}
	.realname{border-top:3px solid #333}
	.realname li{margin:0%; width:100%; border-top:0px}
	.realname li button{background-position:9% center; border-left:0px; border-right:0px}
	.join li{margin:0% 0% 20px; width:100%; border-top:3px solid #333}
	.joinFinish{text-align:center; margin:40px auto 60px; padding:0px; max-width:100%; background:none; border:0px}
	.joinFinish dl{display:inline-block; padding:130px 0px 0px; background-position:center  top}
	#contents .login{padding:5%; width:85%; border:0px; background:none}
	#contents .login p.tit{float:none; margin-top:30px; width:100%}
	#contents .login div.con{float:none; margin:8% auto; width:80%}
	.password_txt{position:relative; padding:20px; width:auto; left:0px; top:0px}
	.password_txt:After{top:-10px; left:35px; border-left-color:transparent; border-bottom-color:#333}
	.map_service{position:static; width:auto; background:transparent; border-radius:0px; overflow:visible; box-shadow:none}
	.map_service div.map_search{position:fixed; padding:20px; padding-left:100px; width:100%; border-bottom:0px; box-sizing:border-box; z-index:101}
	.map_service div.map_search>div{background:#fff; border-radius:5px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.5) }
	.map_service ul.map_menu{position:absolute; padding:20px 5px 18px; width:80px; height:100%; background:#fff; overflow-y:scroll; box-sizing:border-box; z-index:102; box-shadow:0px 0px 2px rgba(0,0,0,.2)}
	.map_service ul.map_menu>li{float:none; padding:0px 0px; width:auto}	
	.map_service div.map_result{position:absolute; padding-left:80px; max-height:100%; height:100%; width:100%; background:#fff; z-index:101}
	.map_service div.map_result::-webkit-scrollbar, .map_service ul.map_menu::-webkit-scrollbar{width:2px}
	.map_service div.map_result::-webkit-scrollbar-thumb, .map_service ul.map_menu::-webkit-scrollbar-thumb{background:#ccc}
	.map_service div.map_result p.noresult{padding-top:20%}
	.map_service div.map_result p.noresult span{display:block; margin-bottom:5px}
	.status {height:400px;}
	.status .list_box {padding:20px 0;}
	.status .list_box>p {font-size:18px;}
	.status .list_box .list {width:75%;}
	.status .list_box .list>ul>li {width:32.3%; height:70px;}
	.status .list_box>a {bottom:40px; width:40px; height:40px;}

}

@media screen and (max-width:480px){
 /* 	.board_list ul.photoList li{width:100%}
	.board_list ul.photoList li a{margin:0px; box-shadow:none}	
	.board_list ul.photoList li a:before{display:none}
	.board_list ul.photoList li p.img{height:auto}
	.board_list ul.photoList li p.img img{min-height:auto}
	.board_list ul.photoList li div.con{padding:10px 10px 8%; border:0px}
	.board_list ul.photoList li div.con p.tit{text-align:left; padding-bottom:0px}
	.board_list ul.photoList li div.con p.tit:after{display:none}
	.board_list ul.photoList li div.con p.date{margin-top:0px; text-align:left} 
	.board_list ul.photoList2{overflow-x:scroll; white-space:nowrap}
	.board_list ul.photoList2>li{display:inline-block; float:none; margin:0px 1.5%; width:300px; white-space:normal}	*/	
	.program_tab{position:relative}	
	.program_tab:after{display:block; content:''; position:absolute; right:0px; top:0px; width:50px; height:100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%); 
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%)}
	.program_tab ul{padding-right:30px; white-space:nowrap; font-size:0px; overflow-x:auto}	
	/* .program_tab ul::-webkit-scrollbar{height:3px}
	.program_tab ul::-webkit-scrollbar-thumb{background:#333; border-radius:3px} */
	.program_tab ul li a{padding:15px 20px 15px}
	.program_tab ul li.select a:after{display:none}	
	.search .word{PADDING-RIGHT:75PX}
	.search input[type=submit]{width:70px}	
	.search .range{width:46%}
	.search .range.cal{width:35%}
	.search .field_gyeyak li:first-child dl{width:100%}
	.search .field_gyeyak li:first-child dl:first-child{width:100%}
	.board_list ul.photoList,
	.board_list ul.photoList2{padding:0px; border:0px}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{margin:.5%; width:49%; box-shadow:none}
	.board_list ul.photoList>li p.img, .board_list ul.photoList2>li p.img{height:210px}
	.board_list ul.photoList>li div.con{display:none}	
	.board_list ul.photoList2>li div.con{display:none}	
	.board_list ul.photoList2>li p.noimg{display:none}	
	.board_list ul.photoList2>li p.noimg+div.con{display:block; }
	.board_list ul.photoList2>li p.noimg+div.con p.tit{white-space:normal}
	.board_list ul.photoList2>li p.noimg+div.con p.tit a{display:block; display:flex; align-items:center; justify-content:center; height:188px}
	.board_list ul.photoList2>li p.noimg+div.con ul.list_info{display:none}
	.product{margin-top:20px}
	.product>li{position:relative; margin:0px; padding-left:140px; width:100%; min-height:130px; border-bottom:1px solid #ddd}
	.product>li p.img{position:absolute; left:10px; top:10px; width:110px; height:110px;}
	.product>li p.img img{min-height:110px}
	.product>li p.name{height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.product>li .price{margin-top:5px}
	.product_view div.photo ul{padding-top:285px}
	.product_view div.photo ul li p.img{height:340px}
	.product_view div.photo ul li p.img img{height:340px}
	.password p{padding:85px 0px 30px; background-position:center 10px}
	.agree .textarea textarea, .agree .textarea>div{height:155px}	
	.pop_page .popCon ul.qalist>li{margin-bottom:10px; padding-left:0px; }
	.pop_page .popCon ul.qalist>li .q{position:relative; width:auto; font-size:16px}
	.pop_page .popCon ul.qalist>li .a{margin-top:5px}
	.pop_page .popTbox{margin-top:30px}
	.pop_page .popTbox .list_info.bfont li{font-size:15px}
	.joinfinish dl{padding:150px 0px 0px; background-position:center 20px}
  #text_sdt,#text_edt{ margin-bottom:10px;}
}

/* ******************************************************************
******************************************************************
******************************************************************
tailwind ovverride 
*/
/* 라디오/체크박스가 안 보일 때 */
input[type="radio"],
input[type="checkbox"]{
  appearance: auto !important;        /* 기본 UI로 되돌림 */
  -webkit-appearance: auto !important;
  display: inline-block !important;
  position: static !important;
  opacity: 1 !important;
  width: auto !important; height: auto !important;
  margin: 0 .25rem 0 0 !important;
  background: revert !important;
  border: revert !important;
}

/* 파일 업로드 버튼 복구 */
input[type="file"]{
  appearance: auto !important;
  -webkit-appearance: auto !important;
  background: revert !important;
  border: 1px solid #ced4da;          /* 필요 시 기본 테두리 부여 */
  /* padding: .375rem .75rem; border-radius: .25rem; */
  width:100%;
  min-height: 40px;
}

/* 텍스트/텍스트에어리어 테두리 복구 */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
textarea, select{
  background: revert; color: revert !important;
  border: 1px solid #ced4da !important;          /* 전역에서 border:0 된 경우 대비 */
  padding: .375rem .75rem !important; 
  /* border-radius: .25rem; */
  box-sizing: border-box !important;
}
input[type="date"]{min-width:150px;}
.search form {
  display: flex;
  justify-content: center; /* 폼 전체 가운데 정렬 */
}
fieldset{border:0 none;margin:0; padding:0;}
.search input,
.search select {
  all: revert; /* Tailwind 리셋 무력화 */
}
.search fieldset {
  display: flex;
  flex-direction: column; /* 수직 정렬로 변경 */
  align-items: center;     /* 가로 가운데 정렬 */
  gap: 8px;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.search .dp_pc,
.search .margin_t5 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; /* 각 줄도 가운데 정렬 */
  gap: 8px;
}

.search input,
.search select,
.search button,
.search label,
.search span {
  display: inline-block;   /* block → inline-block으로 정렬 */
  vertical-align: middle;
  margin: 0;
}
.search img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
}
input{max-width:100%;}
select,
input[type="text"],
input[type="search"] {
  appearance: none;
  padding: 0.5rem 0.75rem;        /* Tailwind: py-2 px-3 */
  border: 1px solid #d1d5db;      /* Tailwind: border-gray-300 */
  /* border-radius: 0.375rem;        Tailwind: rounded-md */
  background-color: white;        /* Tailwind: bg-white */
  font-size: 0.875rem;            /* Tailwind: text-sm */
  line-height: 1.25rem;
  color: #111827;                 /* Tailwind: text-gray-900 */
}

select {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1rem 1rem;
  padding-right: 2rem;
  border: 1px solid #CBCBCB !important;
  /* min-width: 100px; */
}

input[type="text"],
select {
  /* height: 32px !important;             좀 더 일반적인 최소 높이 */
  line-height: 1 !important;           /* 텍스트 수직 정렬 보정 */
  padding-top: 0.25rem !important;     /* Tailwind: pt-1 */
  padding-bottom: 0.25rem !important;  /* Tailwind: pb-1 */
  box-sizing: border-box;
  font-size: 14px;
}

input[type="submit"] {
  background-color: #2173BF;  /* Tailwind: bg-blue-600 */
  color: white;
  padding: 0.3rem 1rem;
  font-weight: 600;
  /* border-radius: 0.375rem; */
  font-size: 0.875rem;
  cursor: pointer;
  border: none;
  /* height: 32px !important;  */
}
input[type="text"],[type="password"] {
  height: 40px !important; /*tailwind 기본*/
}
.search {
  overflow: visible !important;
}
.search input[type="submit"]:hover {
  background-color: #1d4ed8;  /* Tailwind hover */  
}

.search select {
  position: relative;           /* 부모 기준을 조절 */
  z-index: 10;                  /* 우선순위 높게 */
  max-width: 100%;              /* 컨테이너 너비 초과 방지 */
}
.search input[type="text"],.search select {height: 32px !important;}
input[type="submit"].btn_b{height:38px !important;}
/* jQuery UI 달력 전체 크기 조정 */
.ui-datepicker {
  font-size: 14px !important; /* 원하는 크기로 조절 */
  z-index: 9999 !important;
}

.reply2 form {
  display: flex;
  align-items: center;
  gap: 8px; /* 요소 간 여백 */
  flex-wrap: wrap; /* 작은 화면 대응 */
}

.reply2 textarea {
  vertical-align: middle;
  margin: 0;
  display: inline-block;
  resize: vertical;
}

.reply2 input.btn_b {
  vertical-align: middle;
  height: 38px; /* textarea 높이(30px) + padding 고려하여 맞춤 */
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: normal;
}

#cmt_content {
  max-width: 85% !important;
  height: 40px !important;
}
p.sfont{
  padding:10px 0; font-size:14px !important;
}


.svg-container {
  width: 100%;
  overflow-x: auto;  /* 가로 스크롤 가능 */
  -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
}
.svg-container table {
  width: max-content;   /* 내용 크기만큼 가로 확장 */
  min-width: 100%;      /* 화면보다 작으면 최소 100% */
  border-collapse: collapse;
}
.paging ul li{margin-bottom:5px !important;}

/* =============================================
   버튼 스타일 재정의 (Tailwind CSS 스타일 모방)
   ============================================= */

/* 1. 공통 스타일: 모든 버튼에 적용될 기본 디자인 */
.btn_w,
.btn_b,
.btn_g {
  /* 폰트 및 정렬 */
  font-weight: 700; /* bold */
  font-size: 0.875rem; /* text-sm */
  text-align: center;
  text-decoration: none; /* a 태그일 경우 밑줄 제거 */
  
  /* 패딩 (여백) */
  padding: 0.5rem 1rem; /* py-2 px-4 */
  
  /* 모양 및 테두리 */
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid transparent;
  
  /* 기타 */
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease-in-out; /* 부드러운 전환 효과 */
   line-height:20px; 
}


/* 2. 개별 색상 스타일 */

/* 흰색 버튼 (.btn_w) */
.btn_w {
  background-color: white;
  color: #374151; /* text-gray-700 */
  border: 1px solid #D1D5DB; /* border-gray-300 */
}
.btn_w:hover {
  background-color: #F9FAFB; /* bg-gray-50 */
  color:#000;
}

/* 파란색 버튼 (.btn_b) */
.btn_b {
  background-color: #3B82F6; /* bg-blue-500 */
  color: white;
}
.btn_b:hover {
  background-color: #2563EB; /* bg-blue-600 */
}

/* 녹색 버튼 (.btn_g) */
.btn_g {
  background-color: #22C55E; /* bg-green-500 */
  color: white;
}
.btn_g:hover {
  background-color: #16A34A; /* bg-green-600 */
}

.data th,
.data td {
  /* 글자 크기를 14px로 재정의 (원하는 크기로 조절하세요) */
  font-size: 14px;

  /* 패딩을 위아래 8px, 좌우 12px로 재정의 (원하는 값으로 조절하세요) */
  padding: 3px 10px;
}


.horizontal-scroll-fade::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; /* 그라데이션 영역의 너비 */
  background: linear-gradient(to right, transparent, rgb(255, 255, 255)); /* 투명 -> 흰색 그라데이션 */
  pointer-events: none; /* 그라데이션 영역이 클릭이나 스크롤을 방해하지 않도록 설정 */
}
/* style.css 파일에 추가 */
.horizontal-scroll-fade.scrolled-to-end::after {
  display: none;
}

/* 스크롤바 전체 영역 */
.force-scrollbar::-webkit-scrollbar {
  height: 8px; /* 가로 스크롤바의 높이 */
}

/* 스크롤바의 배경 (트랙) */
.force-scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 연한 회색 배경 */
}

/* 스크롤바의 핸들 (움직이는 막대) */
.force-scrollbar::-webkit-scrollbar-thumb {
  background-color: #888; /* 진한 회색 핸들 */
  border-radius: 4px;   /* 핸들 모서리를 둥글게 */
}

/* 핸들에 마우스를 올렸을 때 (PC에서만 적용) */
.force-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* date 타입 input에만 브라우저 기본 UI를 다시 적용합니다. */
input[type="date"] {
  -webkit-appearance: revert; /* 또는 auto */
  appearance: revert; /* 또는 auto */
}

/* 만약 내부 요소가 숨겨졌다면 다시 보이게 처리 */
input[type="date"]::-webkit-datetime-edit {
    display: inline-block;
}